OpenSlides/openslides/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 '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' %}" alt="{% trans 'Logo' %}" /></a>
                    <span class="title optional">{% get_config 'event_name' %} – {% get_config 'event_description' %}</span>
                    {% block loginbutton %}
                    <div class="pull-right">
                        <!-- Search field -->
                        <form class="navbar-search" action="{% url 'search' %}" method="get">
                            <div class="input-append">
                                <input type="text" id="id_q" name="q" class="input-medium" placeholder="{% trans 'Search' %}">
                                <button type="submit" class="btn"><i class="icon-search"></i></button>
                            </div>
                        </form> &nbsp;

                        <!-- login/logout button -->
                        <div class="btn-group">
                            {% if user.is_authenticated %}
                            <a href="#" data-toggle="dropdown" class="btn dropdown-toggle">
                                  <i class="icon-user"></i> {{ user.username }}
                                  <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu pull-right">
                                <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>
                    </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 }}" class="tooltip-right">
                <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> | <a href="{% url 'core_version' %}">Version</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
-												Fixed #574: Changed DOCTYPE to HTML5 (for base.html and base-projector.html).

											
										
										
											2013-05-30 14:41:22 +02:00
+								<!DOCTYPE html>
 								<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 -->
-												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">
-												Fixed #574: Changed DOCTYPE to HTML5 (for base.html and base-projector.html).

											
										
										
											2013-05-30 14:41:22 +02:00
+								                    <a href="/" class="logo" title="{% trans 'Home' %}"><img src="{% static 'img/logo.png' %}" alt="{% trans 'Logo' %}" /></a>
-												Move Version page out of config menu. Insert Link into the footer.

											
										
										
											2013-04-25 12:37:44 +02:00
+								                    <span class="title optional">{% get_config 'event_name' %} – {% get_config 'event_description' %}</span>
-												Major changes for new twitter bootstrap template (e.g. replaced icons)

											
										
										
											2013-01-31 10:19:56 +01:00
+								                    {% block loginbutton %}
-												Full text search with haystack and whoosh.

Updated THANKS file.
Portable: Added haystack and whoosh.

											
										
										
											2013-09-08 14:44:41 +02:00
+								                    <div class="pull-right">
 								                        <!-- Search field -->
-												Some more template fixes:

- Fixed #992 (Use correct countdown format)
- Fixed #909 (Backend und projector template style)
  * Search bar with same border-radius like login button.
  * Projector: Fixed overlay message style. Allow HTML code (use template filter 'safe').
  * Dashboard: Tooltips, Buttons and Widget fixes.
- Fixed template does not exists error if custom slide is activated.
- Countdown: Add css to show negative countdown in red.
- Add missing translation strings to English po file (for transifex).

											
										
										
											2013-11-06 00:11:13 +01:00
+								                        <form class="navbar-search" action="{% url 'search' %}" method="get">
-												Full text search with haystack and whoosh.

Updated THANKS file.
Portable: Added haystack and whoosh.

											
										
										
											2013-09-08 14:44:41 +02:00
+								                            <div class="input-append">
-												Some more template fixes:

- Fixed #992 (Use correct countdown format)
- Fixed #909 (Backend und projector template style)
  * Search bar with same border-radius like login button.
  * Projector: Fixed overlay message style. Allow HTML code (use template filter 'safe').
  * Dashboard: Tooltips, Buttons and Widget fixes.
- Fixed template does not exists error if custom slide is activated.
- Countdown: Add css to show negative countdown in red.
- Add missing translation strings to English po file (for transifex).

											
										
										
											2013-11-06 00:11:13 +01:00
+								                                <input type="text" id="id_q" name="q" class="input-medium" placeholder="{% trans 'Search' %}">
-												Full text search with haystack and whoosh.

Updated THANKS file.
Portable: Added haystack and whoosh.

											
										
										
											2013-09-08 14:44:41 +02:00
+								                                <button type="submit" class="btn"><i class="icon-search"></i></button>
 								                            </div>
 								                        </form> &nbsp;
 								                        <!-- login/logout button -->
-												Some bug fixing for 1.5b1

- Fixed #921 (Check THANKS URL for jQuery UI Nested Sortable)
- Fixed #919 (Permission problem in agenda)
- Fixed #918 (Search does not work for guest users)
- Fixed search-bar position.
- Updated EN po files.

											
										
										
											2013-10-19 22:16:43 +02:00
+								                        <div class="btn-group">
-												Full text search with haystack and whoosh.

Updated THANKS file.
Portable: Added haystack and whoosh.

											
										
										
											2013-09-08 14:44:41 +02:00
+								                            {% if user.is_authenticated %}
 								                            <a href="#" data-toggle="dropdown" class="btn dropdown-toggle">
 								                                  <i class="icon-user"></i> {{ user.username }}
 								                                  <span class="caret"></span>
 								                            </a>
-												Fixed #943: User settings menu button should not run out of the screen (right side)

											
										
										
											2013-10-28 21:42:16 +01:00
+								                            <ul class="dropdown-menu pull-right">
-												Full text search with haystack and whoosh.

Updated THANKS file.
Portable: Added haystack and whoosh.

											
										
										
											2013-09-08 14:44:41 +02:00
+								                                <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>
-												Updated template with twitter bootstrap. Step 1: agenda and application.

											
										
										
											2012-09-05 00:20:28 +02:00
+								                    </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 lot of template improvements and translation fixes

- Fixed agenda widget for special slide views (e.g. list of speakers, summary).
- Fixed back to motion(s) link
- Set icon for list of speakers widget.
- Fixed overlay widget layout of form elements.
- Added submenu with other config_pages to version.html.
- Updated completly DE translations, fixed EN strings.
- Coding style: Use correct ugettext and ugettext_lazy strings. Use "as _" for ugettext only.
Updated translation.
- Improved projector template (clock image, fixed facicon, added subtitle for list of speakers)
- Changed permission strings ('oneself'). Added check if group(pk=3) exists.
- Added event name and description to base template. Some minor template layout fixes.
- Use static subtile (no context var). Show last 2 old_speakers for projector.
- Cut old_speakers.
- Projektor template style changes (e.g. overlay list of speakers).

											
										
										
											2013-04-22 19:59:05 +02:00
+								                <a href="{{ tab.url }}" class="tooltip-right">
-												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>
-												Move Version page out of config menu. Insert Link into the footer.

											
										
										
											2013-04-25 12:37:44 +02:00
+								      &copy; Copyright 2011–2013 | Powered by <a href="http://openslides.org" target="_blank">OpenSlides</a> | <a href="{% url 'core_version' %}">Version</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>