client/space-editor.html
changeset 188 50b3287d06dd
child 192 47aa37d3e750
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/space-editor.html	Tue May 28 16:45:12 2013 +0200
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <title>Test de Rendu RENKAN</title>
+        <meta name="description" content="" />
+        <meta name="author" content="Institut de Recherche et d'Innovation" />
+        <script src="lib/jquery.min.js"></script>
+        <script src="lib/jquery-ui.min.js"></script>
+        <script src="lib/jquery.mousewheel.min.js"></script>
+        <script src="lib/underscore-min.js"></script>
+        <script src="lib/backbone.js"></script>
+        <script src="lib/backbone-relational.js"></script>
+        <script src="lib/paper.js"></script>
+        <script src="js/main.js"></script>
+        <script src="js/defaults.js"></script>
+        <script src="js/i18n.js"></script>
+        <script src="js/models.js"></script>
+        <script src="js/list-bin.js"></script>
+        <script src="js/ldtjson-bin.js"></script>
+        <script src="js/twitter-bin.js"></script>
+        <script src="js/wikipedia-bin.js"></script>
+        <script src="js/space-editor.js"></script>
+        
+        <link rel="stylesheet" href="css/renkan.css" />
+        <link rel="stylesheet" href="css/space-editor.css" />
+    </head>
+
+    <body>
+        <h1>Renkan Space Editor</h1>
+        <div class="right">
+            <a class="update-preview blue-button" href="#">Update Preview</a>
+            <div id="preview"></div>
+        </div>
+        <div class="main">
+            <h2 class="section-title">Search Engines</h2>
+                
+            <ul class="first-level-list search-engine-list">
+                <li class="item search-engine">
+                    <a href="#" class="blue-button remove-item">&times;</a>
+                    
+                    <span class="setting search-engine-type">
+                        <label>Type:</label>
+                        <span class="display-value"></span>
+                        <select class="edit-value">
+                            <option value="Twitter">Twitter</option>
+                            <option value="Wikipedia">Wikipedia</option>
+                            <option value="Ldt">Lignes de Temps</option>
+                        </select>
+                    </span>
+                    <span class="setting search-engine-language">
+                        <label>Language:</label>
+                        <select class="edit-value">
+                            <option value="en">English</option>
+                            <option value="fr">Français</option>
+                            <option value="ja">日本語</option>
+                            <option value="es">Español</option>
+                            <option value="it">Italiano</option>
+                            <option value="de">Deutsch</option>
+                            <option value="pt">Português</option>
+                            <option value="ru">Русский</option>
+                            <option value="zh">中文</option>
+                        </select>
+                        <span class="display-value"></span>
+                    </span>
+                    <div class="clearer"></div>
+                </li>
+            </ul>
+            
+            <a class="add-item add-search-engine blue-button" href="#">+</a>
+            
+            <h2 class="section-title">Bins</h2>
+                
+            <ul class="first-level-list bin-list">
+                <li class="item bin">
+                    <a href="#" class="blue-button remove-item">&times;</a>
+                    
+                    <span class="setting bin-type">
+                        <label>Type:</label>
+                        <span class="display-value"></span>
+                        <select class="edit-value">
+                            <option value="ResourceList">Resource List</option>
+                            <option value="Twitter">Twitter Search Results</option>
+                            <option value="Wikipedia">Wikipedia Search Results</option>
+                            <option value="Ldt">Lignes de Temps</option>
+                        </select>
+                    </span>
+                    <span class="setting bin-language">
+                        <label>Language:</label>
+                        <select class="edit-value">
+                            <option value="en">English</option>
+                            <option value="fr">Français</option>
+                            <option value="ja">日本語</option>
+                            <option value="es">Español</option>
+                            <option value="it">Italiano</option>
+                            <option value="de">Deutsch</option>
+                            <option value="pt">Português</option>
+                            <option value="ru">Русский</option>
+                            <option value="zh">中文</option>
+                        </select>
+                        <span class="display-value"></span>
+                    </span>
+                    <span class="ldt-options">
+                        <span class="setting bin-ldt-type">
+                            <label>LDT type:</label>
+                            <span class="display-value"></span>
+                            <select class="edit-value">
+                                <option value="Results">Search Results</option>
+                                <option value="Project">Project</option>
+                            </select>
+                        </span>
+                        <span class="setting bin-ldt-platform">
+                            <label>Platform URL:</label>
+                            <span class="display-value"></span>
+                            <input class="edit-value" />
+                        </span>
+                        <span class="setting bin-ldt-project">
+                            <label>Project ID:</label>
+                            <span class="display-value"></span>
+                            <input class="edit-value" />
+                        </span>
+                    </span>
+                    <span class="setting bin-keyword">
+                        <label>Search Keyword:</label>
+                        <span class="display-value"></span>
+                        <input class="edit-value" />
+                    </span>
+                    <span class="bin-resources">
+                        <span class="setting bin-title">
+                            <label>Bin Title:</label>
+                            <span class="display-value"></span>
+                            <input class="edit-value" />
+                        </span>
+                        <h3 class="resource-list-title">Resources:</h3>
+                        <ul class="resource-list">
+                            <li class="resource">
+                                <a href="#" class="blue-button remove-item">&times;</a>
+                                <span class="setting resource-title">
+                                    <label>Title:</label>
+                                    <span class="display-value"></span>
+                                    <input class="edit-value" />
+                                </span>
+                                <span class="setting resource-url">
+                                    <label>URL:</label>
+                                    <span class="display-value"></span>
+                                    <input class="edit-value" />
+                                </span>
+                                <span class="setting resource-description">
+                                    <label>Description:</label>
+                                    <span class="display-value"></span>
+                                    <textarea class="edit-value"></textarea>
+                                </span>
+                                <span class="setting resource-image">
+                                    <label>Image URL:</label>
+                                    <span class="display-value"></span>
+                                    <input class="edit-value" />
+                                </span>
+                                <div class="clearer"></div>
+                            </li>
+                        </ul>
+                        <a class="add-item add-resource blue-button" href="#">+</a>
+                    </span>
+                    <div class="clearer"></div>
+                </li>
+            </ul>
+            
+            <a class="add-item add-bin blue-button" href="#">+</a>
+            
+        </div>
+        
+    </body>
+</html>