Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 86 lines (78 sloc) 3.762 kb
39732ec @galfert initial commit
galfert authored
1 <!DOCTYPE html>
2 <html lang='en'>
b086ef3 @galfert Unhost ALL THE data
galfert authored
3 <head>
4 <meta charset='utf-8'>
5 <title>Unhosted remoteStorage Tutorial</title>
6 <link href="css/screen.css" media="screen" rel="stylesheet" type="text/css" />
d5dfb13 @galfert Use jQuery
galfert authored
7 <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
07bf3ad @michielbdejong upgrade to remoteStorage 0.5.5
michielbdejong authored
8 <script src="js/remoteStorage-0.5.5.min.js" type="text/javascript"></script>
fc2f6ea @michielbdejong switch to remoteStorage-0.5.0 (require-less)
michielbdejong authored
9 <script src="js/helper.js" type="text/javascript"></script>
d7e47e5 @michielbdejong corrections in switch to straight includes
michielbdejong authored
10 <script src="js/tutorial.js" type="text/javascript"></script>
69ab710 @galfert Rename unhosted.js -> tutorial.js and add a subtitle
galfert authored
11 <script src="js/app.js" type="text/javascript"></script>
b086ef3 @galfert Unhost ALL THE data
galfert authored
12 </head>
13
14 <body>
4f42a7e @skddc Improve styling
skddc authored
15 <div class="container">
5c70be2 @skddc Add remoteStorage logo
skddc authored
16 <img src="images/remotestorage.png" alt="remoteStorage" class="remotestorage" />
4f42a7e @skddc Improve styling
skddc authored
17 <h1>remoteStorage.js Tutorial</h1>
18
4804370 @galfert Documentation
galfert authored
19 <section id="intro">
20 <p>
9aba348 @skddc Improve intro text
skddc authored
21 This is a sample app using
4804370 @galfert Documentation
galfert authored
22 <a href="https://github.com/unhosted/remoteStorage.js">remoteStorage.js</a>
9aba348 @skddc Improve intro text
skddc authored
23 for retrieving and storing data on a remoteStorage-compatible account. To
24 see how to use remoteStorage.js you can read the
69ab710 @galfert Rename unhosted.js -> tutorial.js and add a subtitle
galfert authored
25 <a href="docs/tutorial.html">annotated source</a> of this app.
4804370 @galfert Documentation
galfert authored
26 </p>
27 </section>
28
4556a3f @galfert Show/hide buttons depending on state
galfert authored
29 <section id="connection">
7fc22fc @galfert Show states info
galfert authored
30 <div id="states" class="hidden">
d5dfb13 @galfert Use jQuery
galfert authored
31 <span id="connectionState">disconnected</span> |
32 <span id="authorizedState">not authorized</span>
7fc22fc @galfert Show states info
galfert authored
33 </div>
34
4556a3f @galfert Show/hide buttons depending on state
galfert authored
35 <p>
36 <label for="userAddress">Your user address:</label>
694c48d @galfert Fill input fields more appropriately
galfert authored
37 <input type="text" id="userAddress" placeholder="yourusername@5apps.com" />
4556a3f @galfert Show/hide buttons depending on state
galfert authored
38 <input type="submit" id="connect" value="Connect to remoteStorage" />
39 <input type="submit" id="disconnect" value="Disconnect" class="hidden" />
a61ec06 @galfert Move authorization buttons into header
galfert authored
40 <input type="submit" id="authorize" value="Authorize access" />
41 <input type="submit" id="deauthorize" value="Deauthorize access" class="hidden" />
4556a3f @galfert Show/hide buttons depending on state
galfert authored
42 <img src="images/spinner.gif" id="connectionSpinner" class="hidden" />
43 </p>
4f42a7e @skddc Improve styling
skddc authored
44 </section>
45
46 <section id="public_storage">
f07b7d8 @galfert Saving public data
galfert authored
47 <h2 id="publicTitle">Read access for "public" category</h2>
4f42a7e @skddc Improve styling
skddc authored
48 <p>
49 <label for="publicKey">Key:</label>
50 <input type="text" id="publicKey" value="foo" />
2dee372 @galfert Add states for connected and authorized
galfert authored
51 <input type="submit" id="fetchPublicKey" value="Fetch" />
4f42a7e @skddc Improve styling
skddc authored
52 <img src="images/spinner.gif" id="fetchPublicSpinner" class="hidden" />
53 </p>
f07b7d8 @galfert Saving public data
galfert authored
54 <p>
55 <label for="publicValue">Value:</label>
694c48d @galfert Fill input fields more appropriately
galfert authored
56 <input type="text" id="publicValue" />
f07b7d8 @galfert Saving public data
galfert authored
57 </p>
58 <p>
59 <input type="submit" id="publishPublic" value="Save" />
60 <img src="images/spinner.gif" id="publishPublicSpinner" class="hidden" />
61 </p>
4f42a7e @skddc Improve styling
skddc authored
62 </section>
63
64 <section id="private_storage">
65 <h2>Read/write access for "tutorial" category</h2>
66 <p>
67 <label for="tutorialKey">Key:</label>
68 <input type="text" id="tutorialKey" value="bar" />
2dee372 @galfert Add states for connected and authorized
galfert authored
69 <input type="submit" id="fetchTutorialKey" value="Fetch" />
4f42a7e @skddc Improve styling
skddc authored
70 <img src="images/spinner.gif" id="fetchTutorialSpinner" class="hidden" />
71 </p>
72 <p>
f07b7d8 @galfert Saving public data
galfert authored
73 <label for="tutorialValue">Value:</label>
694c48d @galfert Fill input fields more appropriately
galfert authored
74 <input type="text" id="tutorialValue" />
4f42a7e @skddc Improve styling
skddc authored
75 </p>
76 <p>
f07b7d8 @galfert Saving public data
galfert authored
77 <input type="submit" id="publishTutorial" value="Save" />
78 <img src="images/spinner.gif" id="publishTutorialSpinner" class="hidden" />
4f42a7e @skddc Improve styling
skddc authored
79 </p>
80 </section>
81 </div>
a083b71 @galfert Add fork me ribbon
galfert authored
82
83 <a href="https://github.com/5apps/unhosted-tutorial"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/71eeaab9d563c2b3c590319b398dd35683265e85/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub"></a>
b086ef3 @galfert Unhost ALL THE data
galfert authored
84 </body>
39732ec @galfert initial commit
galfert authored
85 </html>
Something went wrong with that request. Please try again.