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

buttons on top

Browse Source
This commit is contained in:
Javier Abadia 2014-01-13 18:38:21 +01:00
parent fbcfaa05bb
commit 8ec1760770
2 changed files with 31 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
samples/tiles/tiles-indexed-db.css
View File

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

53
samples/tiles/tiles-indexed-db.html
View File

@ -59,6 +59,33 @@
</div>
</div>
</div>
<div class="row">
<div id="ready-to-download-ui">
<div class="col-xs-12">
<button id="prepare-for-offline-btn" type="button" class="btn btn-primary"><i class="glyphicon glyphicon-cloud-download"></i> Prepare for Offline</button>
<button id="delete-all-tiles-btn" type="button" class="btn btn-danger"><i class="glyphicon glyphicon-floppy-remove"></i> Delete All Tiles</button>
<button id="go-offline-btn" type="button" class="btn btn-default"><i class="fa fa-chain-broken"></i> Go Offline</button>
<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">
<div class="col-xs-1">
<button id="cancel-btn" type="button" class="btn btn-warning"><i class="glyphicon glyphicon-remove"></i> Cancel</button>
</div>
<div id="download-progress" class="col-xs-10">
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-success" role="progressbar" style="width:0%;"></div>
</div>
</div>
<div id="remaining-time" class="col-xs-1">__:__</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
</div>
@ -102,32 +129,6 @@
</div>
</div>
<div class="row">
<div id="ready-to-download-ui">
<div class="col-xs-12">
<button id="prepare-for-offline-btn" type="button" class="btn btn-primary"><i class="glyphicon glyphicon-cloud-download"></i> Prepare for Offline</button>
<button id="delete-all-tiles-btn" type="button" class="btn btn-danger"><i class="glyphicon glyphicon-floppy-remove"></i> Delete All Tiles</button>
<button id="go-offline-btn" type="button" class="btn btn-default"><i class="fa fa-chain-broken"></i> Go Offline</button>
<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">
<div class="col-xs-1">
<button id="cancel-btn" type="button" class="btn btn-warning"><i class="glyphicon glyphicon-remove"></i> Cancel</button>
</div>
<div id="download-progress" class="col-xs-10">
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-success" role="progressbar" style="width:0%;"></div>
</div>
</div>
<div id="remaining-time" class="col-xs-1">__:__</div>
</div>
</div>
<hr>
<div class="row">