Here is the code.
*********************************************************************************************************************************
this._map.infoWindow.set("popupWindow", false);
this.initializeSidebar(this._map);
initializeSidebar: function(map){
var popup = map.infoWindow;
connect.connect(popup, "onSelectionChange", function(e){
var edithasClass = $("#editFeature").hasClass("active");
displayPopupContent(popup.getSelectedFeature(),domStyle,menus,DeleteFeature,edithasClass);
});
//when the selection is cleared remove the popup content from the side panel.
connect.connect(popup, "onClearFeatures", function(){
var edithasClass = $("#editFeature").hasClass("active");
if(edithasClass==false){
$("#sidepanelAllPourposeContent").html('');
}
});
}
main.js
$("#editFeature").on('click', function(e) {
$("#editFeature").toggleClass("active");
var edithasClass = $("#editFeature").hasClass("active");
if(edithasClass==false){
var stackedAreaLegend = dijit.byId('sidepanelSpatialEditing');
if (stackedAreaLegend) {
stackedAreaLegend.destroyRecursive(true);
}
}
if(edithasClass==true){
initEditing(e,array,Editor,domStyle,menus,i18n,draw);
}
});
//functions.js
function initEditing (event,arrayUtils,Editor,domStyle,i18n,draw) {
//allLayers -- It's a global variable;
var featureLayerInfos = arrayUtils.map(allLayers, function (layer) {
return {
"featureLayer": layer
};
});
var stackedAreaLegend = dijit.byId('sidepanelSpatialEditing');
if (stackedAreaLegend) {
stackedAreaLegend.destroyRecursive(true);
}
var settings = {
map: map,
layerInfos: featureLayerInfos
};
var params = {
settings: settings
};
var editorWidget = new Editor(params, 'sidepanelSpatialEditing');
editorWidget.startup();
//snapping defaults to Cmd key in Mac & Ctrl in PC.
//specify "snapKey" option only if you want a different key combination for snapping
map.enableSnapping();
}
function displayPopupContent(feature,domStyle,menus,DeleteFeature,edithasClass){
var stackedAreaLegend = dijit.byId('sidepanelAllPourposeContent');
if (stackedAreaLegend) {
stackedAreaLegend.destroyRecursive(true);
}
if(feature){
var content = feature.getContent();
$("#sidepanelAllPourposeContent").html(content);
if(edithasClass==true){
$("#sidepanelAllPourposeHeadingSpan").html('Spatial Editing');
}
if(edithasClass==false){
$("#sidepanelAllPourposeHeadingSpan").html(feature._layer.id);
$("#sidepanelAllPourposeContent" ).accordion();
$("#sidepanelAllPourposeContent").accordion( "destroy" );
if(feature._layer.id!='Photos'){
var mapserviceid = $("#associatedForms").attr("mapServiceId");
var objectId = $("#associatedForms").attr("objectId");
var allLoadedService = JSON.parse(localStorage.getItem('loadedServicesstored'));
var allForms ='<table class="table table-striped table-bordered"><tbody>';
for (var i = 0; i < allLoadedService.length; i++) {
if(mapserviceid == allLoadedService.map_service_id){
if(allLoadedService.forms.length==0){
allForms += '<tr class="clickable desc"><td>No Forms Found.</td></tr>' ;
}else{
for (var j = 0; j < allLoadedService.forms.length; j++) {
allForms += '<tr class="clickable desc" ng-click="showCompleted("'+allLoadedService.forms.form_definition_id+'")" ><td>'+allLoadedService.forms.title+'</td></tr>';
}
}
allForms += '</tbody></table>';
break;
}
}
$("#associatedForms").html(allForms);
}
$("#sidepanelAllPourposeContent" ).accordion({
collapsible: true,
active: 2,
heightStyle: "content"
});
$("#associatedForms").mCustomScrollbar({
scrollButtons:{enable:true},
theme:"minimal-dark"
});
$("#associatedFormResult").mCustomScrollbar({
scrollButtons:{enable:true},
theme:"minimal-dark"
});
$("#gisAttributes").mCustomScrollbar({
scrollButtons:{enable:true},
theme:"minimal-dark"
});
}
if(edithasClass==true){
var layerId = feature._layer.id;
new AttributeEditor({graphic:feature, layerId:layerId, exists:true});
}
$(".sideplanelContent").on("click", function(e) {
if(e.target.id == 'edit-btn' || e.target.id == 'edit-img') {
e.stopPropagation();
var layerId = feature._layer.id;
new AttributeEditor({graphic:feature, layerId:layerId, exists:true});
// menus.openAttributeEditor();
/*$(".contentWrapEdit").mCustomScrollbar({
scrollButtons:{enable:true},
theme:"minimal-dark"
});*/
} else if(e.target.id == 'del-btn' || e.target.id == 'del-img') {
e.stopPropagation();
DeleteFeature.DeleteFeature(feature._layer.id,feature);
} else if (e.target.id === 'attachments-btn' || e.target.id == 'attachments-img') {
Event.stop(e);
openAttachmentsModal();
} else if(e.target.id == 'form-btn' || e.target.id == 'form-img') {
Event.stop(e);
openFormsModal();
} else if(e.target.id == 'cancel-button') {
Event.stop(e);
map.infoWindow.hide();
}
});
if(edithasClass==false){
$( "#sidepanelAllPourposeContent" ).accordion( "refresh" );
}
}
}
****************************************************************************************************************************************
Thanks,
Niladri
