Customize directory layout

5 files changed, 84 insertions, 1 deletions

diff --git a/chimere_example_static/chimere/css/extra-styles.css b/chimere_example_static/chimere/css/extra-styles.css
index 4a5f233..b55766b 100644
--- a/chimere_example_static/chimere/css/extra-styles.css
+++ b/chimere_example_static/chimere/css/extra-styles.css
@@ -532,6 +532,20 @@ span#permalink, .navbar-nav .lbl, #areas-div label, #permalink, #simple_button,
     line-height:60px;
 }
 
+#directory-logos{
+    width:100%;
+    right:0;
+    top:0;
+    position:fixed;
+    height:100%;
+    background-color: #99CA3C;
+}
+
+#directory-logos .logos{
+    right:0;
+    left:auto;
+}
+
 #logo-mce{
     bottom:220px;
     height:340px;
diff --git a/templates/chimere/blocks/directory_logos.html b/templates/chimere/blocks/directory_logos.html
new file mode 100644
index 0000000..165f895
--- /dev/null
+++ b/templates/chimere/blocks/directory_logos.html
@@ -0,0 +1,9 @@
+    <div id='directory-logos'>
+      <div id='logo-mce' class='logos'>
+        <ul>
+            <li><a href='http://www.mce-info.org/' target='_blank'><img src='{{STATIC_URL}}carteouverte/img/maison-consommation-environnement.png' alt="Maison de la Consommation et de l'environnement"/></a></li>
+            <li><a href='http://www.carte-ouverte.org/' target='_blank'><img src='{{STATIC_URL}}carteouverte/img/carte-ouverte.png' alt="Carte OuVerte"/></a></li>
+        </ul>
+      </div>
+    </div>
+
diff --git a/templates/chimere/category_directory.html b/templates/chimere/category_directory.html
new file mode 100644
index 0000000..38518a7
--- /dev/null
+++ b/templates/chimere/category_directory.html
@@ -0,0 +1,36 @@
+{% extends "chimere/base.html" %}
+{% load i18n chimere_tags %}
+{% load url from future %}
+{% block extra_head %}
+    {{ block.super }}
+    {{ form.media }}
+    {% head_jquery %}
+{% endblock %}
+{% block message_map %}{% endblock %}
+{% block message_edit%}{% endblock %}
+{% block content %}
+    {{ block.super }}
+  <div id="category-directory-content">
+    {% include "chimere/blocks/directory_logos.html" %}
+    {% if not object_list.count %}
+        <p>{% trans "No category defined!" %}</p>
+    {% else %}
+    <ul id="category-directory" class="list-group">{% for object in object_list %}
+      {% ifchanged object.category %}
+        {% if forloop.counter0 %}
+          </ul>
+        </li>
+        {% endif %}
+        <li class='list-group-item' id='{{object.category|slugify}}'><p class='category-directory-category'>{{object.category}}</p>
+          <ul>
+      {% endifchanged %}
+            <li class='list-group-item'><span class='icon'><img src='{{MEDIA_URL}}{{object.icon.image}}'/></span><a href="{% url 'chimere:category-directory-detail' area_name object.slug %}">{{object.name}}</a></li>
+    {% endfor %}
+          </ul>
+        </li>
+    </ul>
+    {% endif %}
+  </div>
+{% endblock %}
+
+
diff --git a/templates/chimere/category_directory_detail.html b/templates/chimere/category_directory_detail.html
new file mode 100644
index 0000000..1b23b7e
--- /dev/null
+++ b/templates/chimere/category_directory_detail.html
@@ -0,0 +1,25 @@
+{% extends "chimere/base.html" %}
+{% load i18n chimere_tags %}
+{% load url from future %}
+{% block extra_head %}
+    {{ block.super }}
+    {{ form.media }}
+    {% head_jquery %}
+{% endblock %}
+{% block message_map %}{% endblock %}
+{% block message_edit%}{% endblock %}
+{% block content %}
+    {{ block.super }}
+    <ol class="breadcrumb">
+      <li><a href="{% url 'chimere:category-directory' area_name %}#{{category.category.name|slugify}}">{{category.category.name}}</a></li>
+      <li class="active">{{category.name}}</li>
+    </ol>
+    <ul id="category-directory" class="list-group">{% for marker in items %}
+        <li class='list-group-item' id='{{item.name|slugify}}'>
+            {% include "chimere/category_item_detail.html" %}
+        </li>
+    {% endfor %}
+    </ul>
+{% endblock %}
+
+
diff --git a/templates/chimere/main_map.html b/templates/chimere/main_map.html
index 70d5cb4..d04274b 100644
--- a/templates/chimere/main_map.html
+++ b/templates/chimere/main_map.html
@@ -18,7 +18,6 @@
     <div id='panel' class='navbar-default'>
       <form id="frm_categories"><div id='categories'></div></form>
       <div id='search-box' class='ui-widget ui-corner-all'></div>
-      <a id='greenmap-logo' href='http://www.greenmap.org/' target='_blank'>Greenmap</a>
       <div id='logo-mce' class='logos'>
         <ul>
             <li><a href='http://www.mce-info.org/' target='_blank'><img src='{{STATIC_URL}}carteouverte/img/maison-consommation-environnement.png' alt="Maison de la Consommation et de l'environnement"/></a></li>