add buttons to save to file and load from file

This commit is contained in:
Javier Abadia 2014-01-13 14:22:27 +01:00
parent ddbf16194b
commit 39c4e84827
4 changed files with 51 additions and 0 deletions

View File

@ -176,6 +176,20 @@ define([
});
}
layer.saveToFile = function(fileName, callback)
{
var store = this.offline.store;
callback(false, "not implemented"); // failed, not implemented
}
layer.loadFromFile = function(fileName, callback)
{
var store = this.offline.store;
callback(false, "not implemented"); // failed, not implemented
}
/* internal methods */
layer.estimateTileSize = function()

View File

@ -27,6 +27,11 @@ body > .container {
display: none;
}
#ready-to-download-ui button
{
margin-top: 5px;
}
#error-div {
margin-top: 10px;
display: none;

View File

@ -111,6 +111,8 @@
<button id="go-online-btn" type="button" class="btn btn-default" disabled="disabled"><i class="fa fa-link"></i> Go Online</button>
<button id="update-offline-usage" type="button" class="btn btn-default"><i class="fa fa-refresh"></i> Usage: <span id="offline-usage">[click to update]</span></button>
<button id="show-stored-tiles" type="button" class="btn btn-default"><i class="fa fa-th"></i> <span id="show-stored-tiles-caption">Show Stored Tiles</span></button>
<button id="save-file" type="button" class="btn btn-default"><i class="fa fa-download"></i> Save to File</button>
<button id="load-file" type="button" class="btn btn-default"><i class="fa fa-upload"></i> Load from File</button>
</div>
</div>
<div id="downloading-ui">

View File

@ -129,6 +129,9 @@ require(["esri/map",
on(dojo.byId('go-online-btn'),'click', goOnline);
on(dojo.byId('update-offline-usage'),'click', updateOfflineUsage);
on(dojo.byId('show-stored-tiles'),'click', toggleShowStoredTiles);
on(dojo.byId('save-file'),'click', saveToFile);
on(dojo.byId('load-file'),'click', loadFromFile);
dojo.byId('go-online-btn').style.display = "none";
esri.show(dojo.byId('ready-to-download-ui'));
esri.hide(dojo.byId('downloading-ui'));
updateOfflineUsage();
@ -140,6 +143,7 @@ require(["esri/map",
dojo.byId('delete-all-tiles-btn').disabled = true;
dojo.byId('go-offline-btn').disabled = true;
dojo.byId('go-online-btn').disabled = true;
esri.hide(dojo.byId('go-online-btn'));
dojo.byId('update-offline-usage').disabled = true;
dojo.byId('show-stored-tiles').disabled = true;
esri.hide(dojo.byId('downloading-ui'));
@ -216,6 +220,8 @@ require(["esri/map",
{
dojo.byId('go-offline-btn').disabled = true;
dojo.byId('go-online-btn').disabled = undefined;
dojo.byId('go-offline-btn').style.display = "none";
dojo.byId('go-online-btn').style.display = "";
basemapLayer.goOffline();
}
@ -224,6 +230,8 @@ require(["esri/map",
{
dojo.byId('go-offline-btn').disabled = undefined;
dojo.byId('go-online-btn').disabled = true;
dojo.byId('go-offline-btn').style.display = "";
dojo.byId('go-online-btn').style.display = "none";
basemapLayer.goOnline();
}
@ -350,6 +358,28 @@ require(["esri/map",
}
}
function saveToFile()
{
basemapLayer.saveToFile("tiles.csv", function(success,msg)
{
if(success)
showAlert('alert-success',msg);
else
showAlert('alert-danger',msg);
});
}
function loadFromFile()
{
basemapLayer.loadFromFile("tiles.csv", function(success,msg)
{
if(success)
showAlert('alert-success',msg);
else
showAlert('alert-danger',msg);
});
}
function showAlert(type, msg)
{
var icon = "";