Zoom to a (sub)category (#38)

git-svn-id: http://www.peacefrogs.net/svn/chimere/trunk@14 9215b0d5-fb2c-4bbd-8d3e-bd2e9090e864

1 files changed, 12 insertions, 2 deletions

diff --git a/templates/main_map.html b/templates/main_map.html
index 20f740a..d5dc43c 100644
--- a/templates/main_map.html
+++ b/templates/main_map.html
@@ -4,9 +4,19 @@
 <div id='panel'>
 <form method='post' name='frm_categories' id='frm_categories'>
 <ul id='categories'>{% for category, lst_sub_categories in sub_categories %}
-  <li><input type='checkbox' id='maincat_{{category.id}}' onclick='var lst=new Array();{% for sub_category in lst_sub_categories %}lst.push("{{sub_category.id}}");{% endfor %}checkAll(this, lst);loadGeoObjects();' {% if category.selected %} checked='checked'{%endif%}/>{% trans category.name %}
+<script language='javascript'><!--
+var lst_{{category.id}}=new Array();
+{% for sub_category in lst_sub_categories %}
+lst_{{category.id}}.push("{{sub_category.id}}");{% endfor %}
+--></script>
+  <li><input type='checkbox' id='maincat_{{category.id}}' onclick='checkAll(this, lst_{{category.id}});loadGeoObjects();' {% if category.selected %} checked='checked'{%endif%} />
+ {% trans category.name %}
+ <img class='zoom_image' alt='{% trans "Zoom to" %} {{category.name}}' src='{{media_path}}icons/zoom.png' onclick='zoomToCategory(lst_{{category.id}}.join("_"))'/>
     <ul class='subcategories'>{% for sub_category in lst_sub_categories %}
-      <li><input type='checkbox' onclick='loadGeoObjects()' name='category_{{sub_category.id}}' id='category_{{sub_category.id}}'{% if sub_category.selected %} checked='checked'{% endif %}/> <label for='{{sub_category.id}}'><img alt='{{sub_category.name}}' src='{{media_path}}{{sub_category.icon.image}}'/> {% trans sub_category.name %}</label></li>{% endfor %}
+      <li><input type='checkbox' onclick='loadGeoObjects()' name='category_{{sub_category.id}}' id='category_{{sub_category.id}}'{% if sub_category.selected %} checked='checked'{% endif %}/> <label for='{{sub_category.id}}'>
+      <img alt='{{sub_category.name}}' src='{{media_path}}{{sub_category.icon.image}}'/>
+      {% trans sub_category.name %}</label>
+      <img class='zoom_image' alt='{% trans "Zoom to" %} {{sub_category.name}}' src='{{media_path}}icons/zoom.png' onclick='zoomToCategory({{sub_category.id}})'/></li>{% endfor %}
     </ul>
   </li>{% endfor %}
   <li id='display_submited'><input type='checkbox'  onclick='loadGeoObjects()' name='display_submited'/> {% trans "Display markers and routes waiting for validation"%}</li>