From 041630f1f3cc92a07ee3138adf531cf148c3c9ea Mon Sep 17 00:00:00 2001
From: Alon Levy <alon@pobox.com>
Date: Mon, 16 Mar 2015 21:05:48 +0200
Subject: client/index.html: add place for new plus+minus buttons, place
 multiple node operations together

---
 res/templates/index.html | 56 +++++++++++++++++++++++++++---------------------
 1 file changed, 32 insertions(+), 24 deletions(-)

diff --git a/res/templates/index.html b/res/templates/index.html
index 0654dd67..a7659886 100644
--- a/res/templates/index.html
+++ b/res/templates/index.html
@@ -39,32 +39,40 @@ var rz_config = { // set as a global variable
   </div>
   <div class="graph-view">
     <div id="tool-bar">
-      <div class="tool_bar_btn" id="btn_export" title="Export"></div>
-      <div class="tool_bar_btn" id="btn_filter" title="Filter">
-        <div id="menu__type-filter" style="display:none">
-          <div class="dropdown-menu-heading" id="menu__type-filter__title">Filter by node type</div>
-          <ul class="dropdown-menu">
-            <li class="dropdown-item dropdown-item-type dropdown-item-type-internship">
-              <label><input type="checkbox" checked="checked" name="internship">Internship</label>
-            </li>
-            <li class="dropdown-item dropdown-item-type dropdown-item-type-interest">
-              <label><input type="checkbox" checked="checked" name="interest">Interest</label>
-            </li>
-            <li class="dropdown-item dropdown-item-type dropdown-item-type-Skill">
-              <label><input type="checkbox" checked="checked" name="skill">Skill</label>
-            </li>
-            <li class="dropdown-item dropdown-item-type dropdown-item-type-Club">
-              <label><input type="checkbox" checked="checked" name="club">Club</label>
-            </li>
-            <li class="dropdown-item dropdown-item-type dropdown-item-type-person">
-              <label><input type="checkbox" checked="checked" name="person">Person</label>
-            </li>
-          </ul>
+      <div id="tool-bar-top-bar">
+        <div class="tool_bar_btn" id="btn_export" title="Export"></div>
+        <div class="tool_bar_btn" id="btn_filter" title="Filter">
+          <div>
+            <div id="menu__type-filter" style="display:none">
+              <div class="dropdown-menu-heading" id="menu__type-filter__title">Filter by node type</div>
+              <ul class="dropdown-menu">
+                <li class="dropdown-item dropdown-item-type dropdown-item-type-internship">
+                  <label><input type="checkbox" checked="checked" name="internship">Internship</label>
+                </li>
+                <li class="dropdown-item dropdown-item-type dropdown-item-type-interest">
+                  <label><input type="checkbox" checked="checked" name="interest">Interest</label>
+                </li>
+                <li class="dropdown-item dropdown-item-type dropdown-item-type-Skill">
+                  <label><input type="checkbox" checked="checked" name="skill">Skill</label>
+                </li>
+                <li class="dropdown-item dropdown-item-type dropdown-item-type-Club">
+                  <label><input type="checkbox" checked="checked" name="club">Club</label>
+                </li>
+                <li class="dropdown-item dropdown-item-type dropdown-item-type-person">
+                  <label><input type="checkbox" checked="checked" name="person">Person</label>
+                </li>
+              </ul>
+            </div>
+          </div>
         </div>
+        <div class="tool_bar_btn" id="btn_zoom_in"></div>
+        <div class="tool_bar_btn" id="btn_zoom_out"></div>
+      </div>
+      <div id="tool-bar-multiple-node-operations" style="display: none">
+        <div class="tool_bar_btn" id="btn_link_fan" title="Link nodes in fan"></div>
+        <div class="tool_bar_btn" id="btn_merge" title="Merge nodes">Merge</div>
+        <div class="tool_bar_btn" id="btn_delete" title="Delete nods">Delete</div>
       </div>
-      <div class="tool_bar_btn" id="btn_link_fan" style="display: none" title="Link nodes in fan"></div>
-      <div class="tool_bar_btn" id="btn_merge" style="display: none" title="Merge nodes">Merge</div>
-      <div class="tool_bar_btn" id="btn_delete" style="display: none" title="Delete nods">Delete</div>
     </div>
     <div id="input-box-set-container">
       <div class="input-container" id="input-container__search">
-- 
cgit v1.3.1