archive-gh-me/offline-editor-js
1
0
Fork 0
mirror of https://github.com/Esri/offline-editor-js.git synced 2025-12-15 15:20:05 +00:00
Code Issues Projects Releases Wiki Activity

basic hide unhide modal popup working

Browse Source
This commit is contained in:
Andy Gup 2014-06-08 10:10:46 -06:00
parent 0f54b468d8
commit 46a58a4355
1 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
samples/appcache-features.html
View File

@ -58,7 +58,9 @@
width: 100%;
z-index: 98;
font-size: x-large;
display: none;
position: absolute;
top: -9999px !important;
left: -9999px !important;
}
#popup-body {
position: relative;
@ -216,11 +218,11 @@
</div>
<div id="row5" class="mod-popup-table-row">
<div class="mod-popup-button-div-bottom-left">
<button class="mod-popup-button-cancel" >Close</button>
<button id="mod-popup-close-btn" class="mod-popup-button-cancel" >Close</button>
</div>
<div class="mod-popup-button-div">
<button class="mod-popup-button" style="margin-right: 10px;">Save</button>
<button class="mod-popup-button">Delete</button>
<button id="mod-popup-save-btn" class="mod-popup-button" style="margin-right: 10px;">Save</button>
<button id="mod-popup-delete-btn" class="mod-popup-button">Delete</button>
</div>
</div>
</div>
@ -261,7 +263,12 @@ require([
var map,busStopsFeatureLayer,currentFeature;
var imgOfflineIndicator;
var pendingEdits = document.getElementById("pending-edits");
var popup = document.getElementById("popup");
// Variables for modal popup
var modPopup = document.getElementById("popup");
var closeBtn = document.getElementById("mod-popup-close-btn");
var saveBtn = document.getElementById("mod-popup-save-btn");
var deleteBtn = document.getElementById("mod-popup-delete-btn");
// Variables for tile handling
var _wantToCancel;
@ -283,6 +290,7 @@ require([
var appCacheManager;
var btnOnlineOffline = document.getElementById("btn-online-offline");
setClickListeners();
initOffline();
/**
@ -353,6 +361,12 @@ require([
map.addLayers([busStopsFeatureLayer]);
}
function setClickListeners(){
closeBtn.onclick = function(evt){
hideModalPopup();
}
}
function convertGraphicLayerToJSON(graphics,callback){
var length = graphics.length;
var array = [];
@ -459,6 +473,7 @@ require([
busStopsFeatureLayer.selectFeatures(query,FeatureLayer.SELECTION_NEW,
function(evt){
console.log("Success: " + JSON.stringify(evt[0].attributes))
modPopup.style.position = "static";
},function(err){
console.log("ERROR " + JSON.stringify(err));
});
@ -544,6 +559,14 @@ require([
}
}
function showModalPopup(){
modPopup.style.position = "static";
}
function hideModalPopup(){
modPopup.style.position = "absolute";
}
/**
* ************************************
* TILE MANAGEMENT CODE GOES BELOW HERE