Merge branch 'auth_docs'
[mediagoblin.git] / mediagoblin / templates / mediagoblin / base.html
index fe383334a083c18114a0bcb0cd7c06dd841a77cc..483b6dfa85e31aecd5d5fab6fde66ada95134fab 100644 (file)
 # along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -#}
 <!doctype html>
-<html>
+<html
+{% block mediagoblin_html_tag %}
+{% endblock mediagoblin_html_tag %}
+>
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
     <title>{% block title %}{{ app_config['html_title'] }}{% endblock %}</title>
     <link rel="stylesheet" type="text/css"
           href="{{ request.staticdirect('/css/extlib/reset.css') }}"/>
           href="{{ request.staticdirect('/css/base.css') }}"/>
     <link rel="shortcut icon"
           href="{{ request.staticdirect('/images/goblin.ico') }}" />
-    <script src="{{ request.staticdirect('/js/extlib/jquery.js') }}"></script>
     <script type="text/javascript"
-          src="{{ request.staticdirect('/js/header_dropdown.js') }}"></script>
-    <!--[if lt IE 9]>
-      <script src="{{ request.staticdirect('/js/extlib/html5shiv.js') }}"></script>
-    <![endif]-->
+            src="{{ request.staticdirect('/js/extlib/jquery.js') }}"></script>
+    <script type="text/javascript"
+            src="{{ request.staticdirect('/js/header_dropdown.js') }}"></script>
+    <script type="text/javascript"
+            src="{{ request.staticdirect('/js/notifications.js') }}"></script>
 
+    {# For clarification, the difference between the extra_head.html template
+     # and the head template hook is that the former should be used by
+     # themes and the latter should be used by plugins.
+     # The reason is that only one thing can override extra_head.html...
+     # but multiple plugins can hook into the template hook.
+     #}
     {% include "mediagoblin/extra_head.html" %}
+    {% template_hook("head") %}
+
+    {% template_hook("persona_head") %}
 
     {% block mediagoblin_head %}
     {% endblock mediagoblin_head %}
   </head>
   <body>
+    {% include 'mediagoblin/bits/body_start.html' %}
     {% block mediagoblin_body %}
       {% block mediagoblin_header %}
         <header>
-          {% block mediagoblin_logo %}
-            <a class="logo"
-               href="{{ request.urlgen('index') }}"
-               ><img src="{{ request.staticdirect('/images/logo.png') }}"
-                   alt="{% trans %}MediaGoblin logo{% endtrans %}" />
-            </a>
-          {% endblock mediagoblin_logo %}
+          {%- include "mediagoblin/bits/logo.html" -%}
           {% block mediagoblin_header_title %}{% endblock %}
           <div class="header_right">
-            {% if request.user %}
+            {%- if request.user %}
               {% if request.user and request.user.status == 'active' %}
-                <div class="button_action temp_button">&#9660;</div>
-                <div class="button_action temp_button_2">&#9650;</div>
+
+                {% set notification_count = get_notification_count(request.user.id) %}
+                {% if notification_count %}
+                  <a href="#notifications" class="notification-gem button_action" title="Notifications">
+                  {{ notification_count }}</a>
+                {% endif %}
+                <a href="#header" class="button_action header_dropdown_down">&#9660;</a>
+                <a href="#no_header" class="button_action header_dropdown_up">&#9650;</a>
               {% elif request.user and request.user.status == "needs_email_verification" %}
               {# the following link should only appear when verification is needed #}
                 <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
                                  user=request.user.username) }}"
                    class="button_action_highlight">
                {% trans %}Verify your email!{% endtrans %}</a>
+               or <a id="logout" href=
+               {% if persona is not defined %}
+                 "{{ request.urlgen('mediagoblin.auth.logout') }}"
+               {% else %}
+                 "javascript:;"
+               {% endif %}
+               >{% trans %}log out{% endtrans %}</a>
               {% endif %}
-            {% else %}
-              <a href="{{ request.urlgen('mediagoblin.auth.login') }}">
-                {% trans %}Log in{% endtrans %}</a>
-            {% endif %}
+            {%- elif auth %}
+            <a href=
+              {% if persona_auth is defined %}
+                "javascript:;" id="persona_login"
+              {% else %}
+                "{{ request.urlgen('mediagoblin.auth.login') }}"
+              {% endif %}
+              >
+                {%- trans %}Log in{% endtrans -%}
+              </a>
+            {%- endif %}
           </div>
           <div class="clear"></div>
