Diff
checker
テキスト
テキスト
画像
ドキュメント
Excel
フォルダ
Legal
Enterprise
デスクトップ
料金
ログイン
Diffchecker デスクトップのダウンロード
テキスト比較
2 つのテキスト ファイルの違いを見つける
ツール
履歴
ライブエディター
未変更行を折りたたむ
折り返しなし
レイアウト
分割
統合
比較精度
スマート
単語
文字
シンタックスハイライト
構文を選択
無視
テキスト変換
最初の差分へ移動
入力を編集
Diffchecker Desktop
Diffcheckerを実行する最も安全な方法。Diffchecker Desktopアプリを入手:あなたの差分はコンピューターから出ることはありません!
Desktopを入手
Untitled diff
作成日
8 年前
差分は期限切れになりません
クリア
エクスポート
共有
説明
26 削除
行
合計
削除
文字
合計
削除
この機能を引き続き使用するには、アップグレードしてください
Diff
checker
Pro
価格を見る
218 行
すべてコピー
114 追加
行
合計
追加
文字
合計
追加
この機能を引き続き使用するには、アップグレードしてください
Diff
checker
Pro
価格を見る
307 行
すべてコピー
///////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
// Copyright © 2015 Esri. All Rights Reserved.
// Copyright © 2015 Esri. All Rights Reserved.
//
//
// Licensed under the Apache License Version 2.0 (the "License");
// Licensed under the Apache License Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
// You may obtain a copy of the License at
//
//
// http://www.apache.org/licenses/LICENSE-2.0
// http://www.apache.org/licenses/LICENSE-2.0
//
//
// Unless required by applicable law or agreed to in writing, software
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// See the License for the specific language governing permissions and
// limitations under the License.
// limitations under the License.
///////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
define([
define([
'dojo/_base/declare',
'dojo/_base/declare',
'dojo/_base/lang',
'dojo/_base/lang',
'dojo/_base/html',
'dojo/_base/html',
'dojo/topic',
'dojo/topic',
'dojo/on',
'dojo/on',
'dojo/query',
'dojo/query',
'./FeatureActionManager',
'./FeatureActionManager',
'./utils',
'./utils',
'./dijit/FeatureActionPopupMenu',
'./dijit/FeatureActionPopupMenu',
コピー
コピー済み
コピー
コピー済み
'./RelatedRecordsPopupProjector'
'dojo/_base/array',
'dojo/promise/all',
'dojo/Deferred',
'dojo/aspect',
'./LayerStructure'
], function(declare, lang, html, topic, on, query, FeatureActionManager,
], function(declare, lang, html, topic, on, query, FeatureActionManager,
コピー
コピー済み
コピー
コピー済み
jimuUtils, PopupMenu,
RelatedRecordsPopupProjector
) {
jimuUtils, PopupMenu,
array, all, Deferred, aspect, LayerStructure
) {
var instance = null;
var instance = null;
var clazz = declare(null, {
var clazz = declare(null, {
mapManager: null,
mapManager: null,
// popupUnion = {
// popupUnion = {
// mobile: is mobile popup of map,
// mobile: is mobile popup of map,
// bigScreen: is popup of map
// bigScreen: is popup of map
// };
// };
popupUnion: null,
popupUnion: null,
コピー
コピー済み
コピー
コピー済み
_relatedRecordsPopupProjector: null,
constructor: function(options) {
constructor: function(options) {
lang.mixin(this, options);
lang.mixin(this, options);
this.popupMenu = PopupMenu.getInstance();
this.popupMenu = PopupMenu.getInstance();
this.isInited = false;
this.isInited = false;
this.featureActionManager = FeatureActionManager.getInstance();
this.featureActionManager = FeatureActionManager.getInstance();
topic.subscribe("mapLoaded", lang.hitch(this, this.onMapLoadedOrChanged));
topic.subscribe("mapLoaded", lang.hitch(this, this.onMapLoadedOrChanged));
topic.subscribe("mapChanged", lang.hitch(this, this.onMapLoadedOrChanged));
topic.subscribe("mapChanged", lang.hitch(this, this.onMapLoadedOrChanged));
topic.subscribe("appConfigChanged", lang.hitch(this, this._onAppConfigChanged));
topic.subscribe("appConfigChanged", lang.hitch(this, this._onAppConfigChanged));
topic.subscribe("widgetsActionsRegistered", lang.hitch(this, this._onWidgetsActionsRegistered));
topic.subscribe("widgetsActionsRegistered", lang.hitch(this, this._onWidgetsActionsRegistered));
},
},
init: function() {
init: function() {
this.popupUnion = this.mapManager.getMapInfoWindow();
this.popupUnion = this.mapManager.getMapInfoWindow();
if(!this.popupUnion.bigScreen || !this.popupUnion.mobile ||
if(!this.popupUnion.bigScreen || !this.popupUnion.mobile ||
!this.popupUnion.bigScreen.domNode || !this.popupUnion.mobile.domNode){
!this.popupUnion.bigScreen.domNode || !this.popupUnion.mobile.domNode){
return;
return;
}
}
if(!this.isInited){
if(!this.isInited){
this._createPopupMenuButton();
this._createPopupMenuButton();
this._bindSelectionChangeEvent();
this._bindSelectionChangeEvent();
this.isInited = true;
this.isInited = true;
}
}
コピー
コピー済み
コピー
コピー済み
this.reorderPopupFeatures();
},
reorderPopupFeatures: function() {
var that = this;
this.layerStructrue = LayerStructure.getInstance();
// intercept the popup.setFeatures method, reorder feautres and recall original popup.setFeatures method.
aspect.around(this.popupUnion.bigScreen, "setFeatures", function(originalSetFeatures) {
return function(featuresArg, options) {
var convertedFeatureDefs = [];
// having to consider that there are two categories of features parameter can be received.
// 1, feature array
// 2, deferred array
array.forEach(featuresArg, function(featureOrDef) {
if(featureOrDef.declaredClass === "esri.Graphic") {
// it is a feature
var def = new Deferred();
def.resolve([featureOrDef]);
convertedFeatureDefs.push(def);
} else {
// it is a deferred
convertedFeatureDefs.push(featureOrDef);
}
});
this.clearFeatures();
all(convertedFeatureDefs).then(lang.hitch(this, function(results) {
var features = [];
array.forEach(results, function(result) {
array.forEach(result, function(feature) {
if(feature) {
// remove duplicated features
var featureAlreadyExist = array.some(features, function(f) {
if(feature === f) {
return true;
} else {
return false;
}
});
if(!featureAlreadyExist) {
features.push(feature);
}
}
});
}, this);
// sort features by layers order.
var orderedFeatures = that.sortFeatures(features);
// recall origin setFeatures.
originalSetFeatures.apply(this, [orderedFeatures, options]);
}));
};
});
// js-api will using options.closetFirst paramether to show popup by default when clicking the map.
// this paramether will impact features order, so having to deny it.
// that means the closeFirst parameter will never tack effect for show popup in the WAB environment.
aspect.around(this.popupUnion.bigScreen, 'show', function(originalShow) {
return function(location/*, options*/) {
originalShow.apply(this, [location, false]);
};
});
},
// accordiing to layers order to sort features
sortFeatures: function(features) {
if(!this.layerOrderPriority) {
// according to layers order to define a priority object, using to sort features.
this.layerOrderPriority = {};
var priority = 1;
this.layerStructrue.traversal(lang.hitch(this, function(layerNode) {
this.layerOrderPriority[layerNode.id] = priority++;
}));
}
// update this.layerOrderPriority if the layer structure has been changed.
if(!this.layerStructureChangeHandler) {
this.layerStructureChangeHandler = this.layerStructrue.on('structure-change', lang.hitch(this, function() {
this.layerOrderPriority = null;
}));
}
array.forEach(features, function(feature) {
if(feature && feature.getLayer) {
feature._priority = this.layerOrderPriority[feature.getLayer().id];
} else {
feature._priority = 100000;
}
}, this);
// features.sort(function(featureA, featureB) {
// return featureA._priority > featureB._priority;
// });
features.sort(function(featureA, featureB) {
if(featureA._priority > featureB._priority)
{ return 1;}
else
{ return -1;}
return 0;
});
return features;
},
},
_createPopupMenuButton: function(){
_createPopupMenuButton: function(){
if(this.popupMenuButtonDesktop) {
if(this.popupMenuButtonDesktop) {
html.destroy(this.popupMenuButtonDesktop);
html.destroy(this.popupMenuButtonDesktop);
}
}
if(this.popupMenuButtonMobile) {
if(this.popupMenuButtonMobile) {
html.destroy(this.popupMenuButtonMobile);
html.destroy(this.popupMenuButtonMobile);
}
}
this.popupMenuButtonDesktop = html.create('span', {
this.popupMenuButtonDesktop = html.create('span', {
'class': 'popup-menu-button'
'class': 'popup-menu-button'
}, query(".actionList", this.popupUnion.bigScreen.domNode)[0]);
}, query(".actionList", this.popupUnion.bigScreen.domNode)[0]);
var mobileActionListNode =
var mobileActionListNode =
query("div.esriMobileInfoView.esriMobilePopupInfoView .esriMobileInfoViewItem").parent()[0];
query("div.esriMobileInfoView.esriMobilePopupInfoView .esriMobileInfoViewItem").parent()[0];
var mobileViewItem = html.create('div', {
var mobileViewItem = html.create('div', {
'class': 'esriMobileInfoViewItem'
'class': 'esriMobileInfoViewItem'
}, mobileActionListNode);
}, mobileActionListNode);
this.popupMenuButtonMobile = html.create('span', {
this.popupMenuButtonMobile = html.create('span', {
'class': 'popup-menu-button'
'class': 'popup-menu-button'
}, mobileViewItem);
}, mobileViewItem);
on(this.popupMenuButtonMobile, 'click', lang.hitch(this, this._onPopupMenuButtonClick));
on(this.popupMenuButtonMobile, 'click', lang.hitch(this, this._onPopupMenuButtonClick));
on(this.popupMenuButtonDesktop, 'click', lang.hitch(this, this._onPopupMenuButtonClick));
on(this.popupMenuButtonDesktop, 'click', lang.hitch(this, this._onPopupMenuButtonClick));
},
},
_onPopupMenuButtonClick: function(evt){
_onPopupMenuButtonClick: function(evt){
var position = html.position(evt.target);
var position = html.position(evt.target);
this.popupMenu.show(position);
this.popupMenu.show(position);
},
},
_bindSelectionChangeEvent: function(){
_bindSelectionChangeEvent: function(){
on(this.popupUnion.bigScreen, "selection-change", lang.hitch(this, this._onSelectionChange));
on(this.popupUnion.bigScreen, "selection-change", lang.hitch(this, this._onSelectionChange));
on(this.popupUnion.mobile, "selection-change", lang.hitch(this, this._onSelectionChange));
on(this.popupUnion.mobile, "selection-change", lang.hitch(this, this._onSelectionChange));
},
},
_onSelectionChange: function(evt){
_onSelectionChange: function(evt){
this.selectedFeature = evt.target.getSelectedFeature();
this.selectedFeature = evt.target.getSelectedFeature();
if(!this.selectedFeature){
if(!this.selectedFeature){
this._disablePopupMenu();
this._disablePopupMenu();
return;
return;
}
}
this.initPopupMenu([this.selectedFeature]);
this.initPopupMenu([this.selectedFeature]);
var selectedFeatureLayer = this.selectedFeature.getLayer();
var selectedFeatureLayer = this.selectedFeature.getLayer();
var hasInfoTemplate = this.selectedFeature.infoTemplate ||
var hasInfoTemplate = this.selectedFeature.infoTemplate ||
(selectedFeatureLayer && selectedFeatureLayer.infoTemplate);
(selectedFeatureLayer && selectedFeatureLayer.infoTemplate);
コピー
コピー済み
コピー
コピー済み
if(hasInfoTemplate) {
this._createRelatedRecordsPopupProjector(this.selectedFeature);
}
},
},
_disablePopupMenu: function() {
_disablePopupMenu: function() {
html.addClass(this.popupMenuButtonDesktop, 'disabled');
html.addClass(this.popupMenuButtonDesktop, 'disabled');
html.addClass(this.popupMenuButtonMobile, 'disabled');
html.addClass(this.popupMenuButtonMobile, 'disabled');
},
},
_enablePopupMenu: function() {
_enablePopupMenu: function() {
html.removeClass(this.popupMenuButtonDesktop, 'disabled');
html.removeClass(this.popupMenuButtonDesktop, 'disabled');
html.removeClass(this.popupMenuButtonMobile, 'disabled');
html.removeClass(this.popupMenuButtonMobile, 'disabled');
},
},
// public method, can be called from outside.
// public method, can be called from outside.
initPopupMenu: function(features){
initPopupMenu: function(features){
if(!features) {
if(!features) {
this._disablePopupMenu();
this._disablePopupMenu();
this.popupMenu.setActions([]);
this.popupMenu.setActions([]);
return;
return;
}
}
var featureSet = jimuUtils.toFeatureSet(features);
var featureSet = jimuUtils.toFeatureSet(features);
this.featureActionManager.getSupportedActions(featureSet).then(lang.hitch(this, function(actions){
this.featureActionManager.getSupportedActions(featureSet).then(lang.hitch(this, function(actions){
var excludeActions = ['ZoomTo', 'ShowPopup', 'Flash', 'ExportToCSV',
var excludeActions = ['ZoomTo', 'ShowPopup', 'Flash', 'ExportToCSV',
コピー
コピー済み
コピー
コピー済み
'ExportToFeatureCollection', 'ExportToGeoJSON',
'ShowRelatedRecords',
'ExportToFeatureCollection', 'ExportToGeoJSON',
'SaveToMyContent', 'CreateLayer'];
'SaveToMyContent', 'CreateLayer'];
var popupActions = actions.filter(lang.hitch(this, function(action){
var popupActions = actions.filter(lang.hitch(this, function(action){
return excludeActions.indexOf(action.name) < 0 ;
return excludeActions.indexOf(action.name) < 0 ;
}));
}));
if(popupActions.length === 0){
if(popupActions.length === 0){
this._disablePopupMenu();
this._disablePopupMenu();
}else{
}else{
this._enablePopupMenu();
this._enablePopupMenu();
}
}
var menuActions = popupActions.map(lang.hitch(this, function(action){
var menuActions = popupActions.map(lang.hitch(this, function(action){
//action.data = jimuUtils.toFeatureSet(feature);
//action.data = jimuUtils.toFeatureSet(feature);
action.data = featureSet;
action.data = featureSet;
return action;
return action;
}));
}));
this.popupMenu.setActions(menuActions);
this.popupMenu.setActions(menuActions);
}));
}));
},
},
/******************************
/******************************
* Events
* Events
******************************/
******************************/
onMapLoadedOrChanged: function() {
onMapLoadedOrChanged: function() {
this.isInited = false;
this.isInited = false;
this.init();
this.init();
},
},
_onAppConfigChanged: function() {
_onAppConfigChanged: function() {
if(this.popupUnion) {
if(this.popupUnion) {
if(this.popupUnion.bigScreen && this.popupUnion.bigScreen.hide) {
if(this.popupUnion.bigScreen && this.popupUnion.bigScreen.hide) {
this.popupUnion.bigScreen.hide();
this.popupUnion.bigScreen.hide();
this.popupMenu.hide();
this.popupMenu.hide();
}
}
if(this.popupUnion.mobile && this.popupUnion.mobile.hide) {
if(this.popupUnion.mobile && this.popupUnion.mobile.hide) {
this.popupUnion.mobile.hide();
this.popupUnion.mobile.hide();
this.popupMenu.hide();
this.popupMenu.hide();
}
}
}
}
},
},
_onWidgetsActionsRegistered: function(){
_onWidgetsActionsRegistered: function(){
//to init actions
//to init actions
this.init();
this.init();
},
},
/**********************************
/**********************************
* Methods for show related records
* Methods for show related records
**********************************/
**********************************/
コピー
コピー済み
コピー
コピー済み
_createRelatedRecordsPopupProjector: function(selectedFeature) {
try {
if(this._relatedRecordsPopupProjector &&
this._relatedRecordsPopupProjector.domNode) {
this._relatedRecordsPopupProjector.destroy();
this._relatedRecordsPopupProjector = null;
}
//var refDomNode = query(".esriViewPopup", this.popupUnion.bigScreen.domNode)[0];
this._relatedRecordsPopupProjector = new RelatedRecordsPopupProjector({
originalFeature: selectedFeature,
//refDomNode: refDomNode,
popup: this.mapManager.map.infoWindow,
popupManager: this
});
} catch(err) {
console.warn(err.message);
}
}
});
});
clazz.getInstance = function(mapManager) {
clazz.getInstance = function(mapManager) {
if (instance === null) {
if (instance === null) {
instance = new clazz({
instance = new clazz({
mapManager: mapManager
mapManager: mapManager
});
});
}
}
return instance;
return instance;
};
};
return clazz;
return clazz;
});
});
保存された差分
原文
ファイルを開く
/////////////////////////////////////////////////////////////////////////// // Copyright © 2015 Esri. All Rights Reserved. // // Licensed under the Apache License Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /////////////////////////////////////////////////////////////////////////// define([ 'dojo/_base/declare', 'dojo/_base/lang', 'dojo/_base/html', 'dojo/topic', 'dojo/on', 'dojo/query', './FeatureActionManager', './utils', './dijit/FeatureActionPopupMenu', './RelatedRecordsPopupProjector' ], function(declare, lang, html, topic, on, query, FeatureActionManager, jimuUtils, PopupMenu, RelatedRecordsPopupProjector) { var instance = null; var clazz = declare(null, { mapManager: null, // popupUnion = { // mobile: is mobile popup of map, // bigScreen: is popup of map // }; popupUnion: null, _relatedRecordsPopupProjector: null, constructor: function(options) { lang.mixin(this, options); this.popupMenu = PopupMenu.getInstance(); this.isInited = false; this.featureActionManager = FeatureActionManager.getInstance(); topic.subscribe("mapLoaded", lang.hitch(this, this.onMapLoadedOrChanged)); topic.subscribe("mapChanged", lang.hitch(this, this.onMapLoadedOrChanged)); topic.subscribe("appConfigChanged", lang.hitch(this, this._onAppConfigChanged)); topic.subscribe("widgetsActionsRegistered", lang.hitch(this, this._onWidgetsActionsRegistered)); }, init: function() { this.popupUnion = this.mapManager.getMapInfoWindow(); if(!this.popupUnion.bigScreen || !this.popupUnion.mobile || !this.popupUnion.bigScreen.domNode || !this.popupUnion.mobile.domNode){ return; } if(!this.isInited){ this._createPopupMenuButton(); this._bindSelectionChangeEvent(); this.isInited = true; } }, _createPopupMenuButton: function(){ if(this.popupMenuButtonDesktop) { html.destroy(this.popupMenuButtonDesktop); } if(this.popupMenuButtonMobile) { html.destroy(this.popupMenuButtonMobile); } this.popupMenuButtonDesktop = html.create('span', { 'class': 'popup-menu-button' }, query(".actionList", this.popupUnion.bigScreen.domNode)[0]); var mobileActionListNode = query("div.esriMobileInfoView.esriMobilePopupInfoView .esriMobileInfoViewItem").parent()[0]; var mobileViewItem = html.create('div', { 'class': 'esriMobileInfoViewItem' }, mobileActionListNode); this.popupMenuButtonMobile = html.create('span', { 'class': 'popup-menu-button' }, mobileViewItem); on(this.popupMenuButtonMobile, 'click', lang.hitch(this, this._onPopupMenuButtonClick)); on(this.popupMenuButtonDesktop, 'click', lang.hitch(this, this._onPopupMenuButtonClick)); }, _onPopupMenuButtonClick: function(evt){ var position = html.position(evt.target); this.popupMenu.show(position); }, _bindSelectionChangeEvent: function(){ on(this.popupUnion.bigScreen, "selection-change", lang.hitch(this, this._onSelectionChange)); on(this.popupUnion.mobile, "selection-change", lang.hitch(this, this._onSelectionChange)); }, _onSelectionChange: function(evt){ this.selectedFeature = evt.target.getSelectedFeature(); if(!this.selectedFeature){ this._disablePopupMenu(); return; } this.initPopupMenu([this.selectedFeature]); var selectedFeatureLayer = this.selectedFeature.getLayer(); var hasInfoTemplate = this.selectedFeature.infoTemplate || (selectedFeatureLayer && selectedFeatureLayer.infoTemplate); if(hasInfoTemplate) { this._createRelatedRecordsPopupProjector(this.selectedFeature); } }, _disablePopupMenu: function() { html.addClass(this.popupMenuButtonDesktop, 'disabled'); html.addClass(this.popupMenuButtonMobile, 'disabled'); }, _enablePopupMenu: function() { html.removeClass(this.popupMenuButtonDesktop, 'disabled'); html.removeClass(this.popupMenuButtonMobile, 'disabled'); }, // public method, can be called from outside. initPopupMenu: function(features){ if(!features) { this._disablePopupMenu(); this.popupMenu.setActions([]); return; } var featureSet = jimuUtils.toFeatureSet(features); this.featureActionManager.getSupportedActions(featureSet).then(lang.hitch(this, function(actions){ var excludeActions = ['ZoomTo', 'ShowPopup', 'Flash', 'ExportToCSV', 'ExportToFeatureCollection', 'ExportToGeoJSON', 'ShowRelatedRecords', 'SaveToMyContent', 'CreateLayer']; var popupActions = actions.filter(lang.hitch(this, function(action){ return excludeActions.indexOf(action.name) < 0 ; })); if(popupActions.length === 0){ this._disablePopupMenu(); }else{ this._enablePopupMenu(); } var menuActions = popupActions.map(lang.hitch(this, function(action){ //action.data = jimuUtils.toFeatureSet(feature); action.data = featureSet; return action; })); this.popupMenu.setActions(menuActions); })); }, /****************************** * Events ******************************/ onMapLoadedOrChanged: function() { this.isInited = false; this.init(); }, _onAppConfigChanged: function() { if(this.popupUnion) { if(this.popupUnion.bigScreen && this.popupUnion.bigScreen.hide) { this.popupUnion.bigScreen.hide(); this.popupMenu.hide(); } if(this.popupUnion.mobile && this.popupUnion.mobile.hide) { this.popupUnion.mobile.hide(); this.popupMenu.hide(); } } }, _onWidgetsActionsRegistered: function(){ //to init actions this.init(); }, /********************************** * Methods for show related records **********************************/ _createRelatedRecordsPopupProjector: function(selectedFeature) { try { if(this._relatedRecordsPopupProjector && this._relatedRecordsPopupProjector.domNode) { this._relatedRecordsPopupProjector.destroy(); this._relatedRecordsPopupProjector = null; } //var refDomNode = query(".esriViewPopup", this.popupUnion.bigScreen.domNode)[0]; this._relatedRecordsPopupProjector = new RelatedRecordsPopupProjector({ originalFeature: selectedFeature, //refDomNode: refDomNode, popup: this.mapManager.map.infoWindow, popupManager: this }); } catch(err) { console.warn(err.message); } } }); clazz.getInstance = function(mapManager) { if (instance === null) { instance = new clazz({ mapManager: mapManager }); } return instance; }; return clazz; });
変更されたテキスト
ファイルを開く
/////////////////////////////////////////////////////////////////////////// // Copyright © 2015 Esri. All Rights Reserved. // // Licensed under the Apache License Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. /////////////////////////////////////////////////////////////////////////// define([ 'dojo/_base/declare', 'dojo/_base/lang', 'dojo/_base/html', 'dojo/topic', 'dojo/on', 'dojo/query', './FeatureActionManager', './utils', './dijit/FeatureActionPopupMenu', 'dojo/_base/array', 'dojo/promise/all', 'dojo/Deferred', 'dojo/aspect', './LayerStructure' ], function(declare, lang, html, topic, on, query, FeatureActionManager, jimuUtils, PopupMenu, array, all, Deferred, aspect, LayerStructure) { var instance = null; var clazz = declare(null, { mapManager: null, // popupUnion = { // mobile: is mobile popup of map, // bigScreen: is popup of map // }; popupUnion: null, constructor: function(options) { lang.mixin(this, options); this.popupMenu = PopupMenu.getInstance(); this.isInited = false; this.featureActionManager = FeatureActionManager.getInstance(); topic.subscribe("mapLoaded", lang.hitch(this, this.onMapLoadedOrChanged)); topic.subscribe("mapChanged", lang.hitch(this, this.onMapLoadedOrChanged)); topic.subscribe("appConfigChanged", lang.hitch(this, this._onAppConfigChanged)); topic.subscribe("widgetsActionsRegistered", lang.hitch(this, this._onWidgetsActionsRegistered)); }, init: function() { this.popupUnion = this.mapManager.getMapInfoWindow(); if(!this.popupUnion.bigScreen || !this.popupUnion.mobile || !this.popupUnion.bigScreen.domNode || !this.popupUnion.mobile.domNode){ return; } if(!this.isInited){ this._createPopupMenuButton(); this._bindSelectionChangeEvent(); this.isInited = true; } this.reorderPopupFeatures(); }, reorderPopupFeatures: function() { var that = this; this.layerStructrue = LayerStructure.getInstance(); // intercept the popup.setFeatures method, reorder feautres and recall original popup.setFeatures method. aspect.around(this.popupUnion.bigScreen, "setFeatures", function(originalSetFeatures) { return function(featuresArg, options) { var convertedFeatureDefs = []; // having to consider that there are two categories of features parameter can be received. // 1, feature array // 2, deferred array array.forEach(featuresArg, function(featureOrDef) { if(featureOrDef.declaredClass === "esri.Graphic") { // it is a feature var def = new Deferred(); def.resolve([featureOrDef]); convertedFeatureDefs.push(def); } else { // it is a deferred convertedFeatureDefs.push(featureOrDef); } }); this.clearFeatures(); all(convertedFeatureDefs).then(lang.hitch(this, function(results) { var features = []; array.forEach(results, function(result) { array.forEach(result, function(feature) { if(feature) { // remove duplicated features var featureAlreadyExist = array.some(features, function(f) { if(feature === f) { return true; } else { return false; } }); if(!featureAlreadyExist) { features.push(feature); } } }); }, this); // sort features by layers order. var orderedFeatures = that.sortFeatures(features); // recall origin setFeatures. originalSetFeatures.apply(this, [orderedFeatures, options]); })); }; }); // js-api will using options.closetFirst paramether to show popup by default when clicking the map. // this paramether will impact features order, so having to deny it. // that means the closeFirst parameter will never tack effect for show popup in the WAB environment. aspect.around(this.popupUnion.bigScreen, 'show', function(originalShow) { return function(location/*, options*/) { originalShow.apply(this, [location, false]); }; }); }, // accordiing to layers order to sort features sortFeatures: function(features) { if(!this.layerOrderPriority) { // according to layers order to define a priority object, using to sort features. this.layerOrderPriority = {}; var priority = 1; this.layerStructrue.traversal(lang.hitch(this, function(layerNode) { this.layerOrderPriority[layerNode.id] = priority++; })); } // update this.layerOrderPriority if the layer structure has been changed. if(!this.layerStructureChangeHandler) { this.layerStructureChangeHandler = this.layerStructrue.on('structure-change', lang.hitch(this, function() { this.layerOrderPriority = null; })); } array.forEach(features, function(feature) { if(feature && feature.getLayer) { feature._priority = this.layerOrderPriority[feature.getLayer().id]; } else { feature._priority = 100000; } }, this); // features.sort(function(featureA, featureB) { // return featureA._priority > featureB._priority; // }); features.sort(function(featureA, featureB) { if(featureA._priority > featureB._priority) { return 1;} else { return -1;} return 0; }); return features; }, _createPopupMenuButton: function(){ if(this.popupMenuButtonDesktop) { html.destroy(this.popupMenuButtonDesktop); } if(this.popupMenuButtonMobile) { html.destroy(this.popupMenuButtonMobile); } this.popupMenuButtonDesktop = html.create('span', { 'class': 'popup-menu-button' }, query(".actionList", this.popupUnion.bigScreen.domNode)[0]); var mobileActionListNode = query("div.esriMobileInfoView.esriMobilePopupInfoView .esriMobileInfoViewItem").parent()[0]; var mobileViewItem = html.create('div', { 'class': 'esriMobileInfoViewItem' }, mobileActionListNode); this.popupMenuButtonMobile = html.create('span', { 'class': 'popup-menu-button' }, mobileViewItem); on(this.popupMenuButtonMobile, 'click', lang.hitch(this, this._onPopupMenuButtonClick)); on(this.popupMenuButtonDesktop, 'click', lang.hitch(this, this._onPopupMenuButtonClick)); }, _onPopupMenuButtonClick: function(evt){ var position = html.position(evt.target); this.popupMenu.show(position); }, _bindSelectionChangeEvent: function(){ on(this.popupUnion.bigScreen, "selection-change", lang.hitch(this, this._onSelectionChange)); on(this.popupUnion.mobile, "selection-change", lang.hitch(this, this._onSelectionChange)); }, _onSelectionChange: function(evt){ this.selectedFeature = evt.target.getSelectedFeature(); if(!this.selectedFeature){ this._disablePopupMenu(); return; } this.initPopupMenu([this.selectedFeature]); var selectedFeatureLayer = this.selectedFeature.getLayer(); var hasInfoTemplate = this.selectedFeature.infoTemplate || (selectedFeatureLayer && selectedFeatureLayer.infoTemplate); }, _disablePopupMenu: function() { html.addClass(this.popupMenuButtonDesktop, 'disabled'); html.addClass(this.popupMenuButtonMobile, 'disabled'); }, _enablePopupMenu: function() { html.removeClass(this.popupMenuButtonDesktop, 'disabled'); html.removeClass(this.popupMenuButtonMobile, 'disabled'); }, // public method, can be called from outside. initPopupMenu: function(features){ if(!features) { this._disablePopupMenu(); this.popupMenu.setActions([]); return; } var featureSet = jimuUtils.toFeatureSet(features); this.featureActionManager.getSupportedActions(featureSet).then(lang.hitch(this, function(actions){ var excludeActions = ['ZoomTo', 'ShowPopup', 'Flash', 'ExportToCSV', 'ExportToFeatureCollection', 'ExportToGeoJSON', 'SaveToMyContent', 'CreateLayer']; var popupActions = actions.filter(lang.hitch(this, function(action){ return excludeActions.indexOf(action.name) < 0 ; })); if(popupActions.length === 0){ this._disablePopupMenu(); }else{ this._enablePopupMenu(); } var menuActions = popupActions.map(lang.hitch(this, function(action){ //action.data = jimuUtils.toFeatureSet(feature); action.data = featureSet; return action; })); this.popupMenu.setActions(menuActions); })); }, /****************************** * Events ******************************/ onMapLoadedOrChanged: function() { this.isInited = false; this.init(); }, _onAppConfigChanged: function() { if(this.popupUnion) { if(this.popupUnion.bigScreen && this.popupUnion.bigScreen.hide) { this.popupUnion.bigScreen.hide(); this.popupMenu.hide(); } if(this.popupUnion.mobile && this.popupUnion.mobile.hide) { this.popupUnion.mobile.hide(); this.popupMenu.hide(); } } }, _onWidgetsActionsRegistered: function(){ //to init actions this.init(); }, /********************************** * Methods for show related records **********************************/ }); clazz.getInstance = function(mapManager) { if (instance === null) { instance = new clazz({ mapManager: mapManager }); } return instance; }; return clazz; });
違いを見つける