client/test/space-editor.html
author ymh <ymh.work@gmail.com>
Fri, 19 Dec 2014 15:48:50 +0100
changeset 345 cb5c0007c9f9
parent 256 d38cc4ee1fd1
child 417 e98756860daa
permissions -rw-r--r--
continue bower integration

<!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/jquery.js"></script>
        <script src="../lib/jquery-ui/jquery-ui.js"></script>
        <script src="../lib/jquery-mousewheel/jquery.mousewheel.js"></script>
        <script src="../lib/underscore/underscore.js"></script>
        <script src="../lib/backbone/backbone.js"></script>
        <script src="../lib/backbone-relational/backbone-relational.js"></script>
        <script src="../lib/paper/paper-full.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>