-          {% if request.user.status == 'active' %}
-            <div class="temp">
-              <a href="{{ request.urlgen('mediagoblin.user_pages.user_home', user= request.user.username) }}">{{ request.user.username }}</a>{% trans %}'s account{% endtrans %}
-              (<a href="{{ request.urlgen('mediagoblin.auth.logout') }}">{% trans %}log out{% endtrans %}</a>)
-            <ul>
-              <li><a class="button_action" href="{{ request.urlgen('mediagoblin.submit.start') }}">
+          {% if request.user and request.user.status == 'active' %}
+            <div class="header_dropdown">
+              <p>
+                <span class="dropdown_title">
+                  {% trans user_url=request.urlgen('mediagoblin.user_pages.user_home',
+                                                    user=request.user.username),
+                           user_name=request.user.username -%}
+                    <a href="{{ user_url }}">{{ user_name }}</a>'s account
+                  {%- endtrans %}
+                </span>
+                &middot;
+                <a href="{{ request.urlgen('mediagoblin.edit.account') }}">{%- trans %}Change account settings{% endtrans -%}</a>
+                &middot;
+                <a href="{{ request.urlgen('mediagoblin.user_pages.processing_panel',
+                                             user=request.user.username) }}">
+                  {%- trans %}Media processing panel{% endtrans -%}
+                </a>
+                &middot;
+                <a id="logout" href=
+                  {% if persona is not defined %}
+                    "{{ request.urlgen('mediagoblin.auth.logout') }}"
+                  {% else %}
+                    "javascript:;"
+                  {% endif %}
+                  >{% trans %}Log out{% endtrans %}</a>
+              </p>
+              <a class="button_action" href="{{ request.urlgen('mediagoblin.submit.start') }}">
                 {%- trans %}Add media{% endtrans -%}
-              </a></li>
-              <li><a class="button_action" href="{{ request.urlgen('mediagoblin.submit.collection') }}">
+              </a>
+              <a class="button_action" href="{{ request.urlgen('mediagoblin.submit.collection') }}">
                 {%- trans %}Create new collection{% endtrans -%}
-              </a></li>
-              <li><a href="{{ request.urlgen('mediagoblin.edit.account') }}">
-                {%- trans %}Change account settings{% endtrans -%}
-              </a></li>
-              <li><a href="{{ request.urlgen('mediagoblin.user_pages.processing_panel',
-                                             user=request.user.username) }}">
-                {%- trans %}Media processing panel{% endtrans -%}
-              </a></li>
+              </a>
               {% if request.user.is_admin %}
-                <li>Admin:
-                  <ul>
-                    <li><a href="{{ request.urlgen('mediagoblin.admin.panel') }}">
-                      {%- trans %}Media processing panel{% endtrans -%}
-                    </a></li>
-                  </ul>
-                </li>
+                <p>
+                  <span class="dropdown_title">Admin powers:</span>
+                  <a href="{{ request.urlgen('mediagoblin.admin.panel') }}">
+                    {%- trans %}Media processing panel{% endtrans -%}
+                  </a>
+                </p>
               {% endif %}
-            </ul>
+              {% include 'mediagoblin/fragments/header_notifications.html' %}
             </div>
           {% endif %}
         </header>
       {% endblock %}
-    <div class="container">
-      <div class="mediagoblin_content">
+      <div class="container">
+        {% include 'mediagoblin/bits/above_content.html' %}
+        <div class="mediagoblin_content">
           {% include "mediagoblin/utils/messages.html" %}
           {% block mediagoblin_content %}
           {% endblock mediagoblin_content %}
+          {% if csrf_token is defined %}
+            {% template_hook("persona_form") %}
+          {% endif %}
+        </div>
+        {%- include "mediagoblin/bits/base_footer.html" %}
       </div>
-      {% block mediagoblin_footer %}
-          <footer>
-            {% trans -%}
-              Powered by <a href="http://mediagoblin.org">MediaGoblin</a>, a <a href="http://gnu.org/">GNU</a> project.
-            {%- endtrans %}
-            {% trans source_link=app_config['source_link'] -%}
-              Released under the <a href="http://www.fsf.org/licensing/licenses/agpl-3.0.html">AGPL</a>. <a href="{{ source_link }}">Source code</a> available.
-            {%- endtrans %}
-          </footer>
-      {% endblock mediagoblin_footer %}
-    {% endblock mediagoblin_body %}
-    </div>
+    {%- endblock mediagoblin_body %}
+    {% include 'mediagoblin/bits/body_end.html' %}
   </body>
 </html>