OpenSlides/openslides/core/templates/base.html

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

<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE }}">
<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 'css/openslides-libs.css' %}" type="text/css" rel="stylesheet" />
    <link href="{% static 'css/jquery-ui/jquery-ui.custom.min.css'%}" type="text/css" rel="stylesheet" />
    <link href="{% static 'css/base.css' %}" type="text/css" rel="stylesheet" />
    <link href="{% static 'css/chatbox.css' %}" type="text/css" rel="stylesheet" />
    <link href="{% static 'img/favicon.png' %}" type="image/png" rel="shortcut icon" />
    <link href="{% static 'css/jquery.bsmselect.css' %}" type="text/css" rel="stylesheet" />
    {% for stylefile in extra_stylefiles %}
        <link href="{% static stylefile %}" type="text/css" rel="stylesheet" />
    {% endfor %}
    {% block header %}{% endblock %}
</head>
<body>

    <!-- Navbar -->
    <nav id="header" class="navbar">
        <div class="container-fluid">
            <div class="navbar-header">
                <a href="/" class="logo" title="{% trans 'Home' %}"><img src="{% static 'img/logo.png' %}" alt="{% trans 'Logo' %}" /></a>
                <span class="title optional">{% get_config 'event_name' %}</span>
            </div>
            {% block loginbutton %} 
                <div class="navbar-right">
                    <!-- Chatbox button -->
                    {% if chat_messages != None %}
                        <button class="btn btn-default" id="chatboxbutton" data-toggle="button">
                                <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
                                <span class="optional-small">{% trans 'Chat' %}</span>
                                <span id="newchatmessage"></span>
                        </button>
                    {% endif %}

                    <!-- login/logout button -->
                    <div class="btn-group">
                        {% if user.is_authenticated %}
                        <a href="#" data-toggle="dropdown" class="btn btn-default dropdown-toggle">
                              <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                              <span class="optional-small">{{ user.username }}</span>
                              <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu pull-right">
                            <li><a href="{% url 'user_settings' %}">
                                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
                                {% trans "Edit profile" %}</a></li>
                            <li><a href="{% url 'password_change' %}">
                                <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
                                {% trans "Change password" %}</a></li>
                            <li class="divider"></li>
                            <li><a href="{% url 'user_logout' %}">
                                <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
                                {% trans "Logout" %}</a></li>
                        </ul>
                        {% else %}
                            <a href="{% url 'user_login' %}" class="btn btn-default">
                                <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
                                {% trans "Login" %}</a>
                        {% endif %}
                    </div>
                </div>

                <!-- Search field -->
                <form id="searchform" class="navbar-form navbar-right" action="{% url 'core_search' %}" method="get">
                    <div class="form-group input-group">
                        <input type="text" id="id_q" name="q" class="form-control" placeholder="{% trans 'Search' %}">
                        <span class="input-group-btn">
                            <button type="submit" class="btn btn-default">
                                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                            </button>
                        </span>
                    </div>
                </form>
            {% endblock %}
        </div>
    </nav>


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

        <!-- Sidebar navigation (main menu) -->
        <div class="col-md-2 leftmenu lefticon">
            <ul>
                {% for entry in main_menu_entries %}
                    <li{% if entry.is_active %} class="active"{% endif %}>
                        <a href="{{ entry.get_url }}" class="tooltip-right">
                        <!--TODO-->
                        <span class="glyphicon {{ entry.get_icon_css_class }}" aria-hidden="true"></span>
                        <span class="text">{{ entry }}</span>
                        </a>
                    </li>
                {% endfor %}
            </ul>
        </div>

        <!-- Content -->
        <div id="content" class="col-md-10">
            <div class="row">
                <div class="col-md-12">
                    <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–2015 | Powered by <a href="http://openslides.org" target="_blank">OpenSlides</a> | <a href="{% url 'core_version' %}">Version</a>
                </small>
            </footer>
        </div><!--/#content-->

    </div><!--/.row-->
    </div><!--/#container-->
    {% endblock %}<!--/body-->

    {% include 'core/chatbox.html' %}

    <!-- JavaScript (Placed at the end of the document so the pages load faster) -->
    <script src="{% static 'js/openslides-libs.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/jquery/jquery-ui.custom.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/sockjs-0.3.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/utils.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/chatbox.js' %}" type="text/javascript"></script>
    <script src="{% url 'django.views.i18n.javascript_catalog' %}" type="text/javascript"></script>
    <script type="text/javascript" src="{% static 'js/jquery/jquery.bsmselect.js' %}"></script>
    <script type="text/javascript">
        // use jquery-bsmselect for all <select multiple> form elements
        $("select[multiple]:not(.dont_use_bsmselect)").bsmSelect({
          removeLabel: '<sup><b>X</b></sup>',
          containerClass: 'bsmContainer',
          listClass: 'bsmList-custom',
          listItemClass: 'bsmListItem-custom',
          listItemLabelClass: 'bsmListItemLabel-custom',
          removeClass: 'bsmListItemRemove-custom'
        });
    </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
