40 lines
1.2 KiB
HTML
40 lines
1.2 KiB
HTML
|
<!--
|
||
|
|
Note: The elements in this UI can be broken apart
|
||
|
|
and spread around your page, as long as you keep the
|
||
|
|
IDs intact. Elements can also be dropped without
|
||
|
|
Dojo Offline's default UI breaking.
|
||
|
|
-->
|
||
|
|
|
||
|
|
<div id="dot-widget-container" style="visibility: hidden;">
|
||
|
|
<div id="dot-widget-title-bar">
|
||
|
|
<span id="dot-widget-network-indicator">
|
||
|
|
<img id="dot-widget-network-indicator-online" />
|
||
|
|
<img id="dot-widget-network-indicator-offline" />
|
||
|
|
</span>
|
||
|
|
<span id="dot-widget-title-text"></span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="dot-widget-contents">
|
||
|
|
<div id="dot-widget-browser-restart">
|
||
|
|
Please restart your browser to
|
||
|
|
use <span id="dot-widget-browser-restart-app-name"></span> Offline
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="dot-sync-status">
|
||
|
|
<img id="dot-roller" />
|
||
|
|
<img id="dot-success-checkmark" />
|
||
|
|
<span id="dot-sync-messages"></span>
|
||
|
|
<span id="dot-sync-details">
|
||
|
|
(<a id="dot-sync-details-button" href="#">details</a>)
|
||
|
|
</span>
|
||
|
|
<span id="dot-sync-cancel">
|
||
|
|
(<a id="dot-sync-cancel-button" href="#">cancel</a>)
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="dot-widget-learn-how">
|
||
|
|
<a id="dot-widget-learn-how-link" target="_blank" href="#">Learn How</a>
|
||
|
|
to use <span id="dot-widget-learn-how-app-name"></span> Offline!
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|