base.html 4.11 KB
<!DOCTYPE html>
<html lang="en">
<head>

    {% load staticfiles %}
  
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Control center for the SVOM French GFT">
    <meta name="author" content="CNRS-IRAP">
    
    
    <title>SVOM French GFT Control Center</title>

    <!-- Bootstrap core CSS -->
    <link href={% static "bootstrap/css/bootstrap.css" %} rel="stylesheet">

    <link href={% static "bootstrap/css/sb-admin.css" %} rel="stylesheet">
    <link rel="stylesheet" href={% static "bootstrap/font-awesome/css/font-awesome.min.css" %}>

    <!-- Page Specific CSS -->
    <link rel="stylesheet" href="http://cdn.oesmith.co.uk/morris-0.4.3.min.css">
    
    <!-- JsTree -->
    <link rel="stylesheet" href={% static "bootstrap/dist/themes/default/style.min.css" %} />
	
	{% block head %}
	
	{% endblock %}

</head>

<body>

<div id="wrapper">

      <!-- Sidebar -->
      <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <a class="navbar-brand" href="">SVOM French GFT Control Center</a>
        </div>
        
        
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
        
          <ul class="nav navbar-nav side-nav">
            <li><a href="{% url "current_schedule" %}">Schedule</a></li>
            <li><a href="{% url "system" %}">System</a></li>
            <li><a href="{% url "alerts_list" %}">Alerts</a></li>
            <li><a href="{% url "requests_list" %}">Routines</a></li>
            <li><a href="{% url "weather" %}">Weather</a></li> 
            <li><a href="{% url "site" %}">Site</a></li>    
            <li><a href="{% url "devices" %}">Devices</a></li>
            <li><a href="{% url "users" %}">Users</a></li>
          </ul>

          <ul class="nav navbar-nav navbar-right navbar-user">
            
            <li class="dropdown alerts-dropdown">
              <a href="{% url "profile" %}"><i class="fa fa-user"></i> {{ user.first_name }} <b class="caret"></b></a>              
            </li>
            <li class="dropdown user-dropdown">
              <a href="{% url "user_logout" %}"><i class="fa fa-power-off"></i> Log Out</a>             
            </li>
          </ul>
        
        </div><!-- /.navbar-collapse -->
        
        
      </nav>

      <div id="page-wrapper">
      
      
      	<div class="row">      	
			<center><h2>{% block title %}  {% endblock %}</h2></center>
		</div>

	 <center>
		<div class="row">	
		  {% if error %} 
			   <div class="alert alert-dismissable alert-danger">
		  {% endif %}
		  {% if success %}
		  	   <div class="alert alert-dismissable alert-success">
		  {% endif %}			  
				  {{ message|safe }}
		 </div>
	</center>	
		{% block content %}
		   
		   
		{% endblock %}
        

      </div><!-- /#page-wrapper -->

    </div><!-- /#wrapper -->

	    
    
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

    <script src={% static "bootstrap/js/bootstrap.min.js" %}></script>

    <!-- JavaScript -->
{#    <script src={% static "bootstrap/js/jquery-1.10.2.js" %}></script>#}
{#    <script src={% static "bootstrap/js/bootstrap.js" %}></script>#}
        <script src={% static "bootstrap/js/jquery.formset.js" %}></script>

    <!-- Page Specific Plugins -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
    <script src="http://cdn.oesmith.co.uk/morris-0.4.3.min.js"></script>
    <script src={% static "bootstrap/js/morris/chart-data-morris.js" %}></script>
    <script src={% static "bootstrap/js/tablesorter/jquery.tablesorter.js" %}></script>
    <script src={% static "bootstrap/js/tablesorter/tables.js" %}></script>
    
</body>
</html>