| 2150 |
mathias |
1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
|
|
2 |
"http://www.w3.org/TR/html4/strict.dtd">
|
|
|
3 |
|
|
|
4 |
<html>
|
|
|
5 |
|
|
|
6 |
<head>
|
|
|
7 |
<title>Dojo Storage Test</title>
|
|
|
8 |
|
|
|
9 |
<style type="text/css">
|
|
|
10 |
@import "../../../dojo/resources/dojo.css";
|
|
|
11 |
</style>
|
|
|
12 |
|
|
|
13 |
<script type="text/javascript"
|
|
|
14 |
src="../../../dojo/dojo.js" djConfig="isDebug: false"></script>
|
|
|
15 |
|
|
|
16 |
<!--
|
|
|
17 |
// 'forceStorageProvider' is a flag to
|
|
|
18 |
// force a particular storage type. Example:
|
|
|
19 |
//var djConfig = {
|
|
|
20 |
// isDebug: false,
|
|
|
21 |
// forceStorageProvider: "dojox.storage.FlashStorageProvider"
|
|
|
22 |
// };
|
|
|
23 |
-->
|
|
|
24 |
|
|
|
25 |
<script type="text/javascript" src="test_storage.js"></script>
|
|
|
26 |
|
|
|
27 |
<style type="text/css">
|
|
|
28 |
h1 { margin: 0px auto 0px auto; padding-top: 0px auto 0px auto; clear: none; float: left; }
|
|
|
29 |
body { padding: 0.2em 1em 1em 1em; }
|
|
|
30 |
div { margin-bottom: 1.5em; }
|
|
|
31 |
label { margin-right: 0.6em; }
|
|
|
32 |
button { margin-right: 0.6em; }
|
|
|
33 |
form { float: right; width: 80%; }
|
|
|
34 |
#top { width: 70%; }
|
|
|
35 |
#directoryContainer { float: left; clear: left; width: 20%; }
|
|
|
36 |
#templates { text-align: center; }
|
|
|
37 |
#templates a { display: block; margin-top: 1em; }
|
|
|
38 |
#directory { width: 100%; }
|
|
|
39 |
#namespaceDirectory { width: 100%; }
|
|
|
40 |
#storageValue { vertical-align: top; width: 100%; height: 10em; }
|
|
|
41 |
#buttonContainer { text-align: center; }
|
|
|
42 |
#currentStorageProvider { font-weight: bold; }
|
|
|
43 |
#providerMetadataContainer { float: right; font-size: 9pt; }
|
|
|
44 |
#storageForm { width: 70%; }
|
|
|
45 |
.status { float: right; padding-left: 5px; padding-right: 5px; background: red; color: white; }
|
|
|
46 |
.providerMetadata { font-weight: bold; margin-bottom: 0.5em; }
|
|
|
47 |
.providerMetadataValue { font-weight: normal; }
|
|
|
48 |
</style>
|
|
|
49 |
|
|
|
50 |
</head>
|
|
|
51 |
|
|
|
52 |
<body>
|
|
|
53 |
<div id="top">
|
|
|
54 |
<h1>Dojo.Storage Test</h1>
|
|
|
55 |
</div>
|
|
|
56 |
|
|
|
57 |
<div id="directoryContainer">
|
|
|
58 |
<h2>All Namespaces:</h2>
|
|
|
59 |
<select id="namespaceDirectory" size="3"></select>
|
|
|
60 |
|
|
|
61 |
<h2>All Keys:</h2>
|
|
|
62 |
<select id="directory" size="10">
|
|
|
63 |
</select>
|
|
|
64 |
|
|
|
65 |
<div id="templates">
|
|
|
66 |
<a href="#" onclick="return TestStorage.saveBook()">Save Test Book (238K - Faust by Goethe)</a>
|
|
|
67 |
<a href="#" onclick="return TestStorage.saveXML()">Save Test XML</a>
|
|
|
68 |
</div>
|
|
|
69 |
</div>
|
|
|
70 |
|
|
|
71 |
<form id="storageForm">
|
|
|
72 |
<h2>Save/Load Values:</h2>
|
|
|
73 |
<div>
|
|
|
74 |
<div id="providerMetadataContainer">
|
|
|
75 |
<div class="providerMetadata">
|
|
|
76 |
Supported:
|
|
|
77 |
|
|
|
78 |
<span id="isSupported" class="providerMetadataValue">
|
|
|
79 |
</span>
|
|
|
80 |
</div>
|
|
|
81 |
|
|
|
82 |
<div class="providerMetadata">
|
|
|
83 |
Supports Persistence:
|
|
|
84 |
|
|
|
85 |
<span id="isPersistent" class="providerMetadataValue">
|
|
|
86 |
</span>
|
|
|
87 |
</div>
|
|
|
88 |
|
|
|
89 |
<div class="providerMetadata">
|
|
|
90 |
Supports UI Configuration:
|
|
|
91 |
|
|
|
92 |
<span id="hasUIConfig" class="providerMetadataValue">
|
|
|
93 |
</span>
|
|
|
94 |
</div>
|
|
|
95 |
|
|
|
96 |
<div class="providerMetadata">
|
|
|
97 |
Maximum Size:
|
|
|
98 |
|
|
|
99 |
<span id="maximumSize" class="providerMetadataValue">
|
|
|
100 |
</span>
|
|
|
101 |
</div>
|
|
|
102 |
|
|
|
103 |
<div class="providerMetadata">
|
|
|
104 |
Value size:
|
|
|
105 |
|
|
|
106 |
<span id="valueSize" class="providerMetadataValue">
|
|
|
107 |
</span>
|
|
|
108 |
</div>
|
|
|
109 |
|
|
|
110 |
<div class="providerMetadata">
|
|
|
111 |
More info:
|
|
|
112 |
|
|
|
113 |
<span id="moreInfo" class="providerMetadataValue">
|
|
|
114 |
</span>
|
|
|
115 |
</div>
|
|
|
116 |
</div>
|
|
|
117 |
|
|
|
118 |
<div>
|
|
|
119 |
Storage Provider:
|
|
|
120 |
|
|
|
121 |
<span id="currentStorageProvider">None</span>
|
|
|
122 |
</div>
|
|
|
123 |
</div>
|
|
|
124 |
|
|
|
125 |
<div id="storageNamespaceContainer">
|
|
|
126 |
<label for="storageNamespace">
|
|
|
127 |
Namespace:
|
|
|
128 |
</label>
|
|
|
129 |
|
|
|
130 |
<input type="text" id="storageNamespace" name="storageNamespace" size="40" disabled="true">
|
|
|
131 |
</div>
|
|
|
132 |
|
|
|
133 |
<div id="storageKeyContainer">
|
|
|
134 |
<label for="storageKey">
|
|
|
135 |
Key:
|
|
|
136 |
</label>
|
|
|
137 |
|
|
|
138 |
<input type="text" id="storageKey" name="storageKey" size="40" disabled="true">
|
|
|
139 |
</div>
|
|
|
140 |
|
|
|
141 |
<div id="storageValueContainer">
|
|
|
142 |
<label for="storageValue">
|
|
|
143 |
Value:
|
|
|
144 |
</label>
|
|
|
145 |
|
|
|
146 |
<textarea id="storageValue" name="storageValue" disabled="true"></textarea>
|
|
|
147 |
</div>
|
|
|
148 |
|
|
|
149 |
<div id="buttonContainer">
|
|
|
150 |
<button id="loadButton" disabled="true">Load</button>
|
|
|
151 |
<button id="saveButton" disabled="true">Save</button>
|
|
|
152 |
<button id="removeButton" disabled="true">Remove</button>
|
|
|
153 |
<button id="clearNamespaceButton" disabled="true">Clear Namespace</button>
|
|
|
154 |
<button id="configureButton" disabled="true">Configure</button>
|
|
|
155 |
</div>
|
|
|
156 |
</form>
|
|
|
157 |
</body>
|
|
|
158 |
|
|
|
159 |
</html>
|