base.html 7.01 KB
<!DOCTYPE html>

{% load static i18n %}
{% load static i18n permission_tags %}
{% get_current_language as LANGUAGE_CODE %}

<html>
<head>
	<title>{{ title }}</title>

      <!-- jQuery & jQuery UI -->
      <script type="text/javascript" src="{% static 'js/vendor/jquery-3.1.0.min.js' %}"></script>
      <script type="text/javascript" src="{% static 'js/vendor/jquery-ui.js' %}"></script>

	<meta http-equiv="Cache-Control" content="no-cache, no-store" />
	<link href="{% static 'img/topo-amadeus.png' %}" rel="shortcut icon" />
	<!-- Roboto font -->
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

  	<!-- Bootstrap and themes (material) -->
	<link rel="stylesheet" type="text/css" href="{% static 'bootstrap-3.3.7/css/bootstrap.css' %}">

	<link rel="stylesheet" type="text/css" href="{% static 'material/css/bootstrap-material-design.min.css' %}">
	<link rel="stylesheet" type="text/css" href="{% static 'material/css/ripples.css' %}">
	<link rel="stylesheet" type="text/css" href="{% static 'material/css/ripples.min.css' %}">

	<link rel="stylesheet" type="text/css" href="{% static 'css/vendor/bootstrap-datepicker.standalone.css' %}">
	<link rel="stylesheet" type="text/css" href="{% static 'css/vendor/alertifyjs/alertify.min.css' %}">
	<link rel="stylesheet" type="text/css" href="{% static 'css/vendor/alertifyjs/themes/bootstrap.css' %}">
	<script type="text/javascript" src="{% static 'bootstrap-3.3.7/js/bootstrap.js' %}"></script>
	<script type="text/javascript" src="{% static 'js/vendor/bootstrap-acessibility.min.js' %}"></script>
	<script type="text/javascript" src="{% static 'material/js/material.min.js' %}"></script>
	<script type="text/javascript" src="{% static 'material/js/ripples.min.js' %}"></script>
	<script type="text/javascript" src="{% static 'js/vendor/bootstrap-datepicker.js' %}"></script>
	{% with "js/vendor/locales/bootstrap-datepicker."|add:LANGUAGE_CODE|add:".js" as locale_datepicker %}
	<script type="text/javascript" src="{% static locale_datepicker %}"></script>
	{% endwith %}
	<script type="text/javascript" src="{% static 'js/vendor/alertify.min.js' %}"></script>
	<script type="text/javascript" src="{% static 'js/vendor/jscookie.js' %}"></script>

  	<!-- Font awesome -->
	<link rel="stylesheet" type="text/css" href="{% static 'font-awesome-4.6.3/css/font-awesome.min.css' %}">

	<!-- Custom styles -->
  	<link rel="stylesheet" type="text/css" href="{% static 'css/base/amadeus.css' %}">

	<!--Javascript block for specific-app ones -->
	<script src="{% static 'js/base/amadeus.js' %}"></script>
      <script src="{% static 'js/main.js' %}"></script>
	{% block style %}
	{% endblock %}
	{% block javascript %}
	{% endblock %}

	<!-- Summernote -->
	<script src="http://podivej.se/js/summernote.min.js" type="text/javascript"></script>
	<link href="http://podivej.se/css/summernote.css" type="text/css" rel="stylesheet" />
	<link href="http://podivej.se/css/summernote-bs3.css" type="text/css" rel="stylesheet">

</head>
<body>
  {% block nav %}
  <div class="navbar navbar-default">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="{% url 'app:index' %}"><img class="logo" src="{% static 'img/topo-amadeus-white.png'  %}" alt="Logo"/></a>
    </div>
    <div class="navbar-collapse collapse navbar-responsive-collapse">
      <div class="col-md-5 cards-content" id= 'NavBarSearch'>
        <form id="SearchForm" action="{% url 'users:search' %}" method="get" accept-charset="utf-8">
          <div class="input-group">
            <div class="form-group is-empty" >
              <input type="text" class="form-control" placeholder="{% trans 'Search Files (.pdf, others) and/or activities' %}" name="search">
            </div>
            <span class="input-group-btn input-group-sm">
              <button type="submit" class="btn btn-primary" id="btn-search">
                <i class="fa fa-search fa-2x" aria-hidden="true" style="color:#93C741"></i>
              </button>
            </span>
          </div>
        </form>
      </div>
      <ul class="nav navbar-nav navbar-right notifications">
        <li class="" data-toggle="tooltip" data-placement="bottom" title data-original-title="notifications">
          <a  class="dropdown-toggle" data-toggle="dropdown"> <span id="notification-count" class="badge notification-count">{{notifications.count}}</span><i class="fa fa-bell" aria-hidden="true"></i></a>
          <ul id="notification-dropdown" class="dropdown-menu">
            <li class="dropdown-header"> {% trans 'Notifications' %}</li>
            {% include "notifications.html" %}
            <li>
              <a onclick="getNotifications(5)">
                <div id="notification-see-more" class="list-group-item">
                  <div class="row-content">
                    <p class="list-group-item-text">{% trans 'See More' %}</p>
                  </div>
                </div>
              </a>
            </li>
          </ul>
        </li>
        <li  data-toggle="tooltip" data-placement="bottom" title data-original-title="{% trans 'messages' %}"> <a href="#"><i class="fa fa-comments" aria-hidden="true"></i></a> </li>
        <li>
          <a href="" data-toggle="dropdown">{{ user }}</a>
          <ul class="dropdown-menu pull-right">
            <li><a href="{% url 'users:profile' %}">{% trans 'Perfil' %}</a></li>
            <li><a href="{% url 'users:update_profile' %}">{% trans 'Edit Profile' %}</a></li>
            <li><a href="{% url 'users:change_password' %}">{% trans 'Change password' %}</a></li>
            <li><a href="{% url 'users:remove_account' %}">{% trans 'Remove account' %}</a></li>
          </ul>
        </li>
        <li data-toggle="tooltip" data-placement="bottom" title data-original-title="log out"> <a href="{% url 'core:logout' %}"><i class="fa fa-sign-out" aria-hidden="true"></i></a></li>
      </ul>
    </div>
  </div>
  {% endblock %}
  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-xl-2">
        {% block sidebar %}
        {% endblock %}
      </div>
      <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10 col-xl-10">
        {% block breadcrumbs %}{% endblock %}
        {% block render_breadcrumbs %}{% endblock %}
      </div>
      <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10 col-xl-10">
        {% block content %}{% endblock %}
      </div>
    </div>
  </div>

  {% block script_file %}

  {% endblock script_file %}

  {% block script_link %}

  {% endblock script_link %}
  <!-- Init material Bootstrap -->
  <script type="text/javascript">$.material.init()</script>
</body>

</html>