X-Git-Url: https://dev.renevier.net/?p=syj.git;a=blobdiff_plain;f=application%2Fviews%2Fscripts%2Fidx%2Findex.phtml;h=fd2763091b8cb5993ff16dfcaecdfaef39941976;hp=38f1e3b7fad448bfe692892767db0082ac6fe932;hb=62a960b274a180ec4ce886d176427913373f540d;hpb=190fd621df4920c56a422c03663874cddaa67d64

diff --git a/application/views/scripts/idx/index.phtml b/application/views/scripts/idx/index.phtml
index 38f1e3b..fd27630 100644
--- a/application/views/scripts/idx/index.phtml
+++ b/application/views/scripts/idx/index.phtml
@@ -1,73 +1,188 @@
-    <noscript>
-        <style type="text/css">
-            #map, #message, #data_controls, #login_controls, #user_area, #login_area, #newpwd_area {
-                display: none;
-            }
-        </style>
-
-        <p><?php echo $this->translate('SYJ needs javascript. Please activate scripts in your browser.');?></p>
-    </noscript>
-
-    <div id="map"></div>
-
-    <div id="message" class="message info">
-    <?php if (!$this->path and !$this->loggedUser()) {?>
-    <?php echo $this->translate('Welcome on Syj.')?>
-    <br/>
-    <?php echo $this->translate('To create a journey, just click on the map to add points to your route. You can zoom and move map with controls upper left.')?>
-    <br/>
-    <?php echo $this->translate('When you have finished a path, press "save", button.')?>
-    <?php }?>
-    </div>
+<noscript>
+    <style type="text/css">
+        #map, #message, #data_controls, #login_controls, #user_area, #login_area, #newpwd_area {
+            display: none;
+        }
+    </style>
 
-    <div id="data_controls">
-    <input id="edit-btn" name="edit-btn" type="button" value="<?php echo $this->translate('edit')?>">
+    <p><?php echo $this->translate('SYJ needs javascript. Please activate scripts in your browser.');?></p>
+</noscript>
 
-    <?php
-        print $this->geomform;
-    ?>
+<div id="map"></div>
+<div id="map-overlay"></div>
+
+<?php
+$message = "";
+$msgclass = "";
+if ($this->errorMsg) {
+    $message .= $this->errorMsg;
+    $msgclass = "error";
+} else if (!$this->path and !$this->loggedUser) {
+    $message .= $this->translate('To create a journey, press <strong>"start a route"</strong> button, then click on the map to add points. To delete a point, hold shift pressed while clicking on it.');
+    $message .= "<br>";
+    $message .= $this->translate('You can zoom and move the map with the controls in the top left corner.');
+    $message .= "<br>";
+    $message .= $this->translate('When you have finished a path, press "create", button.');
+    $msgclass = "info optional";
+}
+?>
+
+<div id="message" class="message <?php echo $msgclass?>">
+    <?php echo $message ?>
+</div>
 
+
+<div id="path-length" class="menu-group">
+    <div id="path-length-title" class="info-title"><?php echo $this->translate('route length')?></div>
+    <div id="path-length-content">
     </div>
+</div>
+
+<div id="menu">
 
-    <div id="login_controls">
+    <?php echo $this->localeSwitcher(); ?>
+
+    <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', 'class' => 'login-anchor'));
-                echo $this->anchor('', $this->translate('create an account'), array('id' => 'user_control_anchor', 'class' => 'login-anchor'));
+                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>
 
-    <div id="newpwd_area" class="modal">
-        <div id="newpwd_message" class="message"></div>
-        <?php
-            print $this->newpwdform;
-        ?>
-    </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" class="menu-item">
 
-    <div id="user_area" class="modal">
-        <div id="user_message" class="message"></div>
-        <?php
-            print $this->userform;
-        ?>
-    </div>
+                <section class="info-section">
+                    <h1 id="path-directlink-title"><?php echo $this->translate("direct link")?></h1>
+                    <?php
+                        $urlcomp = urlencode($this->path->urlcomp ?: $this->path->id);
+                        $href = $this->baseUrl() . '/idx/' . $urlcomp . '?format=raw';
+                        printf('<a href="%s" title="%s">%s</a>',
+                               $href,
+                               $this->translate('direct link'),
+                               $this->escape($href));
+                    ?>
+                </section>
+
+                <section class="info-section">
+                    <h1 id="path-export-title"><?php echo $this->translate("export")?></h1>
+                    <?php
+                       $fileName = $this->path->title ?: $this->path->id;
+                       $href = $this->baseUrl() . '/geom/' . rawurlencode($fileName) . '.kml';
+                       printf('<a href="%s" title="%s">%s</a>',
+                                        $href,
+                                        $this->translate('kml export'),
+                                        $this->translate('kml export'));
+
+                        print '<br>';
+                       $href = $this->baseUrl() . '/geom/' . rawurlencode($fileName) . '.gpx';
+                       printf('<a href="%s" title="%s">%s</a>',
+                                        $href,
+                                        $this->translate('gpx export'),
+                                        $this->translate('gpx export'));
+                       ?>
+                </section>
+
+                <?php if ($this->profileActive) { ?>
+                <section class="info-section">
+                    <h1 id="path-profile-title"><?php echo $this->translate("altitude profile")?></h1>
+                    <?php
+                        $urlcomp = urlencode($this->path->urlcomp ?: $this->path->id);
+                        $href = $this->baseUrl() . '/profile/' . $urlcomp . '.png';
+                        $imgsrc =  $this->addParamToUrl($href, 'size', 'small', true);
+                        printf('<a href="%s"><img src="%s"></a>', $href, $imgsrc);
+                    ?>
+                    </section>
+                <?php }?>
+
+
+            </div>
+        </div>
+    <?php }?>
 
-      <div id="login_area" class="modal">
-         <div id="login_message" class="message"></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 {?>
+
+        <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">
+    <div id="newpwd_message" class="message"></div>
+    <?php
+        print $this->newpwdform;
+    ?>
+</div>
+
+<div id="user_area" class="modal">
+    <div id="user_message" class="message"></div>
+    <?php
+        print $this->userform;
+    ?>
+</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>