-												Fixed #574: Changed DOCTYPE to HTML5 (for base.html and base-projector.html).

											
										
										
											2013-05-30 14:41:22 +02:00
+								<!DOCTYPE html>
-												Changes in projector and core app and in utils.

Changed api for main menu entries.
Enhanced http error pages using a classed based views.
Moved dashboard and select widgets view from projector to core app.
Also some small clean ups.

											
										
										
											2013-12-09 23:56:01 +01:00
+								<html lang="{{ LANGUAGE_CODE }}">
-												Add code

											
										
										
											2011-07-31 10:46:29 +02:00
+								<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 -->
-												Used Bower and gulp to manage third party JavaScript and Cascading Style Sheets libraries.

Cleaned up settings. Updated development section in README.rst.

Removed jQuery, jquery.cookie and bootstrap from repository.

											
										
										
											2015-01-05 15:01:42 +01:00
+								    <link href="{% static 'css/openslides-libs.css' %}" type="text/css" rel="stylesheet" />
-												Improved chatbox style. Updated jquery cookie and jquery ui.

- Fixed js error on dashboard page if no cookie is found.
- Use cookies only until end of session. For dashboard cookies use url /dashboard only.
- Updated permission numbering of builtin groups and added can_use_chat permission.
- Used minified version of jquery.cookie.
- Added TODO comment for django session way from pull request.

											
										
										
											2014-03-12 22:15:05 +01:00
+								    <link href="{% static 'css/jquery-ui/jquery-ui.custom.min.css'%}" type="text/css" rel="stylesheet" />
-												Rename and clean up static direcories.

- rename static subdirs to css and js
- move global static dir to core/static, changed
- move global templates dir to core/templates
- check comments and code style of all our own CSS and JS files
- minor changes related to the changes of template and static files

											
										
										
											2014-01-14 23:22:29 +01:00
+								    <link href="{% static 'css/base.css' %}" type="text/css" rel="stylesheet" />
-												Added global chatbox for managers.

											
										
										
											2013-12-09 18:03:47 +01:00
+								    <link href="{% static 'css/chatbox.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" />
-												Tags for motions, agenda items and assignments

											
										
										
											2014-12-26 13:45:13 +01:00
+								    <link href="{% static 'css/jquery.bsmselect.css' %}" type="text/css" rel="stylesheet" />
-												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>
-												Update to bootstrap 3.3.1.

											
										
										
											2015-01-17 13:31:06 +01:00
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								    <!-- Navbar -->
-												Update to bootstrap 3.3.1.

											
										
										
											2015-01-17 13:31:06 +01:00
+								    <nav id="header" class="navbar">
 								        <div class="container-fluid">
 								            <div class="navbar-header">
 								                <a href="/" class="logo" title="{% trans 'Home' %}"><img src="{% static 'img/logo.png' %}" alt="{% trans 'Logo' %}" /></a>
 								                <span class="title optional">{% get_config 'event_name' %}</span>
 								            </div>
 								            {% block loginbutton %}
 								                <div class="navbar-right">
 								                    <!-- Chatbox button -->
 								                    {% if chat_messages != None %}
 								                        <button class="btn btn-default" id="chatboxbutton" data-toggle="button">
 								                                <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
 								                                <span class="optional-small">{% trans 'Chat' %}</span>
 								                                <span id="newchatmessage"></span>
 								                        </button>
 								                    {% endif %}
-												Full text search with haystack and whoosh.

Updated THANKS file.
Portable: Added haystack and whoosh.

											
										
										
											2013-09-08 14:44:41 +02:00
-												Update to bootstrap 3.3.1.

											
										
										
											2015-01-17 13:31:06 +01:00
