summaryrefslogtreecommitdiff
path: root/res
diff options
context:
space:
mode:
authorLV-426 <lv-426@taproot.org.il>2014-12-16 12:56:18 +0200
committerLV-426 <lv-426@taproot.org.il>2014-12-16 15:08:37 +0200
commit13e8bd1fef780eb92cd0b1280dd52618a29c8a16 (patch)
tree808ed5a69bc5410f52b385a12393f4334cbcd295 /res
parent2ce705db9086188897df8464ac9cb8cb6fb6ce0e (diff)
sync with client index.html updates
Diffstat (limited to 'res')
-rw-r--r--res/templates/index.html96
1 files changed, 45 insertions, 51 deletions
diff --git a/res/templates/index.html b/res/templates/index.html
index 125caf49..814ca6a1 100644
--- a/res/templates/index.html
+++ b/res/templates/index.html
@@ -11,7 +11,9 @@
</head>
<body>
-
+ <div id="chromeinputbugworkaround" style="position:fixed; top:0px; left:0px; width:100%">
+ <span id="measure-node" class="graph nodetext" style="position: absolute; display: inline; top: -300px; left: 0px;">suicide squade, attack!</span>
+ <span id="measure-link" class="graph linklabel" style="position: absolute; display: inline; top: -300px; left: 0px;">those who are about to cry, we kaput you.</span>
<div class="top-bar">
<h3 class="doc-title">Server test</h3>
<div class="user-area">
@@ -24,67 +26,66 @@
</div>
</div>
<div class="search-bar">
- <img class="search-icon" src="res/img/search-icon.png">
- <div class="search-input">
- <form>
- <input id="search" size=100% placeholder="Search for nodes and relationships"/>
- </form>
- </div>
+ <div class="search-input">
+ <input id="search" placeholder="Search for nodes and relationships"/>
+ </div>
+ <div id="search-suggestion" class="suggestion" style="display: none">
+ </div>
+ <div class="export">
+ <a href="#">Export</a>
+ </div>
</div>
<div id="intro-task" class="task-alert" style="display:none">
<h3 class="task-desc">Connect between <span>yourself</span> and the <span> clubs,</span><span> internship proposals,</span><span> skills,</span><span> and</span><span> scientific interests</span></span> you have:
</h3>
- <h4 class="task-close-text">got it</h4>
- <img class="task-close-button" src="res/img/close-alert-button.png">
+ <div class="task-close-button">got it</div>
</div>
<div class="graph-view">
<div class="input-container">
- <form> <input class="input-bar" id="textanalyser" placeholder="Add nodes and relationships"/></form>
- <img class="add-button" src="res/img/add-button.png">
- <div class="suggestion">
+ <form>
+ <input class="input-bar" id="textanalyser" placeholder="Add nodes and relationships"/>
+ <button class="add-button"></button>
+ </form>
+ <div id="input-suggestion" class="suggestion" style="display: none">
</div>
</div>
<div class="info-container">
- <div class="edge_info" style="display:none">Title: <span id="edgetitle"></span><br/>
- <button id="deleteedge">Delete</button>
- </div>
- <div class="info" style="display:none">Node info :<br/>
- <div class="subtitle">Click on a node to display info</div>
- <form id="node-editbox">
- <label>name:</label><input id="editboxname"/>
- <label>description:</label><input id="editdescription"/>
- <label>URL DLKJ:</label><input id="editurl"/>
- <button>edit</button>
- </form>
- <button id="deletenode">Delete</button>
- </div>
- </div>
-
- <div class='editinfo'>
- <form id='editform'>
- <input id="editname"/>
-
- </form>
- </div>
-
- <div class='editlinkinfo'>
- <form id='editlinkform'>
- <input id="editlinkname"/>
-
- </form>
+ <div class="edge_info" style="display:none">Title: <span id="edgetitle"></span><br/>
+ <button id="deleteedge">Delete</button>
+ </div>
+ <div class="info" style="display:none">
+ <form id="editbox">
+ <p class="info-card-attr">Name</p><p class="info-card-attr-val"><input id="editformname"></p>
+ <label class="info-card-attr">Type</label>
+ <select id="edittype" class="select-dropdown">
+ <option value="person">Person</option><option value="club">Club</option><option value="skill">Skill</option><option value="interest">Interest</option><option value="third-internship-proposal">Third-internship-proposal</option><option value="internship">Internship</option>
+ </select><br/>
+ <div id="status">
+ <label class="info-card-attr">Status</label><select id="editstatus">
+ <option value="waiting">Waiting</option><option value="approved">Approved</option><option value="notapproved">Not Approved</option>
+ </select><br/>
+ </div>
+ <div id="startdate"><label class="info-card-attr">Start date</label><input id="editstartdate"/></br></div>
+ <div id="enddate"><label class="info-card-attr">End date:</label><input id="editenddate"/></div>
+ <div id="desc"><label>Description</label><input id="editdescription"/></div>
+ <div id="url"><p class="info-card-attr">URL</p><p class="info-card-attr-val info-card-url"><input id="editurl"></p></div>
+ <hr>
+ </form>
+ </div>
</div>
- <div class="typeselection">
+ <div class="typeselection" style="display:none">
<table>
- <tr><td><img id="keys" width="56" height="26" src="res/img/keys.png"/></td></tr>
- <tr><td>Pick a type with [TAB] key</td></tr>
+ <tr id="intro"><td>Pick a type with [TAB] key</td></tr>
+ <tr id="chosentypelabel"><td>Chosen Type: <span id="chosentypename"/></td></tr>
+ <tr id="chosentypedesc"><td></td></tr>
</table>
</div>
<div class="debug-ui">
<div class="debug-ui-row">
<div class="debug-ui-left">
- <a class="save-history" style="display: none" href="#">Save history</a>
+ <a class="save-history" href="#">Save history</a>
</div>
<div class="debug-ui-right">
<a id="replay-history" style="display: none" href="#">Replay history</a>
@@ -96,11 +97,6 @@
<a href="#">Save</a>
</div>
</div>
- <div class="debug-ui-right">
- <div class="export">
- <a href="#">Export</a>
- </div>
- </div>
</div>
<div class="debug-ui-row">
<div class="debug-ui-left">
@@ -115,9 +111,7 @@
</div>
</div>
<div class="debug-ui-row">
- <form>
- Import <input type="file" class="file-import" />
- </form>
+ Import <input type="file" class="file-import" />
</div>
</div>