PerfectEquation
/
GZ


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
							<!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>

    <script type="text/javascript" 
            src="../../../dojo/dojo.js" djConfig="isDebug: false"></script>

	<!--
		// 'forceStorageProvider' is a flag to 
		// force a particular storage type. Example:
		//var djConfig = { 
		//					isDebug: false, 
		//					forceStorageProvider: "dojox.storage.FlashStorageProvider" 
		//				  };
	-->
	
	<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; }
	</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="javascript:;" onclick="return TestStorage.saveBook()">Save Test Book (238K - Faust by Goethe)</a>
			<a href="javascript:;" 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:
				
				<span id="currentStorageProvider">None</span>
			</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="saveButton" disabled="true">Save</button>
			<button id="removeButton" disabled="true">Remove</button>
			<button id="clearNamespaceButton" disabled="true">Clear Namespace</button>
			<button id="configureButton" disabled="true">Configure</button>
		</div>
	</form>
</body>

</html>