aboutsummaryrefslogtreecommitdiff
path: root/includes/js/dojox/off/resources
diff options
context:
space:
mode:
Diffstat (limited to 'includes/js/dojox/off/resources')
-rw-r--r--includes/js/dojox/off/resources/checkmark.pngbin0 -> 27329 bytes
-rw-r--r--includes/js/dojox/off/resources/greenball.pngbin0 -> 27414 bytes
-rw-r--r--includes/js/dojox/off/resources/learnhow.html43
-rw-r--r--includes/js/dojox/off/resources/learnhow.js43
-rw-r--r--includes/js/dojox/off/resources/offline-widget.css88
-rw-r--r--includes/js/dojox/off/resources/offline-widget.css.commented.css112
-rw-r--r--includes/js/dojox/off/resources/offline-widget.html40
-rw-r--r--includes/js/dojox/off/resources/redball.pngbin0 -> 27409 bytes
-rw-r--r--includes/js/dojox/off/resources/roller.gifbin0 -> 7462 bytes
9 files changed, 326 insertions, 0 deletions
diff --git a/includes/js/dojox/off/resources/checkmark.png b/includes/js/dojox/off/resources/checkmark.png
new file mode 100644
index 0000000..a0ffbb1
--- /dev/null
+++ b/includes/js/dojox/off/resources/checkmark.png
Binary files differ
diff --git a/includes/js/dojox/off/resources/greenball.png b/includes/js/dojox/off/resources/greenball.png
new file mode 100644
index 0000000..520b6a6
--- /dev/null
+++ b/includes/js/dojox/off/resources/greenball.png
Binary files differ
diff --git a/includes/js/dojox/off/resources/learnhow.html b/includes/js/dojox/off/resources/learnhow.html
new file mode 100644
index 0000000..2833fcc
--- /dev/null
+++ b/includes/js/dojox/off/resources/learnhow.html
@@ -0,0 +1,43 @@
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="offline-widget.css"></link>
+
+ <script type="text/javascript" src="learnhow.js"></script>
+ </head>
+
+ <body id="dot-learn-how-body">
+ <div id="dot-learn-how-contents">
+ <h1><b>Want to use <span id="dot-learn-how-app-name">Application</span> offline?</b></h1>
+
+ <p id="dot-toolkit-info">It's simple with Dojo Offline! Dojo Offline is a free open source utility that makes it easy
+ for this web application to work, even if you're offline. Now you can
+ access your data even when away from the network!</p>
+
+ <p>Dojo Offline is an open source project brought to you by
+ <a href="http://dojotoolkit.org">Dojo</a>, <a href="http://sitepen.com">SitePen</a>,
+ and <a href="http://codinginparadise.org">Brad Neuberg</a>. It incorporates
+ technologies created by <a href="http://google.com">Google</a>.</p>
+
+ <h2>To get started:</h2>
+
+ <ol>
+ <li id="dot-download-step">
+ <a target="_new" href="http://gears.google.com">Download Gears</a>, a small, open source utility created by Google that allows this web site
+ to work offline. This tool is safe and secure for your machine, and only takes
+ a few seconds to download.
+ </li>
+ <li id="dot-install-step">
+ Once downloaded, run the installer. Restart your web browser when finished installing.
+ </li>
+ <li id="dot-drag-link-step">
+ To access this website even when offline, drag the following link to your
+ desktop or your browser's link toolbar above: <a id="dot-learn-how-run-link" href="#">Run Application</a>.
+ </li>
+ <li id="dot-run-link-step">
+ Double-click the link on your desktop to start this web application, even
+ if offline.
+ </li>
+ </ol>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/includes/js/dojox/off/resources/learnhow.js b/includes/js/dojox/off/resources/learnhow.js
new file mode 100644
index 0000000..82d5506
--- /dev/null
+++ b/includes/js/dojox/off/resources/learnhow.js
@@ -0,0 +1,43 @@
+window.onload = function(){
+ // get the app name from our URL
+ var href = window.location.href;
+ var matches = href.match(/appName=([a-z0-9 \%]*)/i);
+ var appName = "Application";
+ if(matches && matches.length > 0){
+ appName = decodeURIComponent(matches[1]);
+ }
+
+ // set it in our UI
+ var appNameSpan = document.getElementById("dot-learn-how-app-name");
+ appNameSpan.innerHTML = "";
+ appNameSpan.appendChild(document.createTextNode(appName));
+
+ // if we need an offline cache, and we already have one installed,
+ // update the UI
+ matches = href.match(/hasOfflineCache=(true|false)/);
+ var hasOfflineCache = false;
+ if(matches && matches.length > 0){
+ hasOfflineCache = matches[1];
+ // convert to boolean
+ hasOfflineCache = (hasOfflineCache == "true") ? true : false;
+ }
+ if(hasOfflineCache == true){
+ // delete the download and install steps
+ var downloadStep = document.getElementById("dot-download-step");
+ var installStep = document.getElementById("dot-install-step");
+ downloadStep.parentNode.removeChild(downloadStep);
+ installStep.parentNode.removeChild(installStep);
+ }
+
+ // get our run link info and update the UI
+ matches = href.match(/runLink=([^\&]*)\&runLinkText=([^\&]*)/);
+ if(matches && matches.length > 0){
+ var runLink = decodeURIComponent(matches[1]);
+ var runLinkElem = document.getElementById("dot-learn-how-run-link");
+ runLinkElem.setAttribute("href", runLink);
+
+ var runLinkText = decodeURIComponent(matches[2]);
+ runLinkElem.innerHTML = "";
+ runLinkElem.appendChild(document.createTextNode(runLinkText));
+ }
+}
diff --git a/includes/js/dojox/off/resources/offline-widget.css b/includes/js/dojox/off/resources/offline-widget.css
new file mode 100644
index 0000000..3d095e9
--- /dev/null
+++ b/includes/js/dojox/off/resources/offline-widget.css
@@ -0,0 +1,88 @@
+
+#dot-widget-container{
+
+ width: 13em;
+ height: auto;
+ border: 2px solid #CDDDE9;
+ position: relative;
+ visibility: visible !important;
+}
+#dot-widget-title-bar{
+ background-color: #CDDDE9;
+ padding-top: 0.2em;
+ padding-bottom: 0.2em;
+}
+#dot-widget-network-indicator{
+ height: 8px;
+ width: 8px;
+ padding-left: 0.3em;
+}
+#dot-widget-title-text{
+ vertical-align: middle;
+ font-weight: bold;
+ font-size: 14pt;
+ padding-left: 2px;
+}
+#dot-widget-contents{
+ padding: 8px 5px 8px 5px;
+}
+#dot-widget-learn-how{
+ font-size: 11pt;
+}
+#dot-sync-cancel,
+#dot-sync-status{
+ font-size: 11pt;
+}
+#dot-success-checkmark{
+ display: none;
+}
+#dot-roller{
+ display: none;
+ padding-right: 4px;
+}
+.dot-sync-error{
+ color: red;
+}
+#dot-sync-details{
+ display: none;
+ padding-left: 0.2em;
+}
+#dot-sync-status{
+ height: 2em;
+ margin-top: 0.8em;
+ margin-bottom: 0.8em;
+}
+.dot-needs-offline-cache #dot-widget-learn-how,
+.dot-needs-browser-restart{
+ text-align: center;
+ line-height: 1.2;
+ font-size: 16pt !important;
+}
+.dot-needs-offline-cache #dot-sync-status,
+.dot-needs-offline-cache #dot-widget-browser-restart{
+ display: none;
+}
+.dot-needs-browser-restart{
+ font-size: 14pt !important;
+ padding-bottom: 1em;
+ padding-top: 1em;
+}
+#dot-learn-how-body{
+ padding: 3em;
+ background-color: #CDDDE9;
+}
+#dot-learn-how-contents{
+ border: 1px solid black;
+ background-color: white;
+ padding: 0.4em 0.6em 0.4em 0.6em;
+ font-size: 16pt;
+}
+#dot-learn-how-contents h1{
+ font-size: 24pt;
+}
+#dot-learn-how-contents h2{
+ font-size: 18pt;
+}
+#dot-learn-how-contents li{
+ padding-bottom: 0.6em;
+}
diff --git a/includes/js/dojox/off/resources/offline-widget.css.commented.css b/includes/js/dojox/off/resources/offline-widget.css.commented.css
new file mode 100644
index 0000000..374a43b
--- /dev/null
+++ b/includes/js/dojox/off/resources/offline-widget.css.commented.css
@@ -0,0 +1,112 @@
+/** Offline Widget Styles */
+
+#dot-widget-container{
+ /**
+ Keep these as EMs so widget reflows fluidly based on
+ user-font size settings
+ */
+ width: 13em;
+ height: auto;
+ border: 2px solid #CDDDE9; /* light tundra blue */
+ position: relative;
+ visibility: visible !important;
+}
+
+#dot-widget-title-bar{
+ background-color: #CDDDE9; /* light tundra blue */
+ padding-top: 0.2em;
+ padding-bottom: 0.2em;
+}
+
+#dot-widget-network-indicator{
+ height: 8px;
+ width: 8px;
+ padding-left: 0.3em;
+}
+
+#dot-widget-title-text{
+ vertical-align: middle;
+ font-weight: bold;
+ font-size: 14pt;
+ padding-left: 2px;
+}
+
+#dot-widget-contents{
+ padding: 8px 5px 8px 5px;
+}
+
+#dot-widget-learn-how{
+ font-size: 11pt;
+}
+
+#dot-sync-cancel,
+#dot-sync-status{
+ font-size: 11pt;
+}
+
+#dot-success-checkmark{
+ display: none;
+}
+
+#dot-roller{
+ display: none;
+ padding-right: 4px;
+}
+
+.dot-sync-error{
+ color: red;
+}
+
+#dot-sync-details{
+ display: none;
+ padding-left: 0.2em;
+}
+
+#dot-sync-status{
+ height: 2em;
+ margin-top: 0.8em;
+ margin-bottom: 0.8em;
+}
+
+.dot-needs-offline-cache #dot-widget-learn-how,
+.dot-needs-browser-restart{
+ text-align: center;
+ line-height: 1.2;
+ font-size: 16pt !important;
+}
+
+.dot-needs-offline-cache #dot-sync-status,
+.dot-needs-offline-cache #dot-widget-browser-restart{
+ display: none;
+}
+
+.dot-needs-browser-restart{
+ font-size: 14pt !important;
+ padding-bottom: 1em;
+ padding-top: 1em;
+}
+
+/** Learn How Page Styles */
+#dot-learn-how-body{
+ padding: 3em;
+ background-color: #CDDDE9; /* light tundra blue */
+}
+
+#dot-learn-how-contents{
+ border: 1px solid black;
+ background-color: white;
+ padding: 0.4em 0.6em 0.4em 0.6em;
+ font-size: 16pt;
+}
+
+#dot-learn-how-contents h1{
+ font-size: 24pt;
+}
+
+#dot-learn-how-contents h2{
+ font-size: 18pt;
+}
+
+#dot-learn-how-contents li{
+ padding-bottom: 0.6em;
+}
diff --git a/includes/js/dojox/off/resources/offline-widget.html b/includes/js/dojox/off/resources/offline-widget.html
new file mode 100644
index 0000000..5791644
--- /dev/null
+++ b/includes/js/dojox/off/resources/offline-widget.html
@@ -0,0 +1,40 @@
+<!--
+ 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>&nbsp;Offline!
+ </div>
+ </div>
+</div> \ No newline at end of file
diff --git a/includes/js/dojox/off/resources/redball.png b/includes/js/dojox/off/resources/redball.png
new file mode 100644
index 0000000..cc224c3
--- /dev/null
+++ b/includes/js/dojox/off/resources/redball.png
Binary files differ
diff --git a/includes/js/dojox/off/resources/roller.gif b/includes/js/dojox/off/resources/roller.gif
new file mode 100644
index 0000000..24a3a24
--- /dev/null
+++ b/includes/js/dojox/off/resources/roller.gif
Binary files differ