OpenSlides/openslides/core/templates/base.html

164 lines
7.7 KiB
HTML
Raw Normal View History

2012-02-09 16:57:10 +01:00
{% load tags %}
{% load i18n %}
{% load staticfiles %}
2012-02-09 16:57:10 +01:00
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE }}">
2011-07-31 10:46:29 +02:00
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2011-07-31 10:46:29 +02:00
<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" />
2013-12-09 18:03:47 +01:00
<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 %}
2011-07-31 10:46:29 +02:00
</head>
<body>
2015-01-17 13:31:06 +01:00
<!-- Navbar -->
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 %}
2015-01-17 13:31:06 +01:00
<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 %}
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="" class="btn btn-default">
2015-01-17 13:31:06 +01:00
<span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
{% trans "Login" %}</a>
2013-12-09 18:03:47 +01:00
{% endif %}
2015-01-17 13:31:06 +01:00
</div>
</div>
2013-12-09 18:03:47 +01:00
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>
</div>
2015-01-17 13:31:06 +01:00
</form>
{% endblock %}
2011-07-31 10:46:29 +02:00
</div>
2015-01-17 13:31:06 +01:00
</nav>
2011-07-31 10:46:29 +02:00
{% block body %}
<!-- Container -->
<div class="container-fluid" id="container">
2015-01-17 13:31:06 +01:00
<div class="row">
2011-07-31 10:46:29 +02:00
<!-- Sidebar navigation (main menu)
TODO: this menu is a temporary solution only! We will use angular base template
for building main menu, see issue #1469 -->
2015-01-17 13:31:06 +01:00
<div class="col-md-2 leftmenu lefticon">
<ul>
{% for entry in main_menu_entries %}
<li>
<a href="{{ entry.pattern_name }}" class="tooltip-right">
2015-01-17 13:31:06 +01:00
<span class="glyphicon {{ entry.get_icon_css_class }}" aria-hidden="true"></span>
<span class="text">{{ entry }}</span>
</a>
</li>
{% endfor %}
</ul>
</div>
<!-- Content -->
2015-01-17 13:31:06 +01:00
<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 20112015 | Powered by <a href="http://openslides.org" target="_blank">OpenSlides</a> | <a href="{% url 'core_version' %}">Version</a>
</small>
</footer>
</div><!--/#content-->
2015-01-17 13:31:06 +01:00
</div><!--/.row-->
</div><!--/#container-->
{% endblock %}<!--/body-->
2013-12-09 18:03:47 +01:00
{% 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>
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>
<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 %}
2011-07-31 10:46:29 +02:00
</body>
</html>