+								                    <!-- login/logout button -->
 								                    <div class="btn-group">
 								                        {% if user.is_authenticated %}
 								                        <a href="#" data-toggle="dropdown" class="btn btn-default dropdown-toggle">
 								                              <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
 								                              <span class="optional-small">{{ user.username }}</span>
 								                              <span class="caret"></span>
 								                        </a>
 								                        <ul class="dropdown-menu pull-right">
 								                            <li><a href="{% url 'user_settings' %}">
 								                                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
 								                                {% trans "Edit profile" %}</a></li>
 								                            <li><a href="{% url 'password_change' %}">
 								                                <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
 								                                {% trans "Change password" %}</a></li>
 								                            <li class="divider"></li>
 								                            <li><a href="{% url 'user_logout' %}">
 								                                <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
 								                                {% trans "Logout" %}</a></li>
 								                        </ul>
 								                        {% else %}
 								                            <a href="{% url 'user_login' %}" class="btn btn-default">
 								                                <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
 								                                {% trans "Login" %}</a>
-												Added global chatbox for managers.

											
										
										
											2013-12-09 18:03:47 +01:00
+								                        {% endif %}
-												Update to bootstrap 3.3.1.

											
										
										
											2015-01-17 13:31:06 +01:00
+								                    </div>
 								                </div>
-												Added global chatbox for managers.

											
										
										
											2013-12-09 18:03:47 +01:00
-												Update to bootstrap 3.3.1.

											
										
										
											2015-01-17 13:31:06 +01:00
+								                <!-- Search field -->
 								                <form id="searchform" class="navbar-form navbar-right" action="{% url 'core_search' %}" method="get">
 								                    <div class="form-group input-group">
 								                        <input type="text" id="id_q" name="q" class="form-control" placeholder="{% trans 'Search' %}">
 								                        <span class="input-group-btn">
 								                            <button type="submit" class="btn btn-default">
 								                                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
 								                            </button>
 								                        </span>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								                    </div>
-												Update to bootstrap 3.3.1.

											
										
										
											2015-01-17 13:31:06 +01:00
+								                </form>
 								            {% endblock %}
-												Add code

											
										
										
											2011-07-31 10:46:29 +02:00
+								        </div>
-												Update to bootstrap 3.3.1.

											
										
										
											2015-01-17 13:31:06 +01:00
+								    </nav>
-												Add code

											
										
										
											2011-07-31 10:46:29 +02:00
-												Changes in projector and core app and in utils.

Changed api for main menu entries.
Enhanced http error pages using a classed based views.
Moved dashboard and select widgets view from projector to core app.
Also some small clean ups.

											
										
										
											2013-12-09 23:56:01 +01:00
+								    {% block body %}
 								    <!-- Container -->
 								    <div class="container-fluid" id="container">
-												Update to bootstrap 3.3.1.

											
										
										
											2015-01-17 13:31:06 +01:00
+								    <div class="row">
-												Add code

											
										
										
											2011-07-31 10:46:29 +02:00
-												Changes in projector and core app and in utils.

Changed api for main menu entries.
Enhanced http error pages using a classed based views.
Moved dashboard and select widgets view from projector to core app.
Also some small clean ups.

											
										
										
											2013-12-09 23:56:01 +01:00
+								        <!-- Sidebar navigation (main menu) -->
-												Update to bootstrap 3.3.1.

											
										
										
											2015-01-17 13:31:06 +01:00
+								        <div class="col-md-2 leftmenu lefticon">
-												Changes in projector and core app and in utils.

Changed api for main menu entries.
Enhanced http error pages using a classed based views.
Moved dashboard and select widgets view from projector to core app.
Also some small clean ups.

											
										
										
											2013-12-09 23:56:01 +01:00
+								            <ul>
 								                {% for entry in main_menu_entries %}
 								                    <li{% if entry.is_active %} class="active"{% endif %}>
 								                        <a href="{{ entry.get_url }}" class="tooltip-right">
-												Update to bootstrap 3.3.1.

											
										
										
											2015-01-17 13:31:06 +01:00
+								                        <!--TODO-->
 								                        <span class="glyphicon {{ entry.get_icon_css_class }}" aria-hidden="true"></span>
-												Changes in projector and core app and in utils.

Changed api for main menu entries.
Enhanced http error pages using a classed based views.
Moved dashboard and select widgets view from projector to core app.
Also some small clean ups.

											
										
										
											2013-12-09 23:56:01 +01:00
+								                        <span class="text">{{ entry }}</span>
 								                        </a>
 								                    </li>
 								                {% endfor %}
 								            </ul>
 								        </div>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
-												Changes in projector and core app and in utils.

Changed api for main menu entries.
Enhanced http error pages using a classed based views.
Moved dashboard and select widgets view from projector to core app.
Also some small clean ups.

											
										
										
											2013-12-09 23:56:01 +01:00
+								        <!-- Content -->
-												Update to bootstrap 3.3.1.

											
										
										
											2015-01-17 13:31:06 +01:00
+								        <div id="content" class="col-md-10">
 								            <div class="row">
 								                <div class="col-md-12">
