// $( "#dynamic-header" ).load( "pages/header.html" );
// $( "#dynamic-main" ).load( "pages/body.html" );
$(document).ready(function () {
require([
"esri/config",
"esri/WebMap",
"esri/views/MapView",
"esri/widgets/Home",
"esri/widgets/LayerList",
"esri/layers/GraphicsLayer",
"esri/Graphic",
"esri/rest/support/LinearUnit",
"esri/rest/geoprocessor",
], (esriConfig, WebMap, MapView, Home, LayerList, GraphicsLayer, Graphic, LinearUnit, geoprocessor) => {
esriConfig.portalUrl = "https://dev.gisportal.id/portal";
const gpUrl = "https://dev.gisportal.id/server/rest/services/mfajri/Buffer_Sample_Geoprocessing/GPServer/Buffer";
const webmap = new WebMap({
portalItem: {
id: "60994025213a4874bdb2e39503c72407"
}
});
const view = new MapView({
container: "content",
map: webmap,
zoom: 16,
center: [106.840837, -6.294844],
});
let polylineAtt = {
Name: "Buffer Area",
Owner: "MCF"
};
const graphicsLayer = new GraphicsLayer();
let homeButton = new Home({
view: view,
container: "HomeButton"
});
let layerList = new LayerList({
view: view,
listItemCreatedFunction: (event) => {
// console.log(event);
const item = event.item;
if (item.layer.type != "group") {
// don't show legend twice
item.panel = {
content: "legend",
open: true
};
}
}
});
view.ui.add(layerList, {
position: "top-right"
});
const fillSymbol = {
type: "simple-fill",
color: [168, 0, 0, 0.17],
outline: null
};
document.getElementById('procces').addEventListener('click', e => {
CLipnBuffer()
})
const CLipnBuffer = function() {
graphicsLayer.removeAll();
let radius = document.getElementById("radiusDistance").value;
let unit = document.getElementById("Unit").value;
const params = {
Pipeline_Inspection: {
"displayFieldName": "",
"geometryType": "esriGeometryPoint",
"spatialReference": {
"wkid": 4326,
"latestWkid": 4326
},
"fields": [
{
"name": "OBJECTID",
"type": "esriFieldTypeOID",
"alias": "OBJECTID"
},
{
"name": "globalid",
"type": "esriFieldTypeGlobalID",
"alias": "GlobalID",
"length": 38
},
{
"name": "easting",
"type": "esriFieldTypeDouble",
"alias": "EASTING"
},
{
"name": "northing",
"type": "esriFieldTypeDouble",
"alias": "NORTHING"
},
{
"name": "anomaly_category",
"type": "esriFieldTypeString",
"alias": "ANOMALY_CATEGORY",
"length": 255
},
{
"name": "functional_location",
"type": "esriFieldTypeString",
"alias": "FUNCTIONAL_LOCATION",
"length": 500
},
{
"name": "anomaly_name",
"type": "esriFieldTypeString",
"alias": "ANOMALY_NAME",
"length": 255
},
{
"name": "anomaly_code",
"type": "esriFieldTypeString",
"alias": "ANOMALY_CODE",
"length": 100
},
{
"name": "sap_notification",
"type": "esriFieldTypeString",
"alias": "SAP_NOTIFICATION",
"length": 255
},
{
"name": "anomaly_reff_number",
"type": "esriFieldTypeString",
"alias": "ANOMALY_REFF_NUMBER",
"length": 100
},
{
"name": "anomaly_close",
"type": "esriFieldTypeString",
"alias": "ANOMALY_CLOSE",
"length": 10
},
{
"name": "anomaly_date_created",
"type": "esriFieldTypeDate",
"alias": "ANOMALY_DATE_CREATED",
"length": 8
},
{
"name": "anomaly_created_by",
"type": "esriFieldTypeString",
"alias": "ANOMALY_CREATED_BY",
"length": 100
},
{
"name": "anomaly_desc",
"type": "esriFieldTypeString",
"alias": "ANOMALY_DESC",
"length": 255
},
{
"name": "anomaly_risk",
"type": "esriFieldTypeString",
"alias": "ANOMALY_RISK",
"length": 100
},
{
"name": "anomaly_status",
"type": "esriFieldTypeString",
"alias": "ANOMALY_STATUS",
"length": 50
},
{
"name": "anomaly_comment",
"type": "esriFieldTypeString",
"alias": "ANOMALY_COMMENT",
"length": 500
},
{
"name": "action_assign_to",
"type": "esriFieldTypeString",
"alias": "ACTION_ASSIGN_TO",
"length": 100
},
{
"name": "action_comment",
"type": "esriFieldTypeString",
"alias": "ACTION_COMMENT",
"length": 500
},
{
"name": "kp",
"type": "esriFieldTypeString",
"alias": "KP",
"length": 255
},
{
"name": "survey_date",
"type": "esriFieldTypeDate",
"alias": "SURVEY_DATE",
"length": 8
},
{
"name": "status_validated",
"type": "esriFieldTypeString",
"alias": "Status Validated",
"length": 255
},
{
"name": "created_date",
"type": "esriFieldTypeDate",
"alias": "created_date",
"length": 8
},
{
"name": "created_user",
"type": "esriFieldTypeString",
"alias": "created_user",
"length": 255
},
{
"name": "last_edited_date",
"type": "esriFieldTypeDate",
"alias": "last_edited_date",
"length": 8
},
{
"name": "last_edited_user",
"type": "esriFieldTypeString",
"alias": "last_edited_user",
"length": 255
}
],
"features": [
{
"attributes": {
"OBJECTID": 809,
"EASTING": 479156.0,
"NORTHING": 9864462.0,
"ANOMALY_CATEGORY": "Row Walking Survey",
"FUNCTIONAL_LOCATION": "HDL/CPA /OIL/TRANS/8_CPA_TO_SNP",
"ANOMALY_NAME": "Corrosion Eviden",
"ANOMALY_CODE": "RWW-CE",
"SAP_NOTIFICATION": null,
"ANOMALY_REFF_NUMBER": "RWW-CE-8",
"ANOMALY_CLOSE": "No",
"ANOMALY_DATE_CREATED": 1678161600000,
"ANOMALY_CREATED_BY": "Rascal",
"ANOMALY_DESC": "Test drive",
"ANOMALY_RISK": "1 (High) - Immediate Action",
"ANOMALY_STATUS": "Open",
"ANOMALY_COMMENT": "No comment aku",
"ACTION_ASSIGN_TO": "PO/OSF/INS/PIM",
"ACTION_COMMENT": null,
"KP": null,
"SURVEY_DATE": 1678161600000,
"STATUS_VALIDATED": "Validated",
"STATUS_REVIEW": null,
"REVIEWED_BY": null,
"GlobalID": "{0AC28FE4-B997-4B36-A96F-F72AAA38E013}"
},
"geometry": {
"x": 116.81264485400004,
"y": -1.2262399559999722
}
},
{
"attributes": {
"OBJECTID": 1609,
"EASTING": 479156.0,
"NORTHING": 9864462.0,
"ANOMALY_CATEGORY": "Row Walking Survey",
"FUNCTIONAL_LOCATION": "HDL/CPA /OIL/TRANS/8_CPA_TO_SNP",
"ANOMALY_NAME": "3rd Party Activity",
"ANOMALY_CODE": "RWW-3PA",
"SAP_NOTIFICATION": null,
"ANOMALY_REFF_NUMBER": "RWW-3PA-7",
"ANOMALY_CLOSE": "No",
"ANOMALY_DATE_CREATED": 1678161600000,
"ANOMALY_CREATED_BY": "Rascal",
"ANOMALY_DESC": "Test drive",
"ANOMALY_RISK": "2 (Medium) - Non-Standard Condition",
"ANOMALY_STATUS": "Open",
"ANOMALY_COMMENT": "No comment aku",
"ACTION_ASSIGN_TO": "PO/OSF/INS/PIM",
"ACTION_COMMENT": null,
"KP": null,
"SURVEY_DATE": 1678161600000,
"STATUS_VALIDATED": "Validated",
"STATUS_REVIEW": null,
"REVIEWED_BY": null,
"GlobalID": "{AC962425-CF81-4A62-AC94-2A322E4C0579}"
},
"geometry": {
"x": 116.81264485400004,
"y": -1.2262399559999722
}
},
{
"attributes": {
"OBJECTID": 1610,
"EASTING": 479156.0,
"NORTHING": 9864462.0,
"ANOMALY_CATEGORY": "Row Walking Survey",
"FUNCTIONAL_LOCATION": "HDL/CPA /OIL/TRANS/8_CPA_TO_SNP",
"ANOMALY_NAME": "3rd Party Activity",
"ANOMALY_CODE": "RWW-3PA",
"SAP_NOTIFICATION": null,
"ANOMALY_REFF_NUMBER": "RWW-3PA-7",
"ANOMALY_CLOSE": "No",
"ANOMALY_DATE_CREATED": 1678161600000,
"ANOMALY_CREATED_BY": "Rascal",
"ANOMALY_DESC": "Test drive",
"ANOMALY_RISK": "2 (Medium) - Non-Standard Condition",
"ANOMALY_STATUS": "Open",
"ANOMALY_COMMENT": "No comment aku",
"ACTION_ASSIGN_TO": "PO/OSF/INS/PIM",
"ACTION_COMMENT": null,
"KP": null,
"SURVEY_DATE": 1678161600000,
"STATUS_VALIDATED": "Validated",
"STATUS_REVIEW": null,
"REVIEWED_BY": null,
"GlobalID": "{016D9D44-CA20-4EA5-8DEA-B526A4A3F538}"
},
"geometry": {
"x": 116.81264485400004,
"y": -1.2262399559999722
}
},
{
"attributes": {
"OBJECTID": 3208,
"EASTING": 479156.0,
"NORTHING": 9864462.0,
"ANOMALY_CATEGORY": "Row Walking Survey",
"FUNCTIONAL_LOCATION": "HDL/CPA /OIL/TRANS/8_CPA_TO_SNP",
"ANOMALY_NAME": "Corrosion Eviden",
"ANOMALY_CODE": "RWW-CE",
"SAP_NOTIFICATION": null,
"ANOMALY_REFF_NUMBER": "RWW-CE-8",
"ANOMALY_CLOSE": "No",
"ANOMALY_DATE_CREATED": 1678161600000,
"ANOMALY_CREATED_BY": "Rascal",
"ANOMALY_DESC": "Test drive",
"ANOMALY_RISK": "1 (High) - Immediate Action",
"ANOMALY_STATUS": "Open",
"ANOMALY_COMMENT": "No comment aku",
"ACTION_ASSIGN_TO": "PO/OSF/INS/PIM",
"ACTION_COMMENT": null,
"KP": null,
"SURVEY_DATE": 1678161600000,
"STATUS_VALIDATED": "Validated",
"STATUS_REVIEW": null,
"REVIEWED_BY": null,
"GlobalID": "{49D3D5C9-B644-4868-B522-F687E6968167}"
},
"geometry": {
"x": 116.81264485400004,
"y": -1.2262399559999722
}
},
{
"attributes": {
"OBJECTID": 3608,
"EASTING": 479156.0,
"NORTHING": 9864462.0,
"ANOMALY_CATEGORY": "Row Walking Survey",
"FUNCTIONAL_LOCATION": "HDL/CPA /OIL/TRANS/8_CPA_TO_SNP",
"ANOMALY_NAME": "Marker/Sign",
"ANOMALY_CODE": "RWW-SMS",
"SAP_NOTIFICATION": null,
"ANOMALY_REFF_NUMBER": "RWW-SMS-6",
"ANOMALY_CLOSE": "No",
"ANOMALY_DATE_CREATED": 1678161600000,
"ANOMALY_CREATED_BY": "Rascal",
"ANOMALY_DESC": "Test drive",
"ANOMALY_RISK": "3 (Low) - Monitoring/Observation",
"ANOMALY_STATUS": "Open",
"ANOMALY_COMMENT": "No comment aku",
"ACTION_ASSIGN_TO": "PO/OSF/INS/PIM",
"ACTION_COMMENT": null,
"KP": "kp 123",
"SURVEY_DATE": 1659326400000,
"STATUS_VALIDATED": "Validated",
"STATUS_REVIEW": null,
"REVIEWED_BY": null,
"GlobalID": "{E12BD9BE-FFDF-4D94-A39F-A4FECD8E7717}"
},
"geometry": {
"x": 116.81264485400004,
"y": -1.2262399559999722
}
}
],
"exceededTransferLimit": false
},
Distance__value_or_field_: {
"distance": radius,
"units": unit
},
f: "pjson"
};
geoprocessor.execute(gpUrl, params).then(drawResultData);
}
const drawResultData = function (result) {
const resultFeatures = result.results[0].value.features;
const viewshedGraphics = resultFeatures.map((feature) => {
feature.symbol = fillSymbol;
console.log(feature);
return feature;
});
graphicsLayer.addMany(viewshedGraphics);
webmap.add(graphicsLayer);
view.goTo({
target: viewshedGraphics,
tilt: 0
})
.catch((error) => {
if (error.name != "AbortError") {
console.error(error);
}
});
}
});
})