update demo pages

This commit is contained in:
Andy Gup 2015-11-20 19:17:40 -07:00
parent 11a540471f
commit 99e865c56c
4 changed files with 76 additions and 37 deletions

View File

@ -69,6 +69,42 @@
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3>Offline Editing - Basic</h3>
<p>The <i>offline-edit-basic-min.js</i> library is for working with ArcGIS JS API points, lines and polygons in intermittent offline use cases, only.
</p>
</div>
<div class="panel-body">
<ul>
<li>
<a href="https://github.com/Esri/offline-editor-js/blob/master/doc/offlinefeaturesmanagerbasic.md">O.esri.Edit.OfflineFeaturesManagerBasic</a>
</li>
<li>
<a href="https://github.com/Esri/offline-editor-js/blob/master/doc/howtouseeditlibrary.md">How to use.</a>
</li>
</ul>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3>Offline Editing - Advanced</h3>
<p>The <i>offline-edit-advanced-min.js</i> library is for working with ArcGIS JS API points, lines and polygons in intermittent and full offline use cases.
</p>
</div>
<div class="panel-body">
<ul>
<li>
<a href="https://github.com/Esri/offline-editor-js/blob/master/doc/offlinefeaturesmanageradvanced.md">O.esri.Edit.OfflineFeaturesManagerAdvanced</a>
</li>
<li>
<a href="https://github.com/Esri/offline-editor-js/blob/master/doc/howtouseofmadvanced.md">How to use.</a>
</li>
</ul>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3>Offline Tiles - Basic</h3>
@ -107,34 +143,16 @@
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3>Offline Features</h3>
<p>The <i>offline-edit-min.js</i> library is for working with ArcGIS JS API points, lines and polygons in partial or fully offline use cases.
</p>
</div>
<div class="panel-body">
<ul>
<li>
<a href="https://github.com/Esri/offline-editor-js/blob/master/doc/offlinefeaturesmanager.md">O.esri.Edit.OfflineFeaturesManager</a>
</li>
<li>
<a href="https://github.com/Esri/offline-editor-js/blob/master/doc/howtouseeditlibrary.md">How to use.</a>
</li>
</ul>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3>Offline Attachments</h3>
<p>The <i>offline-edit-min.js</i> library provides limited supported for attachments.
<p>The <i>offline-edit-advanced-mins.js</i> library has limited attachment support. The <i>offline-edit-basic-min.js</i> library pffers no support for attachments.
</p>
</div>
<div class="panel-body">
<ul>
<li>
<a href="https://github.com/Esri/offline-editor-js/blob/master/doc/offlinefeaturesmanager.md">O.esri.Edit.OfflineFeaturesManager</a>
<a href="https://github.com/Esri/offline-editor-js/blob/master/doc/offlinefeaturesmanager.md">O.esri.Edit.OfflineFeaturesManagerAdvanced</a>
</li>
<li>
<a href="https://github.com/Esri/offline-editor-js/blob/master/doc/attachments.md">How to use.</a>

View File

@ -11,8 +11,16 @@ body {
height: 50px;
line-height: 20px;
font-size: large;
color: #ffffff;
color: #000000;
}
.navbar {
background-color: #6699cc !important;
}
.navbar-nav:hover {
color: black;
}
.navbar-brand-title:hover {
color: lightgray;
text-decoration: none;

View File

@ -1,14 +1,14 @@
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand-title" href="index.html">Offline-editor-js</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active dropdown" id="tutorialList">
<a href="getstarted.html">Get Started </a>
</li>
<li><a href="api-doc.html">API Docs</a></li>
<!--<li class="active" id="tutorialList">-->
<!--<a style="color: black;" href="index.html">Get Started </a>-->
<!--</li>-->
<li class="active"><a style="color: black;" href="api-doc.html">API Docs</a></li>
</ul>
</div>
</div>

View File

@ -61,17 +61,31 @@
</div>
<hr>
<div class="container">
<div class="row">
<h1 id="examples" class="page-header">Get Started</h1>
<p class="lead">Go <a href="../demo/getstarted.html"> here</a> to try out basic step-by-step samples. </p>
</div>
</div>
</div> <!-- /container -->
<div class="container">
<div class="bs-docs-section">
<h1 id="examples" class="page-header">Examples</h1>
<h1 id="basic" class="page-header">Super Simple Editing App</h1>
<p class="lead"></p>
<div class="row bs-examples">
<div class="col-md-12">
<a class="thumbnail" href="../samples/simple-edit.html">
<img src="images/simple-edit-thumb.png">
</a>
<h3>Basic Editing Only</h3>
<p>This bare-bones sample provides lightweight protection from the occasional internet connection interruption while editing.
It automatically manages storing edits while the app is offline and then resync's the edits when the app returns online.
</p>
</div>
</div>
</div>
<hr>
</div>
<div class="container">
<div class="bs-docs-section">
<h1 id="examples" class="page-header">Advanced Apps</h1>
<p class="lead">Check out the following full-featured applications. </p>
<div class="row bs-examples">
<div class="col-xs-4 col-md-4">
@ -175,14 +189,13 @@
</tbody>
</table>
<p class="lead"><strong>Important note for Hybrid app developers (e.g. PhoneGap\Cordova):</strong> this library is <strong>not supported</strong> for hybrid deployments.
There are too many different variations of iOS and Android to make this feasible.
There are too many different variations of iOS and Android browser's and versions to make this feasible.
We've only done very limited proof-of-concept testing using WebView.
Make sure you do thorough testing on as many different phones and tablets as possible.
One suggestion is to build a test app and run the Unit Test suite which is in this project under /test.
</p>
<p class="lead">
<strong>Windows developers:</strong> Edge is under consideration for developement support-only. However, at this time I don't have
a machine that runs it.
<strong>Windows developers:</strong> Edge is under consideration for developement support-only.
</p>
<span class="text-success"><span class="glyphicon glyphicon-ok">*</span></span> - means that <a href="https://github.com/axemclion/IndexedDBShim"> IndexedDBShim.js</a> may be required on this browser/platform. More info available in the <a href="https://github.com/Esri/offline-editor-js"> README </a> under Dependencies.
<p></p><p></p>