Subversion Repositories Applications.papyrus

Rev

Blame | Last modification | View Log | RSS feed

<!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="#" onclick="return TestStorage.saveBook()">Save Test Book (238K - Faust by Goethe)</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:
                                
                                <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>