| 2150 |
mathias |
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>
|