-												Changes in projector and core app and in utils.

Changed api for main menu entries.
Enhanced http error pages using a classed based views.
Moved dashboard and select widgets view from projector to core app.
Also some small clean ups.

											
										
										
											2013-12-09 23:56:01 +01:00
+								                    <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>
-												Template improvements for tags of agenda items, motions and
assignments.

											
										
										
											2015-01-03 08:08:09 +01:00
+								                    &copy; Copyright 2011–2015 | Powered by <a href="http://openslides.org" target="_blank">OpenSlides</a> | <a href="{% url 'core_version' %}">Version</a>
-												Changes in projector and core app and in utils.

Changed api for main menu entries.
Enhanced http error pages using a classed based views.
Moved dashboard and select widgets view from projector to core app.
Also some small clean ups.

											
										
										
											2013-12-09 23:56:01 +01:00
+								                </small>
 								            </footer>
 								        </div><!--/#content-->
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
-												Update to bootstrap 3.3.1.

											
										
										
											2015-01-17 13:31:06 +01:00
+								    </div><!--/.row-->
-												Changes in projector and core app and in utils.

Changed api for main menu entries.
Enhanced http error pages using a classed based views.
Moved dashboard and select widgets view from projector to core app.
Also some small clean ups.

											
										
										
											2013-12-09 23:56:01 +01:00
+								    </div><!--/#container-->
 								    {% endblock %}<!--/body-->
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
-												Added global chatbox for managers.

											
										
										
											2013-12-09 18:03:47 +01:00
+								    {% include 'core/chatbox.html' %}
-												Changes in projector and core app and in utils.

Changed api for main menu entries.
Enhanced http error pages using a classed based views.
Moved dashboard and select widgets view from projector to core app.
Also some small clean ups.

											
										
										
											2013-12-09 23:56:01 +01:00
+								    <!-- JavaScript (Placed at the end of the document so the pages load faster) -->
-												Used Bower and gulp to manage third party JavaScript and Cascading Style Sheets libraries.

Cleaned up settings. Updated development section in README.rst.

Removed jQuery, jquery.cookie and bootstrap from repository.

											
										
										
											2015-01-05 15:01:42 +01:00
+								    <script src="{% static 'js/openslides-libs.js' %}" type="text/javascript"></script>
-												Improved chatbox style. Updated jquery cookie and jquery ui.

- Fixed js error on dashboard page if no cookie is found.
- Use cookies only until end of session. For dashboard cookies use url /dashboard only.
- Updated permission numbering of builtin groups and added can_use_chat permission.
- Used minified version of jquery.cookie.
- Added TODO comment for django session way from pull request.

											
										
										
											2014-03-12 22:15:05 +01:00
+								    <script src="{% static 'js/jquery/jquery-ui.custom.min.js' %}" type="text/javascript"></script>
-												Added global chatbox for managers.

											
										
										
											2013-12-09 18:03:47 +01:00
+								    <script src="{% static 'js/sockjs-0.3.min.js' %}" type="text/javascript"></script>
 								    <script src="{% static 'js/utils.js' %}" type="text/javascript"></script>
 								    <script src="{% static 'js/chatbox.js' %}" type="text/javascript"></script>
-												template: Minor style changes.

											
										
										
											2013-02-05 21:33:07 +01:00
+								    <script src="{% url 'django.views.i18n.javascript_catalog' %}" type="text/javascript"></script>
-												Tags for motions, agenda items and assignments

											
										
										
											2014-12-26 13:45:13 +01:00
+								    <script type="text/javascript" src="{% static 'js/jquery/jquery.bsmselect.js' %}"></script>
 								    <script type="text/javascript">
 								        // use jquery-bsmselect for all <select multiple> form elements
-												Improve the usage of bsmselect jquery plugin.

Allow to disable the plugin for defined <select multiple> form fields
with extra css class 'dont_use_bsmselect'. (E.g. not for the group form
fields permissions and users.)

Partly fixed changes from pull request #1381.

											
										
										
											2015-01-08 10:58:25 +01:00
+								        $("select[multiple]:not(.dont_use_bsmselect)").bsmSelect({
-												Tags for motions, agenda items and assignments

											
										
										
											2014-12-26 13:45:13 +01:00
+								          removeLabel: '<sup><b>X</b></sup>',
 								          containerClass: 'bsmContainer',
 								          listClass: 'bsmList-custom',
 								          listItemClass: 'bsmListItem-custom',
 								          listItemLabelClass: 'bsmListItemLabel-custom',
 								          removeClass: 'bsmListItemRemove-custom'
 								        });
 								    </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>