src/egonomy/templates/egonomy_newbase.html
changeset 121 447ffbbddc7f
child 126 b844bdfb8bc2
equal deleted inserted replaced
120:b1e22c229870 121:447ffbbddc7f
       
     1 {% load static %}
       
     2 {% load i18n %}
       
     3 <!DOCTYPE html>
       
     4 <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
       
     5 <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
       
     6 <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
       
     7 <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
       
     8 {% block head %}
       
     9 <head>
       
    10     <meta charset="utf-8">
       
    11     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
       
    12     <meta name="description" content="eGonomy">
       
    13     <title>TagItAll by eGonomy &raquo; {% block title %}Base{% endblock %}</title>
       
    14     {% block css_declaration %}{% endblock %}
       
    15     {% block css_import %}
       
    16     <link rel="stylesheet" href="{% static 'egonomy/css/reset.css' %}" />
       
    17     <link rel="stylesheet" href="{% static 'egonomy/css/fonts.css' %}" />
       
    18     <link rel="stylesheet" href="{% static 'egonomy/css/style.css' %}" />
       
    19     {% endblock %}
       
    20     {% block css_page %}{% endblock %}
       
    21 </head>
       
    22 {% endblock %}
       
    23 <body>
       
    24     <div class="wrap">
       
    25         <header class="clearfix">
       
    26             <h1><a href="{% url 'home' %}">egonomy</a></h1>
       
    27             <div class="col-right">
       
    28                 <ul class="head-login clearfix">
       
    29                     <li>
       
    30                         <form class="search-form column column-third" action="{% if search_fragment %}{% url 'all_fragments' %}{% else %}{% url 'all_pictures' %}{% endif %}" method="GET">
       
    31                             <p>
       
    32 			                    <input class="search-field" type="search" placeholder="{% trans 'Search' %}" id="id_search" name="search"/>
       
    33 			                    <select class="search-type">
       
    34 			                        <option value="{% url 'all_pictures' %}"{% if not search_fragment %} selected{% endif %}>Images</option>
       
    35 			                        <option value="{% url 'all_fragments' %}"{% if search_fragment %} selected{% endif %}>Fragments</option>
       
    36 			                    </select>
       
    37 			                    <input type="hidden" value="all" name="field">
       
    38 		                    </p>
       
    39 		                </form>
       
    40                     </li>
       
    41                   {% if user.is_authenticated %}
       
    42                     <li class="hello-user">Bonjour <a href="{% url 'user_fragments' username=user %}">{{ user.username }}</a>
       
    43                     <li><span class="dot-6"></span></li>
       
    44                     <li><a href="{% url 'logout' %}?next={% url 'home' %}">{% trans "Log out" %}</a></li>
       
    45                   {% else %}
       
    46                     <li class="hello-user"><a href="{% url 'login' %}">{% trans "Log in" %}</a></li>
       
    47                   {% endif %}
       
    48                 </ul>
       
    49                 <nav>
       
    50                     <ul class="nav clearfix">
       
    51                         <li><a href="{% url 'home' %}">explorer</a></li>
       
    52                         <li><span class="dot-10"></span></li>
       
    53                         <li><a href="#">collectionner</a></li>
       
    54                         <!--li><span class="dot-10"></span></li>
       
    55                         <li><a href="#">créer</a></li>
       
    56                         <li><span class="dot-10"></span></li>
       
    57                         <li><a href="">mon profil</a></li-->
       
    58                     </ul>
       
    59                   {% if user.is_authenticated %}
       
    60                     <ul class="sub-nav clearfix">
       
    61                         <li><a href="#" class="active">mes collections</a></li>
       
    62                         <li><span class="dot-6"></span></li>
       
    63                         <li><a href="{% url 'user_fragments' username=user %}">mes fragments</a></li>
       
    64                         <!--li><span class="dot-6"></span></li>
       
    65                         <li><a href="#">mon profil</a></li-->
       
    66                     </ul>
       
    67                   {% endif %}
       
    68                 </nav>
       
    69             </div>
       
    70         </header>
       
    71         <section>
       
    72         {% block content %}
       
    73         {% endblock %}
       
    74         </section>
       
    75         <footer class="clearfix">
       
    76             <!--h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6-->
       
    77             <p>&copy; IRI 2013 - v{{ VERSION }}</p>
       
    78         </footer>
       
    79         {% block js_common %}
       
    80         <script type="text/javascript" src="{% static 'egonomy/lib/jquery.min.js' %}"></script>
       
    81 	    <script type="text/javascript" src="{% static 'egonomy/js/masonry.min.js' %}"></script>
       
    82 	    <script type="text/javascript" src="{% static 'egonomy/js/main.js' %}"></script>
       
    83 	    {% endblock %}
       
    84 	    {% block js_page %}
       
    85 	    <script type="text/javascript">
       
    86 		$(function() {
       
    87 		    $(".search-type").change(function() {
       
    88 		        $(".search-form").attr("action", $(this).val());
       
    89 		        if ($(".search-field").val()) {
       
    90 		            $(".search-form").submit();
       
    91 		        }
       
    92 		    });
       
    93 		});
       
    94         </script>
       
    95 	    {% endblock %}
       
    96     </body>
       
    97 </html>