client/space-editor.html
author ymh <ymh.work@gmail.com>
Thu, 16 Jan 2014 13:48:34 +0100
changeset 244 66db2c72cc0d
parent 192 47aa37d3e750
permissions -rw-r--r--
check that node and edge can be edited

<!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/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="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="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>