summaryrefslogtreecommitdiff
path: root/sbhs/templates/base.html
blob: 099488b4c75b1df0db0a2e891dd46dbef48cb391 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
{% load staticfiles %}
<!DOCTYPE html>
<html>
<head>
	<title>
		{% block title %}
		{% endblock %}
	</title>
	<link rel="stylesheet" type="text/css" href="{% static 'img/favicon.ico' %}">
	<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}">	
	<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap-responsive.min.css' %}">
	<link rel="stylesheet" type="text/css" href="{% static 'css/base.css' %}">
	<script src="{% static 'js/jquery-latest.min.js' %}"></script>
	<script src="{% static 'js/bootstrap.min.js' %}"></script>

	{% block headerfiles %}
	{% endblock %}
	
	{% block style_block %}
	{% endblock %}
</head>
<body>
	<div id = "header">
		{% block nav %}

			<nav class="navbar navbar-fixed-top navbar-inverse">
				<div class="container">
					
					<div class="navbar-header">
			    	<a class="navbar-brand navbar-left" href="{% url 'pages_index' %}" class="brand">Single Board Heater System Lab</a>
					</div>

					<div id="navbar" class="collapse navbar-collapse">
						<ul class="nav navbar-nav navbar-right">
							{% if user.is_authenticated %}
								<li id="book-slot-nav"><a href="{% url 'slot_new' %}">Book slot</a></li>
								<li id="download-log-nav"><a href="{% url 'experiment_logs' %}">Download log files</a></li>
								<li id="video-nav"><a href="">Show video</a></li>
								{% if user.profile.is_moderator %}
									<li id="admin-nav"><a href="{% url 'moderator_dashboard' %}">Moderator Dashboard</a></li>
								{% endif %}
								{% endif %}
								<li class="nav-item dropdown">
									<a class="dropdown-toggle nav-link" id="info_dropdown" data-toggle="dropdown" href="#">SBHS InfoCentre
									    <span class="caret"></span></a>
											<div class="dropdown-menu">
												<ul class="nav">
													<li><a class="dropdown-item" href="{% url 'pages_info'%}#info">Info</a></li>
													<li><a class="dropdown-item" href="{% url 'pages_info'%}#theory">Theory</a><li>
													<li><a class="dropdown-item" href="{% url 'pages_info'%}#procedure">Procedure</a></li>
												</ul>
											</div>
								</li>

								{% if user.is_authenticated %}
									<li class="nav-item dropdown">
										<a class="dropdown-toggle nav-link" id="user_dropdown" data-toggle="dropdown" href="#">{{ user.username|title }} <span class="caret"></span></a>
										<div class="dropdown-menu">
											<ul class="nav">
								        <li><a class="dropdown-item" href="{% url 'password_change'%}">Change Password</a></li>
								        <li><a>Request machine change</a></li>
								        <li><a href="{% url 'account_logout' %}">Logout</a></li>
											</ul>
										</div>
									</li>
								{% else %}
								<li><a href="{% url 'account_enter' %}">Log In</a></li>
								{% endif %}
						</div><!-- /.navbar -->
				</div><!-- /.container -->
			</nav><!-- /.navbar -->
		{% endblock %}
	</div>

	<div id = "body">
		<div class="content">
			
			{% if messages %}	
			<div class = "container">
				{% for message in messages %}
					<div class = "alert alert-{{message.tags}}">
						{{message|safe}}
						<a href="#" data-dismiss="alert" class="close">x</a>
					</div>
				{% endfor %}		
			</div>
			{% endif %}
		
			{% block content %}
			{% endblock %}
	
		</div>
	</div>

	
	<div class="footer" id = "footer">
		{% block footer %}
		<div class="footer-left text-center">
				<p>Server time: <span id="timer">{% now "jS M Y h:i:s A" %}</span>
				<span>Copyright &copy; {% now "Y" %}</span></p>
		</div>

		<div class="container text-center">
			<p>Designed and hosted by <a href="http://www.cdeep.iitb.ac.in/" target="_blank">Automation Lab, CDEEP</a>,<a href="http://www.iitb.ac.in" target="_blank"> IIT Bombay</a>
		</div>

		<div class="container text-center">
			<a class = "text-muted credit" href="{% url 'pages_about' %}">About Us</a>
		</div> 

			<script>
			(function(){
			    var date_string = "{% now 'Y-m-d H:i:s' %}";
			    var a = date_string.split(/[^0-9]/);
			    for(i=0;i<6;i++){a[i]=parseInt(a[i])}
			    window.date = new Date(a[0],a[1]-1,a[2],a[3],a[4],a[5]);
			    window.monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
			    window.ordinalize = function (i) {
			        var j = i % 10;
			        if (j == 1 && i != 11) return i + "st";
			        if (j == 2 && i != 12) return i + "nd";
			        if (j == 3 && i != 13) return i + "rd";
			        return i + "th";
			    }
			    window.num_padding = function(i) {
			        return i < 10 ? "0" + i : i;
			    }
			    var timer = function() {
			        window.date.setSeconds(window.date.getSeconds() + 1);
			        str = window.ordinalize(window.date.getDate()) + " " + window.monthNames[window.date.getMonth()] + " " + window.date.getFullYear() + " " + window.date.toLocaleTimeString().toUpperCase();
			        document.getElementById("timer").innerHTML = str;
			    }
			    setInterval(timer, 1000);
			})();
			</script>
		
		{% endblock %}
		</div>	
	</div>


</body>
</html>