/trunk/api/js/dojo1.0/dojox/off/resources/learnhow.js |
---|
New file |
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)); |
} |
} |
/trunk/api/js/dojo1.0/dojox/off/resources/offline-widget.css |
---|
New file |
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; |
} |
/trunk/api/js/dojo1.0/dojox/off/resources/checkmark.png |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/api/js/dojo1.0/dojox/off/resources/checkmark.png |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/api/js/dojo1.0/dojox/off/resources/greenball.png |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/api/js/dojo1.0/dojox/off/resources/greenball.png |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/api/js/dojo1.0/dojox/off/resources/learnhow.html |
---|
New file |
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> |
/trunk/api/js/dojo1.0/dojox/off/resources/roller.gif |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/api/js/dojo1.0/dojox/off/resources/roller.gif |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/api/js/dojo1.0/dojox/off/resources/offline-widget.html |
---|
New file |
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> Offline! |
</div> |
</div> |
</div> |
/trunk/api/js/dojo1.0/dojox/off/resources/redball.png |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/api/js/dojo1.0/dojox/off/resources/redball.png |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |