OpenSlides/openslides/templates/base.html

{% load tags %}
{% load i18n %}
{% load staticfiles %}

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}{% get_config 'event_name' %}{% endblock %}</title>

    <!-- styles -->
    <link href="{% static 'styles/bootstrap.min.css' %}" type="text/css" rel="stylesheet" />
    <link href="{% static 'styles/bootstrap-responsive.min.css' %}" type="text/css" rel="stylesheet" />
    <link href="{% static 'styles/base.css' %}" type="text/css" rel="stylesheet" />
    <link href="{% static 'img/favicon.png' %}" type="image/png" rel="shortcut icon" />
    {% for stylefile in extra_stylefiles %}
        <link href="{% static stylefile %}" type="text/css" rel="stylesheet" />
    {% endfor %}
    {% block header %}{% endblock %}
</head>
<body>
    <!-- Navbar -->
    <div class="container-fluid nopadding">
        <div class="row-fluid">
            <div class="span12">
                <div id="header">
                    <a href="/" class="logo" title="{% trans 'Home' %}"><img src="{% static 'img/logo.png' %}" /></a>
                    <!--<a class="title" href="#">{% get_config 'event_name' %}</a>-->
                    {% block loginbutton %}
                    <div class="btn-group pull-right">
                        {% if user.is_authenticated %}
                        <a href="#" data-toggle="dropdown" class="btn btn-small dropdown-toggle">
                              <i class="icon-user"></i> {{ user.username }}
                              <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            {% url 'user_settings' as url_usersettings %}
                            <li><a href="{% url 'user_settings' %}"><i class="icon-cog"></i> {% trans "Edit profile" %}</a></li>
                            <li><a href="{% url 'password_change' %}"><i class="icon-lock"></i> {% trans "Change password" %}</a></li>
                            <li class="divider"></li>
                            <li><a href="{% url 'user_logout' %}"><i class="icon-off"></i> {% trans "Logout" %}</a></li>
                        </ul>
                        {% else %}
                            <a href="{% url 'user_login' %}" class="btn"><i class="icon-login"></i> {% trans "Login" %}</a>
                        {% endif %}
                    </div>
                    {% endblock %}
                </div> <!--/#header-->
            </div> <!--/.span12-->
        </div>
    </div> <!--/.container-fluid-->


{% block body %}
<!-- Container -->
<div class="container-fluid" id="container">
<div class="row-fluid">

  <!-- Sidebar navigation-->
  <div class="span2 leftmenu lefticon">
      <ul>
        {% for tab in tabs %}
            {% if tab.permission %}
            <li{% if tab.selected %} class="active"{% endif %}>
                <a href="{{ tab.url }}">
                <span class="ico"><i class="icon-{{ tab.app }}"></i></span>
                <span class="text">{{ tab.title }}</span>
                </a>
            </li>
            {% endif %}
        {% endfor %}
      </ul>
  </div>

  <!-- Content -->
  <div id="content" class="span10">
  <div class="row-fluid">
    <div class="span12">
      <div id="notifications">
          <div id="dummy-notification" class="notification" style="display:none">
              <button type="button" class="close" data-dismiss="alert">×</button>
          </div>
          {% for message in messages %}
          <div class="alert {% if message.tags %}alert-{{ message.tags }}{% endif %}">
              <button type="button" class="close" data-dismiss="alert">×</button>
              {{ message|safe }}
          </div>
          {% endfor %}
      </div>
       
      {% block content %}
      {% endblock %}
    </div>
  </div>
  <hr />
  <footer>
      <small>
      &copy; Copyright 2011–2013 | Powered by <a href="http://openslides.org" target="_blank">OpenSlides</a>
      </small>
  </footer>
  </div><!--/content-->
</div><!--/row-->
</div><!--/container-fluid-->

{% endblock %}<!--/body-->

<!-- JavaScript (Placed at the end of the document so the pages load faster) -->
    <script src="{% static 'javascript/jquery.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'javascript/bootstrap.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'javascript/utils.js' %}" type="text/javascript"></script>
    <script src="{% url 'django.views.i18n.javascript_catalog' %}" type="text/javascript"></script>
    {% for javascript in extra_javascript %}
        <script src="{% static javascript %}" type="text/javascript"></script>
    {% endfor %}
    {% block javascript %}{% endblock %}
</body>
</html>
-												create setup.py to install openslides

											
										
										
											2012-02-09 16:57:10 +01:00
+								{% load tags %}
 								{% load i18n %}
-												Split static files in application specific directories and use django 1.4 staticfiles app.

											
										
										
											2012-04-14 14:51:56 +02:00
+								{% load staticfiles %}
-												create setup.py to install openslides

											
										
										
											2012-02-09 16:57:10 +01:00
-												Add code

											
										
										
											2011-07-31 10:46:29 +02:00
+								<?xml version="1.0" encoding="UTF-8"?>
 								<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 								    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 								<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 								<head>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								    <meta charset="utf-8">
 								    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-												Add code

											
										
										
											2011-07-31 10:46:29 +02:00
+								    <title>{% block title %}{% get_config 'event_name' %}{% endblock %}</title>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
 								    <!-- styles -->
-												Insert new app to upload files via the frontend. Let tornado server media files. Insert icon-mediafile css class. Insert extra_stylfiles context variable.

											
										
										
											2013-02-16 16:19:20 +01:00
+								    <link href="{% static 'styles/bootstrap.min.css' %}" type="text/css" rel="stylesheet" />
 								    <link href="{% static 'styles/bootstrap-responsive.min.css' %}" type="text/css" rel="stylesheet" />
 								    <link href="{% static 'styles/base.css' %}" type="text/css" rel="stylesheet" />
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								    <link href="{% static 'img/favicon.png' %}" type="image/png" rel="shortcut icon" />
-												Insert new app to upload files via the frontend. Let tornado server media files. Insert icon-mediafile css class. Insert extra_stylfiles context variable.

											
										
										
											2013-02-16 16:19:20 +01:00
+								    {% for stylefile in extra_stylefiles %}
 								        <link href="{% static stylefile %}" type="text/css" rel="stylesheet" />
 								    {% endfor %}
 								    {% block header %}{% endblock %}
-												Add code

											
										
										
											2011-07-31 10:46:29 +02:00
+								</head>
 								<body>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								    <!-- Navbar -->
 								    <div class="container-fluid nopadding">
 								        <div class="row-fluid">
 								            <div class="span12">
 								                <div id="header">
-												Insert new app to upload files via the frontend. Let tornado server media files. Insert icon-mediafile css class. Insert extra_stylfiles context variable.

											
										
										
											2013-02-16 16:19:20 +01:00
+								                    <a href="/" class="logo" title="{% trans 'Home' %}"><img src="{% static 'img/logo.png' %}" /></a>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								                    <!--<a class="title" href="#">{% get_config 'event_name' %}</a>-->
-												Major changes for new twitter bootstrap template (e.g. replaced icons)

											
										
										
											2013-01-31 10:19:56 +01:00
+								                    {% block loginbutton %}
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								                    <div class="btn-group pull-right">
 								                        {% if user.is_authenticated %}
 								                        <a href="#" data-toggle="dropdown" class="btn btn-small dropdown-toggle">
 								                              <i class="icon-user"></i> {{ user.username }}
 								                              <span class="caret"></span>
 								                        </a>
 								                        <ul class="dropdown-menu">
-												Merged (conflicts).

											
										
										
											2013-01-05 15:29:57 +01:00
+								                            {% url 'user_settings' as url_usersettings %}
-												Major changes for new twitter bootstrap template (e.g. replaced icons)

											
										
										
											2013-01-31 10:19:56 +01:00
+								                            <li><a href="{% url 'user_settings' %}"><i class="icon-cog"></i> {% trans "Edit profile" %}</a></li>
-												Merged (conflicts).

											
										
										
											2013-01-05 15:29:57 +01:00
+								                            <li><a href="{% url 'password_change' %}"><i class="icon-lock"></i> {% trans "Change password" %}</a></li>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								                            <li class="divider"></li>
-												Merged (conflicts).

											
										
										
											2013-01-05 15:29:57 +01:00
+								                            <li><a href="{% url 'user_logout' %}"><i class="icon-off"></i> {% trans "Logout" %}</a></li>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								                        </ul>
 								                        {% else %}
-												Major changes for new twitter bootstrap template (e.g. replaced icons)

											
										
										
											2013-01-31 10:19:56 +01:00
+								                            <a href="{% url 'user_login' %}" class="btn"><i class="icon-login"></i> {% trans "Login" %}</a>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								                        {% endif %}
 								                    </div>
-												Major changes for new twitter bootstrap template (e.g. replaced icons)

											
										
										
											2013-01-31 10:19:56 +01:00
+								                    {% endblock %}
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								                </div> <!--/#header-->
 								            </div> <!--/.span12-->
-												Add code

											
										
										
											2011-07-31 10:46:29 +02:00
+								        </div>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								    </div> <!--/.container-fluid-->
-												Add code

											
										
										
											2011-07-31 10:46:29 +02:00
-												Redesign login template.

											
										
										
											2012-09-07 21:25:18 +02:00
+								{% block body %}
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								<!-- Container -->
 								<div class="container-fluid" id="container">
 								<div class="row-fluid">
 								  <!-- Sidebar navigation-->
 								  <div class="span2 leftmenu lefticon">
 								      <ul>
 								        {% for tab in tabs %}
 								            {% if tab.permission %}
 								            <li{% if tab.selected %} class="active"{% endif %}>
 								                <a href="{{ tab.url }}">
-												Insert new app to upload files via the frontend. Let tornado server media files. Insert icon-mediafile css class. Insert extra_stylfiles context variable.

											
										
										
											2013-02-16 16:19:20 +01:00
+								                <span class="ico"><i class="icon-{{ tab.app }}"></i></span>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								                <span class="text">{{ tab.title }}</span>
 								                </a>
 								            </li>
 								            {% endif %}
 								        {% endfor %}
 								      </ul>
 								  </div>
 								  <!-- Content -->
 								  <div id="content" class="span10">
 								  <div class="row-fluid">
 								    <div class="span12">
 								      <div id="notifications">
-												template: Minor style changes.

											
										
										
											2013-02-05 21:33:07 +01:00
+								          <div id="dummy-notification" class="notification" style="display:none">
 								              <button type="button" class="close" data-dismiss="alert">×</button>
 								          </div>
 								          {% for message in messages %}
 								          <div class="alert {% if message.tags %}alert-{{ message.tags }}{% endif %}">
 								              <button type="button" class="close" data-dismiss="alert">×</button>
 								              {{ message|safe }}
 								          </div>
 								          {% endfor %}
 								      </div>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
 								      {% block content %}
 								      {% endblock %}
-												Add code

											
										
										
											2011-07-31 10:46:29 +02:00
+								    </div>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								  </div>
-												Insert new app to upload files via the frontend. Let tornado server media files. Insert icon-mediafile css class. Insert extra_stylfiles context variable.

											
										
										
											2013-02-16 16:19:20 +01:00
+								  <hr />
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								  <footer>
 								      <small>
-												New config app. Apps only have to define config vars once. Config pages, forms and so on are created automaticly.

Changes after some reviews are done.

Problematic is still that the JS can not be moved to an extra file because of the template tags in the code.

											
										
										
											2013-03-01 17:13:12 +01:00
+								      &copy; Copyright 2011–2013 | Powered by <a href="http://openslides.org" target="_blank">OpenSlides</a>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								      </small>
 								  </footer>
 								  </div><!--/content-->
 								</div><!--/row-->
 								</div><!--/container-fluid-->
-												Redesign login template.

											
										
										
											2012-09-07 21:25:18 +02:00
+								{% endblock %}<!--/body-->
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
 								<!-- JavaScript (Placed at the end of the document so the pages load faster) -->
-												Updated js and css libraries (twitter bootstrap to 2.2.2 and jquery to 1.9.0).

											
										
										
											2013-01-18 22:10:00 +01:00
+								    <script src="{% static 'javascript/jquery.min.js' %}" type="text/javascript"></script>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								    <script src="{% static 'javascript/bootstrap.min.js' %}" type="text/javascript"></script>
-												template: Minor style changes.

											
										
										
											2013-02-05 21:33:07 +01:00
+								    <script src="{% static 'javascript/utils.js' %}" type="text/javascript"></script>
 								    <script src="{% url 'django.views.i18n.javascript_catalog' %}" type="text/javascript"></script>
-												New config app. Apps only have to define config vars once. Config pages, forms and so on are created automaticly.

Changes after some reviews are done.

Problematic is still that the JS can not be moved to an extra file because of the template tags in the code.

											
										
										
											2013-03-01 17:13:12 +01:00
+								    {% for javascript in extra_javascript %}
 								        <script src="{% static javascript %}" type="text/javascript"></script>
 								    {% endfor %}
-												Insert new app to upload files via the frontend. Let tornado server media files. Insert icon-mediafile css class. Insert extra_stylfiles context variable.

											
										
										
											2013-02-16 16:19:20 +01:00
+								    {% block javascript %}{% endblock %}
-												Add code

											
										
										
											2011-07-31 10:46:29 +02:00
+								</body>
 								</html>