css improvements for nominatim-suggestions

[syj.git] / application / views / scripts / idx / index.phtml

diff --git a/application/views/scripts/idx/index.phtml b/application/views/scripts/idx/index.phtml
index 3171064fbbf5d6eedce72e4675f8dd3a756fd4e3..37d4fca509cf9758df8d3cbc8dfab31dcbd8505f 100644 (file)
--- a/application/views/scripts/idx/index.phtml
+++ b/application/views/scripts/idx/index.phtml
@@ -20,36 +20,87 @@
 <?php }?>
 </div>
 
-<div id="data_controls">
-    <div id="data_controls_btns">
-<?php if (isset($this->path)) { ?>
-    <input id="clone-btn" name="clone-btn" type="button" value="<?php echo $this->translate('duplicate');?>">
-    <br>
-    <input id="edit-btn" name="edit-btn" type="button" value="<?php echo $this->translate('edit');?>">
-<?php } else {?>
-    <input id="create-btn" name="create-btn" type="button" value="<?php echo $this->translate('start a route');?>">
-<?php } ?>
+
+<div id="path-length" class="menu-group">
+    <div id="path-length-title"><?php echo $this->translate('route length')?></div>
+    <div id="path-length-content">
     </div>
+</div>
 
-<?php
-    print $this->geomform;
-?>
+<div id="menu">
 
-</div>
+    <?php echo $this->localeSwitcher(); ?>
 
-<div id="login_controls">
-    <div>
-        <?php
-            echo $this->anchor('login', $this->translate('login'), array('id' => 'login_control_anchor', 'class' => 'login-anchor'));
-            $anchortext = sprintf("%s<img id=\"account-info-bullet\" src=\"icons/bullet_arrow_right.png\"><span id=\"account-info\"><br>%s</span>",
-                                  $this->translate('create an account'),
-                                  $this->translate('Whith an account, you can manage and modify your routes'));
-            echo $this->anchor('', $anchortext, array('id' => 'user_control_anchor', 'class' => 'login-anchor'), false);
-        ?>
-    </div>
-    <div>
-        <?php echo $this->logoutLink(); ?>
+    <div id="login_controls" class="menu-group">
+        <div>
+            <div class="menu-item">
+            <?php
+                echo $this->anchor('login', $this->translate('login'), array('id' => 'login_control_anchor'));
+                $anchortext = sprintf("<span id=\"account-create-anchor\">%s</span><span id=\"account-info\"><br>%s</span>",
+                                      $this->translate('create an account'),
+                                      $this->translate('Whith an account, you can manage and modify your routes'));
+                ?>
+               </div>
+               <div class="menu-item">
+               <?php
+                echo $this->anchor('', $anchortext, array('id' => 'user_control_anchor'), false);
+            ?>
+            </div>
+        </div>
+        <div>
+            <?php echo $this->logoutLink(); ?>
+        </div>
     </div>
+
+    <?php if (isset($this->path)) { ?>
+        <div id="path-infos" class="menu-group">
+            <div class="menu-item">
+                <div id="path-infos-toggler"><a href="" id="path-infos-anchor"><?php echo $this->translate("route infos")?></a></div>
+             </div>
+                <div id="path-infos-content">
+                </div>
+            </div>
+        </div>
+    <?php }?>
+
+    <div id="data_controls">
+        <div id="data_controls_btns">
+
+    <?php if (isset($this->path)) { ?>
+        <input id="clone-btn" name="clone-btn" type="button" value="<?php echo $this->translate('duplicate');?>">
+        <br>
+        <input id="edit-btn" name="edit-btn" type="button" value="<?php echo $this->translate('edit');?>">
+    <?php } else {?>
+
+        <form id="nominatim-form" action="nominatim" method="get">
+            <div><a id="nominatim-label" href=""><?php echo $this->translate('Search a place')?></a></div>
+            <div id="nominatim-message" class="message"></div>
+            <div id="nominatim-controls">
+            <input name="nominatim-search" id="nominatim-search">
+            <input type="submit" id="nominatim-submit" name="nominatim-submit" value="<?php echo $this->translate('Ok')?>">
+            <img id="nominatim-throbber" src="icons/throbber.gif">
+            </div>
+
+        </form>
+
+        <input id="create-btn" name="create-btn" type="button" value="<?php echo $this->translate('start a route');?>">
+    <?php } ?>
+        </div>
+
+    <?php
+        print $this->geomform;
+    ?>
+
+</div>
+
+<?php if (!isset($this->path)) {?>
+            <div id="nominatim-suggestions">
+            <div id="nominatim-suggestions-title"><?php echo $this->translate('more results')?></div>
+            <ul id="nominatim-suggestions-list"></ul>
+            </div>
+<?php }?>
+
+
 </div>
 
 <div id="newpwd_area" class="modal">
@@ -66,19 +117,17 @@
     ?>
 </div>
 
-  <div id="login_area" class="modal">
-     <div id="login_message" class="message"></div>
-
-  <?php
-    print $this->loginform;
-  ?>
+<div id="login_area" class="modal">
+   <div id="login_message" class="message"></div>
 
-  <p id="login_area_create"><a id="login_area_create_anchor" href=""><?php echo $this->translate('create an account')?></a></p>
+<?php
+  print $this->loginform;
+?>
 
-  </div>
+<p id="login_area_create"><a id="login_area_create_anchor" href=""><?php echo $this->translate('create an account')?></a></p>
 
-  <div id="termsofusearea" class="modal">
-    <iframe id="termsofuseiframe" width="100%" height="100%" frameborder="0"></iframe>
-  </div>
+</div>
 
-<?php echo $this->localeSwitcher(); ?>
+<div id="termsofusearea" class="modal">
+  <iframe id="termsofuseiframe" width="100%" height="100%" frameborder="0"></iframe>
+</div>