Updated
This commit is contained in:
Éric Lemoine
192
master/examples/test_storage.html
Normal file
192
master/examples/test_storage.html
Normal file
@@ -0,0 +1,192 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Dojo Storage Test</title>
|
||||
|
||||
<style type="text/css">
|
||||
@import "../../../dojo/resources/dojo.css";
|
||||
</style>
|
||||
|
||||
<!--
|
||||
// 'forceStorageProvider' is a flag to force a particular storage type.
|
||||
// Example:
|
||||
//
|
||||
//var djConfig = {
|
||||
// isDebug: false,
|
||||
// forceStorageProvider: "dojox.storage.FlashStorageProvider"
|
||||
// };
|
||||
-->
|
||||
|
||||
<script>
|
||||
// most storage providers have to be loaded when the page first loads;
|
||||
// the code below is so that we can use the storage provider pulldown,
|
||||
// select a provider, change the URL to force this provider, and then
|
||||
// reload the page to force this new provider
|
||||
var loc = window.location;
|
||||
var forceStorageProvider = undefined;
|
||||
// does the URL have a storage provider for us to force using?
|
||||
if(loc && loc.search && loc.search.indexOf("forceStorageProvider") != -1){
|
||||
var m = loc.search.match(/forceStorageProvider=([a-zA-Z0-9_\.]*)/g);
|
||||
if(m && m.length){
|
||||
// forceStorageProvider can repeat as a query parameter if the
|
||||
// page has been reloaded several times, so just grab the last
|
||||
// one
|
||||
forceStorageProvider = m[m.length - 1];
|
||||
if(forceStorageProvider.indexOf("=") != -1){
|
||||
forceStorageProvider = forceStorageProvider.split("=");
|
||||
forceStorageProvider = forceStorageProvider[1];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var djConfig = {
|
||||
isDebug: false,
|
||||
forceStorageProvider: forceStorageProvider
|
||||
};
|
||||
</script>
|
||||
|
||||
<script type="text/javascript"
|
||||
src="../../../dojo/dojo.js"></script>
|
||||
|
||||
<script type="text/javascript" src="test_storage.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
h1 { margin: 0px auto 0px auto; padding-top: 0px auto 0px auto; clear: none; float: left; }
|
||||
body { padding: 0.2em 1em 1em 1em; }
|
||||
div { margin-bottom: 1.5em; }
|
||||
label { margin-right: 0.6em; }
|
||||
button { margin-right: 0.6em; }
|
||||
form { float: right; width: 80%; }
|
||||
#top { width: 70%; }
|
||||
#directoryContainer { float: left; clear: left; width: 20%; }
|
||||
#templates { text-align: center; }
|
||||
#templates a { display: block; margin-top: 1em; }
|
||||
#directory { width: 100%; }
|
||||
#namespaceDirectory { width: 100%; }
|
||||
#storageValue { vertical-align: top; width: 100%; height: 10em; }
|
||||
#buttonContainer { text-align: center; }
|
||||
#currentStorageProvider { font-weight: bold; }
|
||||
#providerMetadataContainer { float: right; font-size: 9pt; }
|
||||
#storageForm { width: 70%; }
|
||||
.status { float: right; padding-left: 5px; padding-right: 5px; background: red; color: white; }
|
||||
.providerMetadata { font-weight: bold; margin-bottom: 0.5em; }
|
||||
.providerMetadataValue { font-weight: normal; }
|
||||
.firebug { clear: both; } // clear Firebug Lite to bottom of screen
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="top">
|
||||
<h1>Dojo.Storage Test</h1>
|
||||
</div>
|
||||
|
||||
<div id="directoryContainer">
|
||||
<h2>All Namespaces:</h2>
|
||||
<select id="namespaceDirectory" size="3"></select>
|
||||
|
||||
<h2>All Keys:</h2>
|
||||
<select id="directory" size="10">
|
||||
</select>
|
||||
|
||||
<div id="templates">
|
||||
<a href="#" onclick="return TestStorage.saveBook()">Save Test Book (71K - Lorum Ipsum)</a>
|
||||
<a href="#" onclick="return TestStorage.saveXML()">Save Test XML</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form id="storageForm">
|
||||
<h2>Save/Load Values:</h2>
|
||||
<div>
|
||||
<div id="providerMetadataContainer">
|
||||
<div class="providerMetadata">
|
||||
Supported:
|
||||
|
||||
<span id="isSupported" class="providerMetadataValue">
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="providerMetadata">
|
||||
Supports Persistence:
|
||||
|
||||
<span id="isPersistent" class="providerMetadataValue">
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="providerMetadata">
|
||||
Supports UI Configuration:
|
||||
|
||||
<span id="hasUIConfig" class="providerMetadataValue">
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="providerMetadata">
|
||||
Maximum Size:
|
||||
|
||||
<span id="maximumSize" class="providerMetadataValue">
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="providerMetadata">
|
||||
Value size:
|
||||
|
||||
<span id="valueSize" class="providerMetadataValue">
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="providerMetadata">
|
||||
More info:
|
||||
|
||||
<span id="moreInfo" class="providerMetadataValue">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
Storage Provider:
|
||||
|
||||
<select id="currentStorageProvider" size="1"></select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="storageNamespaceContainer">
|
||||
<label for="storageNamespace">
|
||||
Namespace:
|
||||
</label>
|
||||
|
||||
<input type="text" id="storageNamespace" name="storageNamespace" size="40" disabled="true">
|
||||
</div>
|
||||
|
||||
<div id="storageKeyContainer">
|
||||
<label for="storageKey">
|
||||
Key:
|
||||
</label>
|
||||
|
||||
<input type="text" id="storageKey" name="storageKey" size="40" disabled="true">
|
||||
</div>
|
||||
|
||||
<div id="storageValueContainer">
|
||||
<label for="storageValue">
|
||||
Value:
|
||||
</label>
|
||||
|
||||
<textarea id="storageValue" name="storageValue" disabled="true"></textarea>
|
||||
</div>
|
||||
|
||||
<div id="buttonContainer">
|
||||
<button id="loadButton" disabled="true">Load</button>
|
||||
<button id="loadMultipleButton" disabled="true">Load Many</button>
|
||||
<button id="saveButton" disabled="true">Save</button>
|
||||
<button id="saveMultipleButton" disabled="true">Save Many</button>
|
||||
<button id="removeButton" disabled="true">Remove</button>
|
||||
<button id="removeMultipleButton" disabled="true">Remove Many</button>
|
||||
<button id="clearNamespaceButton" disabled="true">Clear Namespace</button>
|
||||
<button id="configureButton" disabled="true">Configure</button>
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user