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 goOnline & goOffline btn functionality

Browse Source
This commit is contained in:
andygup 2014-04-06 17:13:17 -06:00
parent 3ed70c2d6f
commit b4ea2542c5
1 changed files with 52 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
samples/appcache-features.html
View File

@ -29,6 +29,17 @@
.popup-table-textarea{
height: 17px;
}
#button-div1{
position: relative;
background: #000000;
color: #ffffff;
width: 100%;
height: 50px;
}
#img-offline-indicator{
padding: 8px;
position: relative; float: right;
}
</style>
<script src="../vendor/offline/offline.min.js"></script>
<script>
@ -42,10 +53,21 @@
active: 'image'
}
}
var locationPath = location.pathname.replace(/\/[^/]+$/, "");
var dojoConfig = {
paths: {
edit: locationPath + "/../lib/edit",
vendor: locationPath + "/../vendor"
}
}
</script>
<script src="http://js.arcgis.com/3.8/"></script>
<script>
var map,busStopsFeatureLayer;
var imgOfflineIndicator,btnOnlineOffline;
var redPinPath = "../samples/images/red-pin.png";
var bluePinPath = "../samples/images/blue-pin.png"
require([
"esri/map",
@ -59,6 +81,9 @@
offlineFeaturesManager.on(offlineFeaturesManager.events.EDITS_SENT, updateStatus);
offlineFeaturesManager.on(offlineFeaturesManager.events.ALL_EDITS_SENT, updateStatus);
imgOfflineIndicator = document.getElementById("img-offline-indicator");
imgOfflineIndicator.offlineColor = "blue";
Offline.check();
Offline.on('up', goOnline );
Offline.on('down', goOffline );
@ -87,6 +112,8 @@
busStopsFeatureLayer.clearSelection();
});
btnOnlineOffline = document.getElementById("btn-online-offline");
// var layerInfos = [{
// 'featureLayer': busStopsFeatureLayer,
// 'showAttachments': false,
@ -157,18 +184,38 @@
}
function goOnline(){
}
);
}
function goOnlineOffline(){
if(imgOfflineIndicator.offlineColor == "blue"){
btnOnlineOffline.innerHTML = "2. Go Online";
imgOfflineIndicator.src = redPinPath;
imgOfflineIndicator.offlineColor = "red";
goOffline()
}
else{
btnOnlineOffline.innerHTML = "2. Go Offline";
imgOfflineIndicator.src = bluePinPath;
imgOfflineIndicator.offlineColor = "blue";
goOnline();
}
}
function goOffline(){
function goOnline(){
busStopsFeatureLayer.goOnline();
}
}
});
function goOffline(){
busStopsFeatureLayer.goOffline();
}
</script>
</head>
<body>
<div id="button-div1">
<img id="img-offline-indicator" onclick="goOnlineOffline()" src="../samples/images/blue-pin.png"/>
</div>
<div id="map"></div>
</body>
</html>