|
Revision 7797, 1.2 kB
(checked in by BradNeuberg, 22 months ago)
|
|
Project housekeeping: based on usability testing from about 1 1/2 months with Moxie, the Dojo Offline UI was modified to be much simpler, with less options -- this was done as a custom UI inside of editor.html -- I've now rolled these changes back into the widget.html file to make all DOT based apps have this simpler UI, and have removed a bunch of UI featuritis that was related to being too close to the problem, such as the configuration UI (users don't want to configure offline options -- they just want it to magically work); removed lots of dojo.debug print outs; removed dojo.off.clear since it is not appropriate for the new syncing paradigm we adopted 1 1/2 months ago where DOT doesn't handle the low level application data like the old design called for; fixed lots of little bugs found while doing code inspection
|
| Line | |
|---|
| 1 | <!-- |
|---|
| 2 | Note: The elements in this UI can be broken apart |
|---|
| 3 | and spread around your page, as long as you keep the |
|---|
| 4 | IDs intact. Elements can also be dropped without |
|---|
| 5 | Dojo Offline's default UI breaking. |
|---|
| 6 | --> |
|---|
| 7 | |
|---|
| 8 | <div id="dot-widget-container" style="visibility: hidden;"> |
|---|
| 9 | <div id="dot-widget-title-bar"> |
|---|
| 10 | <span id="dot-widget-network-indicator"> |
|---|
| 11 | <img id="dot-widget-network-indicator-online" /> |
|---|
| 12 | <img id="dot-widget-network-indicator-offline" /> |
|---|
| 13 | </span> |
|---|
| 14 | <span id="dot-widget-title-text"></span> |
|---|
| 15 | </div> |
|---|
| 16 | |
|---|
| 17 | <div id="dot-widget-contents"> |
|---|
| 18 | <div id="dot-widget-browser-restart"> |
|---|
| 19 | Please restart your browser to |
|---|
| 20 | use <span id="dot-widget-browser-restart-app-name"></span> Offline |
|---|
| 21 | </div> |
|---|
| 22 | |
|---|
| 23 | <div id="dot-sync-status"> |
|---|
| 24 | <img id="dot-roller" /> |
|---|
| 25 | <img id="dot-success-checkmark" /> |
|---|
| 26 | <span id="dot-sync-messages"></span> |
|---|
| 27 | <span id="dot-sync-details"> |
|---|
| 28 | (<a id="dot-sync-details-button" href="#">details</a>) |
|---|
| 29 | </span> |
|---|
| 30 | <span id="dot-sync-cancel"> |
|---|
| 31 | (<a id="dot-sync-cancel-button" href="#">cancel</a>) |
|---|
| 32 | </span> |
|---|
| 33 | </div> |
|---|
| 34 | |
|---|
| 35 | <div id="dot-widget-learn-how"> |
|---|
| 36 | <a id="dot-widget-learn-how-link" target="_blank" href="#">Learn How</a> |
|---|
| 37 | to use <span id="dot-widget-learn-how-app-name"></span> Offline! |
|---|
| 38 | </div> |
|---|
| 39 | </div> |
|---|
| 40 | </div> |
|---|
