Ignore:
Timestamp:
Jan 7, 2011, 6:13:48 PM (13 years ago)
Author:
cljosse
Message:

[edit_gmaps] Improvement of the display.


File:
1 edited

Legend:

Unmodified
Added
Removed
  • extensions/edit_gmaps/admin/admin_edit.tpl

    r8466 r8501  
    11{html_head}
    22{* $Id: admin_edit.tpl  2011-01-03   *}
    3 
    43{known_script id="jquery" src=$ROOT_URL|@cat:"themes/default/js/jquery.packed.js" }
    54{known_script id="jquery.cluetip" src=$ROOT_URL|@cat:"themes/default/js/plugins/jquery.cluetip.packed.js"}
     
    87{known_script id="jquery.ui.resizable" src=$ROOT_URL|@cat:"themes/default/js/ui/ui.resizable.js"}
    98{known_script id="EDIT_RV_script" src=$EDIT_RV_ROOT|@cat:"js/JScript.js"}
    10 
    11 <script src="http://maps.google.com/maps/api/js?sensor=false&amp;hl={$lang_info.code}" type="text/javascript"></script>
    12 <script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js" type="text/javascript"></script>
    13 
    14 
    15 <style type="text/css">{literal}
    16 #cadre{  background-color:Beige; border-width:5px;
    17  left:0px;
    18   width:500px;
    19   height:500px;
    20  
    21 }
    22 
     9{known_script id="fieldset" src=$EDIT_RV_ROOT|@cat:"js/fieldset.js"}
     10
     11 {assign var='visible' value = true }
     12  {if not empty($Selectthumbnails)  }
     13    <script src="http://maps.google.com/maps/api/js?sensor=false&amp;hl={$lang_info.code}" type="text/javascript"></script>
     14    <script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js" type="text/javascript"></script>
     15 
     16 
     17         <script type="text/javascript">
     18            {if isset($coordinates) && $coordinates.LAT <= 90 }
     19                      var   coordinates={ldelim}
     20                 LAT:'{$coordinates.LAT}',
     21                 LON:'{$coordinates.LON}',
     22                 ADRESSE:'{$coordinates.ADRESSE}',
     23                 ZOOM:18
     24                 };
     25                 {else}
     26             var    coordinates={ldelim}
     27                 LAT:' ',
     28                 LON:' ',
     29                 ADRESSE:'{$coordinates.ADRESSE}',
     30                 ZOOM:4
     31                 };
     32           {/if}           
     33         
     34     Event.observe(window, 'load', onLoad );
     35           
     36            </script>
     37 {/if}
     38
     39    <style type="text/css">{literal}
    2340#map{
    2441 left:0px;
     
    2744 border:outset;
    2845}
    29 
     46 
    3047
    3148{/literal}
     
    3552
    3653{/html_head}
    37 
    38 <fieldset>
    39   <legend>{'Display options'|@translate}</legend>
    40   <table ><td class="cluetip" title="{'set'|translate}|{'hlp_line1'|@translate}." align="left"  >
    41 <form>
    42 Set:
    43 <select onchange="document.location = this.options[this.selectedIndex].value;"   >
    44   <optgroup label="Specials">
    45     {html_options options=$specials}
    46   </optgroup>
    47   <optgroup label="{'Categories'|@translate}">
    48         {html_options options=$categories selected=$categories_selected}
    49   </optgroup>
    50   <!-- <optgroup label="{'Tags'|@translate}"></optgroup> -->
    51 </select>
    52 </form>
    53 </td>
    54 <td   > {'hlp_line2'|@translate} </td>
    55 
    56 </table>
    57 
    58 
    59   <p>{'elements per page'|@translate}:
    60       <a href="{$U_DISPLAY}&amp;display=20">20</a>
    61     | <a href="{$U_DISPLAY}&amp;display=50">50</a>
    62     | <a href="{$U_DISPLAY}&amp;display=100">100</a>
    63     | <a href="{$U_DISPLAY}&amp;display=all">{'all'|@translate}</a>
    64   </p>
     54 
     55
     56 
     57
     58    <fieldset class="fieldset">
     59        <legend>{'Display options'|@translate}</legend>
     60        <table ><td class="cluetip" title="{'set'|translate}|{'hlp_line1'|@translate}." align="left"  >
     61        <form>
     62        Set:
     63        <select onchange="document.location = this.options[this.selectedIndex].value;"   >
     64        <optgroup label="Specials">
     65        {html_options options=$specials}
     66        </optgroup>
     67        <optgroup label="{'Categories'|@translate}">
     68        {html_options options=$categories selected=$categories_selected}
     69        </optgroup>
     70        <!-- <optgroup label="{'Tags'|@translate}"></optgroup> -->
     71        </select>
     72        </form>
     73        </td>
     74        <td   > {'hlp_line2'|@translate} </td>
     75        </table>
     76        <p>{'elements per page'|@translate}:
     77            <a href="{$U_DISPLAY}&amp;display=20">20</a>
     78        | <a href="{$U_DISPLAY}&amp;display=50">50</a>
     79        | <a href="{$U_DISPLAY}&amp;display=100">100</a>
     80        | <a href="{$U_DISPLAY}&amp;display=all">{'all'|@translate}</a>
     81        </p>
     82    </fieldset>
     83 {if  empty($Selectthumbnails) }{/if}
     84
     85
     86<form action="" method="post" id="Envoie" name="Envoie"   >
     87  {if not empty($thumbnails) &&  empty($Selectthumbnails) }  {/if}
     88
     89<fieldset  id="Elements"  class="fieldset">
     90        <legend>{'Elements'|@translate}</legend>
     91
     92    {if !empty($navbar) }{include file='navigation_bar.tpl'} {/if}
     93        <fieldset >   
     94                <ul class="thumbnails">
     95                        {foreach from=$thumbnails item=thumbnail}
     96                        <li><span class="wrap1">
     97                                <label>
     98                                        <span class="wrap2"><span>
     99                                                <img src="{$thumbnail.U_TN}" alt="{$thumbnail.file}" title="{$thumbnail.TITLE}" class="thumbnail" />
     100                                        </span></span>
     101                                        <input type="checkbox" name="selection[]" value="{$thumbnail.id}"    />
     102                                </label>
     103                                <span class="thumbLegend">
     104                                 {if isset($thumbnail.U_MAP)}
     105                                   <a href="{$thumbnail.U_MAP}" target="_blank">{$thumbnail.lat},{$thumbnail.lon}</a>
     106                                 {/if}
     107                     {$thumbnail.file} 
     108                                </span>
     109
     110                                </span>
     111                        </li>
     112                        {/foreach}
     113                </ul>     
     114        </fieldset>
     115
     116        <fieldset>
     117        <label> {'target'|@translate}</label>
     118        <table>
     119        <td><label><input type="radio" name="target" value="all" /> {'all'|@translate}</label></td>
     120        <td><label><input type="radio" name="target" value="selection" checked="checked" /> {'selection'|@translate}</label></td>
     121        <td><input class="cluetip submit " title="{'selection'|@translate}|{'hlp_line3'|@translate}." type="submit" name="submit" value="{'selection'|@translate}"  {$tag_input_enabled} /></td>
     122        </table>
     123    </fieldset>
    65124</fieldset>
    66 
    67 
    68 <form action="" method="post" id="Envoie" name="Envoie"   >
    69 {if !$lat}
    70 <fieldset  >
    71         <legend>{'Elements'|@translate}</legend>
    72 
    73         <div class="navigationBar">{$NAV_BAR}</div>
    74   {if not empty($thumbnails)}
    75         <ul class="thumbnails">
    76                 {foreach from=$thumbnails item=thumbnail}
    77                 <li><span class="wrap1">
    78                         <label>
    79                                 <span class="wrap2"><span>
    80                                         <img src="{$thumbnail.U_TN}" alt="{$thumbnail.file}" title="{$thumbnail.TITLE}" class="thumbnail" />
    81                                 </span></span>
    82                                 <input type="checkbox" name="selection[]" value="{$thumbnail.id}" />
    83                         </label>
    84 
    85                         <span class="thumbLegend">
    86                         {if isset($thumbnail.U_MAP)}
    87                         <a href="{$thumbnail.U_MAP}" target="_blank">{$thumbnail.lat},{$thumbnail.lon}</a>
    88                         {/if}
    89                         </span>
    90 
    91                         </span>
    92                 </li>
    93                 {/foreach}
    94         </ul>
    95         {/if}
    96 </fieldset>
    97 {/if}
    98  
    99 
    100 <fieldset>
    101 <legend>{'map'|@translate}</legend>
    102  
    103 <input class="cluetip" title="{'selection'|@translate}|{'hlp_line3'|@translate}." type="submit" name="submit" value="{'selection'|@translate}" />
    104 <input class="cluetip" title="{'reset'|@translate}|{'hlp_line4'|@translate}."  type="submit" name="submit" value="{'reset'|@translate}" /><br />
    105 
    106 <input class="cluetip" title="{'search_title'|@translate}|{'hlp_line6'|@translate}."  type="submit" name="submit" value="{'search_title'|@translate}"  onclick="codeAddress()"  />
    107 <input class="cluetip" title="{'lieu'|@translate}|{'hlp_line5'|@translate}." type="text" size="70"   value="{$match}"  name="match"   id="match"    />
    108 
    109 {if $lat}
    110 <fieldset>
    111 <table>
    112 <td><div id="markerStatus"></div></td>
    113 <td><div id="markerAdress"></div></td>
    114 </table>
    115 
    116 
    117     <div id="map"></div>
    118 
    119     {if not empty($Selectthumbnails)}
     125 <script>
     126   {if empty($Selectthumbnails)  }
     127 
     128   var no_affiche=true ;
     129   {else}
     130   var no_affiche=false ;
     131   {/if} </script>
     132<fieldset   id ="geoposition"  class="fieldset">
     133<legend>{'Selection'|@translate}</legend>
     134 
     135    <fieldset>   
    120136            <ul class="thumbnails">
    121137                    {foreach from=$Selectthumbnails item=thumbnail}             
     
    135151                                {$thumbnail.file} 
    136152                                </span>
    137 
    138153                                </span>
    139                         </li>
    140                        
     154                        </li>                   
    141155                {/foreach}
    142156        </ul>
    143         {/if}
    144              <script type="text/javascript">
    145             {if isset($coordinates) && $coordinates.LAT != 100 }
    146                          var   coordinates={ldelim}
    147                  LAT:{$coordinates.LAT},
    148                  LON:{$coordinates.LON},
    149                  ADRESSE:{$coordinates.ADRESSE}
    150                  };
    151            
    152             {else}
    153                          var  coordinates={ldelim}
    154                  LAT:100,
    155                  LON:100,
    156                  ADRESSE:{$coordinates.ADRESSE}
    157                   }; 
    158             {/if}
    159            
    160              
    161  
    162 
    163             Event.observe(window, 'load', onLoad );
    164             if (typeof $Moot == "undefined") $Moot = [];
    165              $Moot.push(Window.$);
    166            
    167            
    168             </script>
    169 
    170157</fieldset>
    171 {/if}
    172 
    173         <fieldset>
    174           <legend>{'Form'|@translate}</legend>
    175           <label>Latitude (-90=S to 90=N)
    176             <input type="text" size="8" value="{$lat}"  name="lat" />
    177           </label>
    178           <label>Longitude (-180=E to 180=W)
    179             <input type="text" size="9"value="{$lon}"  name="lon"  />
    180           </label> 
    181           <p>
    182             {'target'|@translate}
    183             <label><input type="radio" name="target" value="all" /> {'all'|@translate}</label>
    184             <label><input type="radio" name="target" value="selection" checked="checked" /> {'selection'|@translate}</label>
    185           </p>
    186 
    187           <p><input class="submit" type="submit" value="{'Submit'|@translate}" name="submit" {$tag_input_enabled} /></p>
    188         </fieldset>
    189 
    190 </fieldset>
     158    <fieldset>
     159    <label>{'command'|@translate}</label>
     160
     161        <table>
     162            <td>
     163            <input class="cluetip" title="{'reset'|@translate}|{'hlp_line4'|@translate}."  type="submit" name="submit" value="{'reset'|@translate}" /><br />
     164            </td>
     165            <td>
     166        <input class="cluetip" title="{'selection'|@translate}|{'hlp_line3'|@translate}." type="submit" name="submit" value="{'selection'|@translate}" />
     167            </td>
     168        </table>
     169
     170        <label>{'Form'|@translate}</label>
     171        <table>
     172        <td >
     173 
     174        <input class="cluetip" title="{'search_title'|@translate}|{'hlp_line6'|@translate}." type=button  value="{'search_title'|@translate}" id="search" />
     175
     176        <input class="cluetip" title="{'lieu'|@translate}|{'hlp_line5'|@translate}." type="text" size="70"   value="{$match}"  name="match"   id="match"    />
     177        </td>
     178        <tr> 
     179        <td>
     180        <label>Latitude (-90=S to 90=N)</label>
     181        <input type="text" size="8" value="{$lat}"  name="lat" />
     182        </td>
     183        <td>         
     184        <label>Longitude (-180=E to 180=W) </label>
     185        <input type="text" size="9"value="{$lon}"  name="lon"  />         
     186        </td>
     187        </tr><tr>
     188
     189        <td><input class="submit" type="submit" value="{'Submit'|@translate}" name="submit" {$tag_input_enabled} /></td>
     190        </td></tr>
     191        </table>
     192    </fieldset>
     193
     194    <fieldset>
     195        <label>{'map'|@translate}</label>
     196        <table>
     197        <td><div id="markerStatus"></div></td>
     198        <td><div id="markerAdress"></div></td>
     199        </table>
     200        <div id="map"></div>
     201    </fieldset>
     202  </fieldset>
     203
    191204</form>
    192 
    193  
Note: See TracChangeset for help on using the changeset viewer.