Adding devices log on dashboard and several changes on web

Unknown
1 parent 94ac51a7
Showing 33 changed files with 807 additions and 29 deletions Show diff stats
simulators/camera/cameraVISSimulator.py
simulators/utils/DeviceSim.py
src/dashboard/templates/dashboard/index.html
src/dashboard/templates/dashboard/observation_status.html
src/dashboard/templates/dashboard/observation_status_env.html
src/dashboard/templates/dashboard/retrieve_observation_status.html
src/dashboard/urls.py
src/dashboard/views.py
src/devices/Device.py
src/devices/urls.py
src/devices/views.py
src/misc/static/js/observation_status.js
src/misc/static/media/cloud.png
src/misc/static/media/moon.png
src/misc/static/media/no_wind.png
src/misc/static/media/rain.png
src/misc/static/media/rain.svg
src/misc/static/media/rain_new.png
src/misc/static/media/rising_sun.png
src/misc/static/media/sun.png
@@ -10,6 +10,7 @@ sys.path.append(os.path.normpath(os.path.join(SCRIPT_DIR, PACKAGE_PARENT)))
 from utils.DeviceSim import DeviceSim
 from utils.StatusManager import StatusManager
  
+
 #(EP) class CameraVISSimulator(Device, StatusManager):
 class CameraVISSimulator(DeviceSim, StatusManager):
     status = {"status" : "VALID"}
@@ -21,7 +22,7 @@ class CameraVISSimulator(DeviceSim, StatusManager):
         super().__init__(argv)
         self.setDevice("CameraVIS")
         self.setStatusManager("cameraVISSimulator", argv)
-
+        self.cameraVISPrint("COUCOU CECI EST UN TEST")
     def cameraVISPrint(self, string: str):
         if DEBUG_FILE:
             print("cameraVISSimulator : " + string)
@@ -4,7 +4,6 @@ import select
 import abc
 import sys
 from . import settings
-
 DEBUG_FILE = True
  
 '''
@@ -70,9 +69,10 @@ class DeviceSim(object):
             print(str(e))
             print(self.name, "No connection established")
             self.log(self.name, "No connection established")
+
             return False
         self.connections.append({"connection": connection, "address": address})
-
+        self.log(self.name, "Connection successfully established")
         return True
  
     def close(self, connection_address):
@@ -93,6 +93,7 @@ class DeviceSim(object):
             co["connection"].send(bytes(message, "UTF-8"))
             #self.forceLog(self.name, "Message sent [" + message + "] to " + str(co["address"]))
             self.forceLog(self.name, "Message sent to " + str(co["address"]) +" : [" + message + "]")
+            self.log(self.name, "Message sent to " + str(co["address"]) +" : [" + message + "]")
         except Exception as e:
             if (settings.DEBUG):
                 print(self.name, "Could not send message on socket "+ str(co["address"]) +" : " + message + " -> " + str(e))
@@ -128,6 +129,7 @@ class DeviceSim(object):
                 #(EP) return ("DISCONNECTED")
                 raise Exception("DISCONNECTED")
             self.forceLog(self.name, "Message received on " + str(co["address"]) +" : [" + ret + "]")
+            self.log(self.name, "Message received on " + str(co["address"]) + " : [" + ret + "]")
         except Exception as e:
             if (settings.DEBUG):
                 print(self.name, "Socket not readable : " + str(e))
@@ -172,6 +174,7 @@ class DeviceSim(object):
         return (0)
  
     def listen(self):
+
         if (self.ip is None or self.port is None):
             self.log(self.name, "Ip or Port not initialized")
             # (EP) It's a serious bug, so raise exception !!!
@@ -179,6 +182,7 @@ class DeviceSim(object):
             raise Exception(self.name +" has no ip or port")
  
         try:
+
             self.sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
             self.sock.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
             self.sock.settimeout(1)
@@ -114,7 +114,7 @@
 		</li>
 		<li>
 			<div class="all-box all-img-telescope">
-				<a href="#">
+				<a href="{% url "observation_status" %}">
 				<div class="all-info">
 					<h3>Tele & Inst</h3>
 					 <img src="{% static "media/telescope.png" %}" alt="html5" height="200" width="200" />
@@ -0,0 +1,238 @@
+
+
+{% extends "base.html"   %}
+{% load staticfiles%}
+
+{% block title %}
+	Observation System Status :
+{% endblock %}
+
+{% block content %}
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+    </head>
+
+    <body>
+		<!--/*function retrieve_logs() {
+		$('#logs').load("");
+		 }
+
+
+		$(document).ready(function() {
+		retrieve_logs();
+		setInterval(retrieve_logs, 1000);
+		});*/
+        -->
+         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+        <script>
+        function retrieve_env() {
+		$('#env').load("{% url 'retrieve_env' %}");
+		 }
+
+
+		$(document).ready(function() {
+		retrieve_env();
+		setInterval(retrieve_env, 5000);
+		});
+        </script>
+    {% block environnment %}
+        <div id="env" class="container-fluid">
+
+	    </div>
+    {% endblock %}
+	<div id="logs" class="container-fluid">
+        <style type="text/css">
+    		#title
+    		{
+    			font-size: 4em;
+    			font-family: 'Montserra', sans-serif;
+
+				color: black;
+    		}
+
+    		body
+    		{
+    			background-color: rgb(250,250,250);
+    		}
+    	</style>
+
+		<div id="conteneur">
+			<style type="text/css">
+				#conteneur
+				{
+					display : flex;
+					flex-wrap: wrap;
+					justify-content: space-around;
+					align-items: center;
+                    padding-top: 50px;
+				}
+
+				.element
+				{
+					margin: auto;
+					list-style-image: none;
+					font-family: 'Montserra', sans-serif;
+
+				}
+
+				.element h2
+				{
+					text-align: center;
+					font-weight: normal;
+				}
+    			.log
+    			{
+                    display: none;
+    				font-size: 1.13em;
+    				list-style-image: none;
+    				list-style-type: none;
+    				color: green;
+    				font-weight: bold;
+    				font-family: "Arial";
+    				height: 500px;
+					width: 700px;
+					overflow: scroll;
+    				background-color: black;
+    			}
+    		</style>
+    		<div class="element" id=Telescope>
+       			<h2><button id="Telescope_button">TELESCOPE</button></h2>
+    			<ul class="log" id="telescope_list">
+    				<br>
+    				{% for log in  object.cagire_logs.all %}
+					<li>{{log.created}} : {{log.message}}</li> {% endfor %}
+    			</ul>
+
+    		</div>
+    		<div class="element" id=Cagire>
+       			<h2><button id="Cagire_button">CAGIRE</button></h2>
+    			<ul class="log" id="cagire_list">
+    				<br>
+    				{% for log in cagire_logs %}
+					<li>{{log.created}} : {{log.message}}</li> {% endfor %}
+    			</ul>
+            </div>
+            <div class="element" id=DDRAGORED>
+                <h2><button id="ddrago_r_button">DDRAGO RED</button></h2>
+    			<ul class="log" id="ddrago_r_list">
+                    <br>
+    				{% for log in ddrago_r_logs %}
+					<li>{{log.created}} : {{log.message}}</li> {% endfor %}
+    			</ul>
+
+    		</div>
+            <div class="element" id=DDRAGOBLUE>
+       			<h2><button id="ddrago_b_button">DDRAGO BLUE</button></h2>
+    			<ul class="log" id="ddrago_b_list">
+    				<br>
+    				{% for log in ddrago_b_logs %}
+					<li>{{log.created}} : {{log.message}}</li> {% endfor %}
+    			</ul>
+    		</div>
+		</div>
+	</div>
+
+
+	<!-- <section id=sectionmode>
+		<style type="text/css">
+			#sectionmode
+			{
+				padding-top: 50px;
+			}
+			.mode
+			{
+			display: inline-block;
+			margin: 10px 10px;
+			width: 100px;
+			height: 50px;
+			text-align: center;
+			border: 1px solid #30a818;
+			border-radius: 3px;
+			box-shadow: 0 1px 2px rgba(0,0,0,0.3);
+			background: linear-gradient(top, #fff 0%, #2ae199 2% ,#1db245 100%);
+			background:-webkit-linear-gradient(top, #fff 0%, #2ae199 2% ,#1db245 100%);
+			background:-moz-linear-gradient(top, #fff 0%, #2ae199 2% ,#1db245 100%);
+			background:-o-linear-gradient(top, #fff 0%, #2ae199 2% ,#1db245 100%);
+			background:-ms-linear-gradient(top, #fff 0%, #2ae199 2% ,#1db245 100%);
+			 
+			}
+			 
+			 
+			.mode:hover
+			{
+			padding: 6px 4px;
+			background: linear-gradient(top, #fff 0%, #2ae205 2% ,#1db245 100%);
+			background:-webkit-linear-gradient(top, #fff 0%, #2ae205 2% ,#1db245 100%);
+			background:-moz-linear-gradient(top, #fff 0%, #2ae205 2% ,#1db245 100%);
+			background:-o-linear-gradient(top, #fff 0%, #2ae205 2% ,#1db245 100%);
+			background:-ms-linear-gradient(top, #fff 0%, #2ae205 2% ,#1db245 100%);
+			}
+			 
+			.mode a
+			{
+			display: block;
+			line-height: 50px;
+			height: 50px;
+			color: white;
+			padding-top: 15px;
+			font: 19px "Tahoma", sans-serif;
+			font-weight: bold;
+			text-decoration:none;
+			text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
+			}
+
+			#Mode h3
+			{
+				font-size: 1.5em;
+				font-family: 'Montserra', sans-serif;
+			}
+		</style>
+		<center><div id="Mode">
+			<h3>Pyros Mode: </h3>
+    		<div class="mode" id="auto"><a href="page.html">Auto</a></div>
+    		<div class="mode" id="manuel"><a href="page.html">Manuel</a></div>
+    		<div class="mode" id="demo"><a href="page.html">Demo</a></div>
+		</div></center>
+	</section> -->
+	<footer>
+
+        <script src="{% static "/js/observation_status.js" %}" type=text/javascript></script>
+
+        <style type="text/css">
+			footer{
+			 height: 100px;
+			 width: 200px;
+			 margin: auto;
+			 padding-top: 50px;
+			}
+
+			.back
+			{
+				background-color: rgb(75,75,75);
+				margin: auto;
+				
+				padding: 10px 10px 10px 10px;
+				border: 1px solid rgb(75,75,75);
+				border-radius: 3px;
+			}
+
+			.back:hover
+			{
+				padding: 15px 15px 15px 15px;
+			}
+
+			.back a
+			{
+				color: white;
+				font: 17px "Tahoma", sans-serif;
+				font-weight:bold;
+				text-decoration:none;
+			}
+		</style>
+		<center><div class="back"><a href={% url "index" %}>Back to Dashboard</a></div></center>
+	</footer>
+    </body>
+{% endblock %}
+
@@ -0,0 +1,89 @@
+{% load  static %}
+
+<style>
+    #weather
+    {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-around;
+    }
+
+    figure {
+        text-align: center;
+    display: inline-block;
+    border: 1px dotted gray;
+    margin: 20px;
+}
+figure img {
+    vertical-align: top;
+    padding: 5px;
+}
+figure figcaption {
+    border: 1px dotted black;
+    text-align: center;
+}
+
+    #time
+    {
+        text-align: center;
+        color: darkblue;
+    }
+</style>
+ <h1 id="time"> Current site time : {{ t.hour }}h {{ t.minute }}min {{ t.second }}s</h1>
+<div id="weather">
+
+  <div class="element" id="day_night">
+
+      {% if isDay %}
+          <figure>
+        <img src="{% static "media/rising_sun.png" %}" alt="" width="150" height="150">
+          <figcaption>The Sun is Up</figcaption>
+          </figure>
+      {% else %}
+         <figure>
+        <img src="{% static "media/moon.png" %}" alt="" width="150" height="150">
+          <figcaption>The Sun is Down</figcaption>
+          </figure>
+      {% endif %}
+
+
+  </div>
+
+<div class="element" id="sky_state">
+      {% if weather_status.rain > 10 %}
+          <figure>
+        <img src="{% static "media/rain.svg" %}" alt="" width="150" height="150">
+          <figcaption>Raining</figcaption>
+          </figure>
+      {% elif weather_status.cloud >= 1 %}
+          <figure>
+        <img src="{% static "media/cloud.png" %}" alt="" width="150" height="150">
+          <figcaption>The sky is Cloudy</figcaption>
+          </figure>
+      {% else %}
+         <figure>
+        <img src="{% static "media/sun.png" %}" alt="" width="150" height="150">
+          <figcaption>The sky is Clear</figcaption>
+          </figure>
+      {% endif %}
+
+
+  </div>
+
+    <div class="element" id="wind">
+
+      {% if weather_status.wind >= 60 %}
+          <figure>
+        <img src="{% static "media/wind.png" %}" alt="" width="150" height="150">
+          <figcaption>The Wind is too strong : {{ weather_status.wind }}km/h</figcaption>
+          </figure>
+      {% else %}
+         <figure>
+        <img src="{% static "media/no_wind.png" %}" alt="" width="150" height="150">
+          <figcaption>The Wind is acceptable : {{ weather_status.wind }}km/h</figcaption>
+          </figure>
+      {% endif %}
+
+
+  </div>
+</div>
 \ No newline at end of file
@@ -0,0 +1,106 @@
+
+
+
+    	<style type="text/css">
+    		#title
+    		{
+    			font-size: 4em;
+    			font-family: 'Montserra', sans-serif;
+
+				color: black;
+    		}
+
+    		body
+    		{
+    			background-color: rgb(250,250,250);
+    		}
+    	</style>
+        <script>
+
+            $(".linkk").show();
+
+            $('.linkk').on('click', function()
+            {
+                $(".element").show()
+            });
+
+        </script>
+		<div id="conteneur">
+			<style type="text/css">
+				#conteneur
+				{
+					display : flex;
+					flex-wrap: wrap;
+					justify-content: space-around;
+					align-items: center;
+				}
+
+				.element
+				{
+
+					margin: auto;
+					list-style-image: none;
+					font-family: 'Montserra', sans-serif;
+
+				}
+
+				.element h2
+				{
+					text-align: center;
+					font-weight: normal;
+				}
+    			.log
+    			{
+    				font-size: 1.13em;
+    				list-style-image: none;
+    				list-style-type: none;
+    				color: green;
+    				font-weight: bold;
+    				font-family: "Arial";
+    				height: 500px;
+					width: 700px;
+					overflow: scroll;
+    				background-color: black;
+    			}
+    		</style>
+        <h2><button class="button_tele" type="button">Telescope</button></h2>
+    		<div class="element" id=tele>
+       			<h2>TELESCOPE</h2>
+    			<ul class="log">
+    				<br>
+    				{% for log in telescope_logs %}
+					<li>{{log.created}} : {{log.message}}</li> {% endfor %}
+    			</ul>
+
+    		</div>
+         <h2><button class="button_tele" type="button">Telescope</button></h2>
+    		<div class="element" id=Cagire>
+       			<h2>CAGIRE</h2>
+    			<ul class="log">
+    				<br>
+    				{% for log in cagire_logs %}
+					<li>{{log.created}} : {{log.message}}</li> {% endfor %}
+    			</ul>
+            </div>
+         <h2><button class="button_tele" type="button">Telescope</button></h2>
+            <div class="element" id=DDRAGORED>
+                <h2><button>DDRAGO RED</button></h2>
+    			<ul class="log">
+                    <br>
+    				{% for log in ddrago_r_logs %}
+					<li>{{log.created}} : {{log.message}}</li> {% endfor %}
+    			</ul>
+
+    		</div>
+         <h2><button class="button_tele" type="button">Telescope</button></h2>
+            <div class="element" id=DDRAGOBLUE>
+       			<h2>DDRAGO BLUE</h2>
+    			<ul class="log">
+    				<br>
+    				{% for log in ddrago_b_logs %}
+					<li>{{log.created}} : {{log.message}}</li> {% endfor %}
+    			</ul>
+    		</div>
+		</div>
+
+
@@ -13,4 +13,8 @@ urlpatterns = [
         name="system_retrieve_logs"),
     url(r'^schedule$', views.schedule, name="schedule"),
     url(r'^quotas$', views.quotas, name="quotas"),
+    url(r'^observation_status/retrieve_env', views.retrieve_env, name='retrieve_env'),
+    url(r'^retrieve_env_navbar', views.retrieve_env_navbar, name='retrieve_env_navbar'),
+
+    #url(r'^retrieve_observation_status$', views.retrieve_observation_status, name="retrieve_observation_status"),
 ]
+from django.http import HttpResponse
 from django.shortcuts import render, redirect
 from django.core import urlresolvers
 from django.contrib.auth.decorators import login_required
-from common.models import Log
-
+import datetime
+from common.models import Log, WeatherWatch
+from django.core import serializers
 import utils.Logger as l
 log = l.setupLogger("dashboard", "dashboard")
  
+
+
 @login_required
 def index(request):
     return render(request, 'dashboard/index.html')
  
+#@login_required
+#def observation_status(request):
+ #   return render(request, 'dashboard/observation_status.html')
+
+@login_required
+def retrieve_env(request):
+    weather_status = WeatherWatch.objects.latest('updated')
+    t = datetime.datetime.now() + datetime.timedelta(hours=-7) #temporary method to demonstrate the day/night display
+    isDay = False
+    if t.hour > 5 and t.hour < 20:
+        isDay = True
+    return render(request, 'dashboard/observation_status_env.html', locals())
+
+@login_required
+def retrieve_env_navbar(request):
+    if request.is_ajax():
+        weather_status = WeatherWatch.objects.latest('updated')
+        weather = serializers.serialize('json', [weather_status])
+        return HttpResponse(weather, content_type="application/json")
+
 @login_required
 def users(request):
     url_ = urlresolvers.reverse('admin:auth_user_changelist')
@@ -6,6 +6,7 @@ import select
 import utils.Logger as L
 import time
 import os
+from common.models import Log
  
 DEBUG_FILE = True
 RECONNECT_TIMEOUT_SECONDS = 20
@@ -76,6 +77,7 @@ class DeviceController():
             return False
         # (EP) NON, 0 = false !!!
         #return (0)
+        Log.objects.create(agent=self.name, message='Message send : ' + message)
         return True
  
     def isError(self, message: str):
@@ -142,6 +144,7 @@ class DeviceController():
         return (0)
  
     def log(self, device_name: str, message: str):
+        Log.objects.create(agent=self.name, message=message)
         if DEBUG_FILE and settings.DEBUG:
             self.logger.info("From device : " + device_name + " -> " + message)
         return (0)
@@ -0,0 +1,11 @@
+from django.conf.urls import url
+from . import views
+
+
+urlpatterns = [
+url(r'^observation_status$', views.observation_status, name="observation_status"),
+url(r'^update_cagire_logs$', views.update_cagire_logs, name="update_cagire_logs"),
+url(r'^update_telescope_logs$', views.update_telescope_logs, name="update_telescope_logs"),
+url(r'^update_ddrago_r_logs$', views.update_ddrago_r_logs, name="update_ddrago_r_logs"),
+url(r'^update_ddrago_b_logs$', views.update_ddrago_b_logs, name="update_ddrago_b_logs"),
+]
 \ No newline at end of file
 from django.shortcuts import render
+from common.models import Log
+from django.http import HttpResponse
+from django.core import urlresolvers
+from django.core import serializers
+from django.contrib.auth.decorators import login_required
  
+MAX_LOGS_LINES = 200
 # Create your views here.
+@login_required
+def update_cagire_logs(request):
+    if request.is_ajax():
+        cagire_logs = Log.objects.filter(agent='CameraNIR').order_by('-created')[:MAX_LOGS_LINES]
+        logs = serializers.serialize('json', cagire_logs)
+        return HttpResponse(logs, content_type="application/json")
+        #return render("dashboard/observation_status.html", logs, content_type="application/json")
+
+
+@login_required
+def update_telescope_logs(request):
+    if request.is_ajax():
+        telescope_logs = Log.objects.filter(agent='Telescope').order_by('-created')[:MAX_LOGS_LINES]
+        logs = serializers.serialize('json', telescope_logs)
+        return HttpResponse(logs, content_type="application/json")
+
+@login_required
+def update_ddrago_r_logs(request):
+    if request.is_ajax():
+        ddrago_r_logs = Log.objects.filter(agent='CameraVIS').order_by('-created')[:MAX_LOGS_LINES]
+        logs = serializers.serialize('json', ddrago_r_logs)
+        return HttpResponse(logs, content_type="application/json")
+
+@login_required
+def update_ddrago_b_logs(request):
+    if request.is_ajax():
+        ddrago_b_logs = Log.objects.filter(agent='CameraVIS').order_by('-created')[:MAX_LOGS_LINES]
+        logs = serializers.serialize('json', ddrago_b_logs)
+        return HttpResponse(logs, content_type="application/json")
+
+
+@login_required
+def observation_status(request):
+    '''
+        Called by the dashboard system page with ajax request every seconds, to get the logs and print them
+    '''
+    if request.is_ajax():
+        telescope_logs = Log.objects.filter(agent='Telescope').order_by('-created')
+        cagire_logs = Log.objects.filter(agent='CameraNIR').order_by('-created')
+        ddrago_b_logs = Log.objects.filter(agent='CameraVIS').order_by('-created')
+        ddrago_r_logs = Log.objects.filter(agent='CameraVIS').order_by('-created')
+        logs = telescope_logs + cagire_logs + ddrago_r_logs + ddrago_b_logs
+        return render('dashboard/observation_status.html', {logs: object})
+    else:
+        return render(request, "dashboard/observation_status.html")
 \ No newline at end of file
@@ -0,0 +1,122 @@
+var LOGS_REFRESH_FREQUENCE = 2000; //in milliseconds
+
+var show_cagire = false;
+var show_telescope = false;
+var show_ddrago_b = false;
+var show_ddrago_r = false;
+var interval_cagire =-1;
+var interval_ddrago_r=-1;
+var interval_ddrago_b=-1;
+var interval_telescope=-1;
+
+jQuery(document).ready(function(){
+
+$("#Telescope_button").click(function () {
+  show_telescope= !show_telescope;
+
+  if (show_telescope)
+  {
+    $("#telescope_list").show();
+    interval_telescope = setInterval(function() {ajax_request("telescope", "telescope_list");}, LOGS_REFRESH_FREQUENCE);
+  }
+  else { $("#telescope_list").hide();
+  if (interval_telescope !== -1){clearInterval(interval_telescope);}
+  }
+
+});
+
+$("#Cagire_button").click(function () {
+  show_cagire = !show_cagire;
+
+
+  if (show_cagire)
+  {
+    $("#cagire_list").show();
+    interval_cagire = setInterval(function() {ajax_request("cagire", "cagire_list");}, LOGS_REFRESH_FREQUENCE);
+  }
+  else {
+      $("#cagire_list").hide();
+      if (interval_cagire !== -1){clearInterval(interval_cagire);}
+  }
+
+});
+
+$("#ddrago_r_button").click(function () {
+  show_ddrago_r= !show_ddrago_r;
+
+  if (show_ddrago_r)
+  {
+    $("#ddrago_r_list").show();
+    interval_ddrago_r = setInterval(function() {ajax_request("ddrago_r", "ddrago_r_list");}, LOGS_REFRESH_FREQUENCE);
+  }
+  else {
+      $("#ddrago_r_list").hide();
+      if (interval_ddrago_r !== -1){clearInterval(interval_ddrago_r);}
+  }
+});
+
+$("#ddrago_b_button").click(function () {
+  show_ddrago_b= !show_ddrago_b;
+
+  if (show_ddrago_b)
+  {
+    $("#ddrago_b_list").show();
+    interval_ddrago_b = setInterval(function() {ajax_request("ddrago_b", "ddrago_b_list");}, LOGS_REFRESH_FREQUENCE);
+  }
+  else { $("#ddrago_b_list").hide();
+    if (interval_ddrago_b !== -1){clearInterval(interval_ddrago_b);}
+  }
+});
+
+    /*
+        function retriving logs for tools with show variable equal True, called every LOGS_REFRESH_FREQUENCE
+    */
+
+function ajax_request(cam, id_list){
+      var cagire_url ="/devices/update_cagire_logs";
+      var telescope_url ="/devices/update_telescope_logs";
+      var ddrago_r_url ="/devices/update_ddrago_r_logs";
+      var ddrago_b_url ="/devices/update_ddrago_b_logs";
+      var url_txt = "";
+      if (cam === 'cagire')
+        url_txt = cagire_url;
+      else if (cam === "telescope")
+          url_txt = telescope_url;
+      else if (cam === "ddrago_r")
+          url_txt = ddrago_r_url;
+      else if (cam === "ddrago_b")
+          url_txt = ddrago_b_url;
+      $.ajax({
+        url: url_txt,
+        type: 'get',
+        dataType: 'text',
+        success: function(data)
+        {
+          var obj = JSON.parse(data);
+          if (obj) {
+              var listDiv = document.getElementById(id_list);
+              listDiv.innerHTML = '';
+              for (var tmp in obj) {
+                  var li = document.createElement('li');
+                  li.innerHTML = obj[tmp]['fields']['created'] + ":     " + obj[tmp]['fields']['message'];   // Use innerHTML to set the text
+                  listDiv.appendChild(li);
+              }
+          }
+        },
+        error: function()
+        {
+          console.log('Ajax error: GET request failed\n');
+        }
+
+      });
+
+    }
+
+
+});
+
+ $(window).unload(function(){
+        alert("bye")
+  if (interval_cagire != -1){clearInterval(interval_cagire);}
+  if (interval_telescope !== -1){clearInterval(interval_telescope);}
+});
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 320.192 320.192" style="enable-background:new 0 0 320.192 320.192;" xml:space="preserve">
+<g>
+	<g id="Dibujo_35_">
+		<g>
+			<path d="M259.466,82.808c-2.799,0-6.139,0.436-9.319,1.016c-11.566-39.593-47.747-67.262-90.051-67.262
+				S81.605,44.231,70.05,83.824c-3.185-0.58-6.525-1.016-9.324-1.016C27.244,82.808,0,110.052,0,143.534
+				s27.244,60.726,60.726,60.726c6.095,0,11.041-4.946,11.041-11.041s-4.946-11.041-11.041-11.041
+				c-21.309,0-38.644-17.34-38.644-38.644s17.335-38.644,38.644-38.644c1.529,0,3.991,0.375,6.586,0.894v10.147
+				c0,6.095,4.946,11.041,11.041,11.041s11.041-4.946,11.041-11.041V98.15c5.929-34.514,35.536-59.506,70.702-59.506
+				s64.767,24.992,70.702,59.506v17.782c0,6.095,4.946,11.041,11.041,11.041s11.041-4.946,11.041-11.041v-10.147
+				c2.595-0.519,5.051-0.894,6.586-0.894c21.304,0,38.644,17.34,38.644,38.644s-17.34,38.644-38.644,38.644
+				c-6.095,0-11.041,4.946-11.041,11.041s4.946,11.041,11.041,11.041c33.482,0,60.726-27.244,60.726-60.726
+				S292.948,82.808,259.466,82.808z"/>
+			<path d="M168.294,149.386c-5.924-1.491-11.913,2.12-13.393,8.032l-33.123,132.493c-1.48,5.918,2.12,11.908,8.032,13.393
+				c0.9,0.221,1.8,0.326,2.688,0.326c4.946,0,9.446-3.345,10.704-8.364l33.123-132.493
+				C177.806,156.855,174.212,150.866,168.294,149.386z"/>
+			<path d="M212.453,182.509c-5.918-1.496-11.908,2.12-13.387,8.032l-16.562,66.247c-1.48,5.918,2.12,11.913,8.038,13.393
+				c0.9,0.226,1.8,0.331,2.683,0.331c4.946,0,9.451-3.345,10.704-8.364l16.556-66.247
+				C221.97,189.979,218.371,183.983,212.453,182.509z"/>
+			<path d="M107.562,182.509c-5.901-1.496-11.908,2.12-13.387,8.032l-16.562,66.247c-1.48,5.918,2.12,11.913,8.038,13.393
+				c0.9,0.226,1.8,0.331,2.683,0.331c4.946,0,9.451-3.345,10.704-8.364l16.562-66.247
+				C117.08,189.979,113.48,183.983,107.562,182.509z"/>
+		</g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
@@ -34,7 +34,16 @@
 </head>
  
 <body>
-
+<style>
+    #wrapper{
+        padding-left: 0px;
+    }
+
+    #profile
+    {
+        font-size: 20px;
+    }
+</style>
 <div id="wrapper">
  
       <!-- Sidebar -->
@@ -43,30 +52,24 @@
         <div class="navbar-header">
           <a class="navbar-brand" href={% url "index" %}>SVOM French GFT Control Center</a>
         </div>
-        
-        
+           <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+
+
+
         <!-- 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="fas fa-cog"></i></a>              
+              <li><a id="day_night" href="{% url "weather" %}"><img id="day_night_img"></a></li>
+              <li><a id="wind" href="{% url "weather" %}"><img id="wind_img"></a></li>
+              <li><a id="weather" href="{% url "weather" %}"><img id="weather_img"></a></li>
+            <li>
+              <a href="{% url "profile" %}"><i id="profile" class="fas fa-cog "></i></a>
             </li>
-            <li class="dropdown user-dropdown">
+            <li>
               <a href="{% url "user_logout" %}" ><i class="fa fa-power-off"></i> Log Out</a>             
             </li>
+
           </ul>
  
         </div><!-- /.navbar-collapse -->
@@ -91,7 +94,69 @@
  
     </div><!-- /#wrapper -->
  
-	    
+        <!-- Javascript function refreshing weather icons on the navbar -->
+
+	    <script>
+              var TOO_STRONG_WIND = 60; //Totally arbitrary values, just for demonstration
+              var MAX_CLOUD_VALUE = 1;
+              var REFRESH_ICONS_FREQUENCE_MILLISECONDS = 60000;
+              var MAX_RAIN_RATE = 10;
+
+              ajax_request();
+              interval = setInterval(function() {ajax_request();}, REFRESH_ICONS_FREQUENCE_MILLISECONDS);
+
+              function ajax_request() {
+                  $.get("{% url 'retrieve_env_navbar' %}", function (weather_status) {
+                      if (weather_status)
+                      {
+                          /*
+                          *** totally arbitrary method for day/night cycle, just for demonstration
+                           */
+                          var hour = new Date().getTime();
+                          var site_time = new Date(hour - 9 * 3600 * 1000).getHours();
+                          var _img_day_night =document.createElement('img');
+                          if (site_time > 5 && site_time < 20)
+                              _img_day_night.src ="{% static 'media/white_rising_sun_new.png' %}";
+                          else
+                              _img_day_night.src ="{% static 'media/white_moon_new.png' %}";
+                          _img_day_night.width = 30;
+                          _img_day_night.height = 30;
+                          _img_day_night.id ="day_night_img";
+                          _img_day_night.alt="html5";
+                          $("#day_night_img").replaceWith(_img_day_night);
+
+                          var _img = document.createElement('img');
+                          _img.width = 30;
+                          _img.height = 30;
+                          _img.id ="weather_img";
+                          console.log(weather_status[0]['fields']['global_status']);
+                          if(parseInt(weather_status[0]['fields']['rain']) > MAX_RAIN_RATE)
+                              _img.src = "{% static 'media/rain_new.png' %}";
+                          else if (parseInt(weather_status[0]['fields']['cloud']) > MAX_CLOUD_VALUE)
+                              _img.src = "{% static 'media/white_cloud.png' %}";
+                          else
+                              _img.src = "{% static 'media/white_sun.png' %}";
+                              _img.width = 25;
+                              _img.height = 25;
+                              _img.alt = "html5";
+                          $("#weather_img").replaceWith(_img);
+
+                          var _im = document.createElement('img');
+                          _im.width = 25;
+                          _im.height = 25;
+                          _im.id="wind_img";
+                          if (parseInt(weather_status[0]['fields']['wind']) >= TOO_STRONG_WIND)
+                            _im.src = "{% static 'media/white_wind.png' %}";
+                          else
+                            _im.src= "{% static 'media/white_windsock_nowind_new.png' %}";
+                          $("#wind_img").replaceWith(_im);
+                      }
+                  }, 'json')
+                      .fail(function () {
+                          console.log('Ajax error: GET request failed\n');
+                      })
+              }
+          </script>
  
     <!-- Bootstrap core JavaScript
     ================================================== -->
@@ -126,11 +126,11 @@ LOGIN_URL = &quot;/&quot;
 "$ pyros.py simulator_development" will automatically set them to "True"
 '''
 # FOR SIMULATOR (TODO: remove because not used)
-SIMULATOR = False
+SIMULATOR = True
 # FOR SIMULATOR (and TESTS)
-CELERY_TEST = False
+CELERY_TEST = True
  
-# CELERY_TEST = False ==> DEFAULT (NORMAL) RUN MODE, use pyros (normal) database 
+# CELERY_TEST = True ==> DEFAULT (NORMAL) RUN MODE, use pyros (normal) database 
 if not CELERY_TEST:
     if not MYSQL:
         DATABASES = {
@@ -149,7 +149,7 @@ if not CELERY_TEST:
             }
         }
  
-# CELERY_TEST = False ==> 'TEST' RUN MODE, use pyros_test database
+# CELERY_TEST = True ==> 'TEST' RUN MODE, use pyros_test database
 else:
     DATABASES = {
         'default': {
@@ -29,6 +29,7 @@ urlpatterns = [
 urlpatterns = [
     url(r'^admin/', admin.site.urls),
     url(r'^dashboard/', include('dashboard.urls')),
+    url(r'^devices/', include('devices.urls')),
     url(r'^scheduler/', include('scheduler.urls')),
     url(r'^alert_manager/', include('alert_manager.urls')),
     url(r'^analyzer/', include('analyzer.urls')),