From c26e95ce500f0c72c314eb0205e2d07ca00fcf13 Mon Sep 17 00:00:00 2001
From: Terrtia <or1994@hotmail.fr>
Date: Tue, 28 May 2019 16:17:58 +0200
Subject: [PATCH] chg: [UI uuid_management + sensor_status] add sensor
 description

---
 server/web/Flask_server.py                | 18 ++++++--
 server/web/templates/sensors_status.html  |  4 +-
 server/web/templates/uuid_management.html | 52 +++++++++++++++++++++--
 3 files changed, 65 insertions(+), 9 deletions(-)

diff --git a/server/web/Flask_server.py b/server/web/Flask_server.py
index 48aec2e..501f976 100755
--- a/server/web/Flask_server.py
+++ b/server/web/Flask_server.py
@@ -275,7 +275,7 @@ def sensors_status():
             active_connection = False
 
         if first_seen is not None and last_seen is not None:
-            status_daily_uuid.append({"uuid": result,"first_seen": first_seen, "last_seen": last_seen,
+            status_daily_uuid.append({"uuid": result,
                                         "active_connection": active_connection, "description": description,
                                         "first_seen_gmt": first_seen_gmt, "last_seen_gmt": last_seen_gmt,
                                         "l_uuid_types": l_uuid_types, "Error": Error})
@@ -373,12 +373,13 @@ def uuid_management():
     if is_valid_uuid_v4(uuid_sensor):
 
         disk_stats = get_uuid_disk_statistics(uuid_sensor)
-
         first_seen = redis_server_metadata.hget('metadata_uuid:{}'.format(uuid_sensor), 'first_seen')
         first_seen_gmt = time.strftime('%Y-%m-%d %H:%M:%S', time.localtime(int(first_seen)))
         last_seen = redis_server_metadata.hget('metadata_uuid:{}'.format(uuid_sensor), 'last_seen')
         last_seen_gmt = time.strftime('%Y-%m-%d %H:%M:%S', time.localtime(int(last_seen)))
         description = redis_server_metadata.hget('metadata_uuid:{}'.format(uuid_sensor), 'description')
+        if not description:
+            description = ''
         Error = redis_server_metadata.hget('metadata_uuid:{}'.format(uuid_sensor), 'Error')
         if redis_server_stream.exists('temp_blacklist_uuid:{}'.format(uuid_sensor)):
             temp_blacklist_uuid = True
@@ -394,8 +395,7 @@ def uuid_management():
             Error = "All IP using this UUID are Blacklisted"
         else:
             blacklisted_ip_by_uuid = False
-        data_uuid= {"first_seen": first_seen, "last_seen": last_seen,
-                    "description": description,
+        data_uuid= {"description": description,
                     "temp_blacklist_uuid": temp_blacklist_uuid,
                     "blacklisted_uuid": blacklisted_uuid, "blacklisted_ip_by_uuid": blacklisted_ip_by_uuid,
                     "first_seen_gmt": first_seen_gmt, "last_seen_gmt": last_seen_gmt, "Error": Error}
@@ -508,6 +508,16 @@ def uuid_change_stream_max_size():
     else:
         return 'Invalid uuid'
 
+@app.route('/uuid_change_description')
+def uuid_change_description():
+    uuid_sensor = request.args.get('uuid')
+    description = request.args.get('description')
+    if is_valid_uuid_v4(uuid_sensor):
+        redis_server_metadata.hset('metadata_uuid:{}'.format(uuid_sensor), 'description', description)
+        return jsonify()
+    else:
+        return jsonify({'error':'invalid uuid'}), 400
+
 # # TODO: check analyser uuid dont exist
 @app.route('/add_new_analyzer')
 def add_new_analyzer():
diff --git a/server/web/templates/sensors_status.html b/server/web/templates/sensors_status.html
index c27ea91..75215b7 100644
--- a/server/web/templates/sensors_status.html
+++ b/server/web/templates/sensors_status.html
@@ -86,8 +86,8 @@
 							</a>
 							<div class="text-info"><small>{{row_uuid['description']}}</small></div>
 						</td>
-						<td>{{row_uuid['first_seen_gmt']}} - ({{row_uuid['first_seen']}})</td>
-						<td>{{row_uuid['last_seen_gmt']}} - ({{row_uuid['last_seen']}})</td>
+						<td>{{row_uuid['first_seen_gmt']}}</td>
+						<td>{{row_uuid['last_seen_gmt']}}</td>
 						<td>
 							{% for uuid_type in row_uuid['l_uuid_types'] %}
 								<span class="badge badge-dark">{{uuid_type}}</span>
diff --git a/server/web/templates/uuid_management.html b/server/web/templates/uuid_management.html
index 7541c0a..cada744 100644
--- a/server/web/templates/uuid_management.html
+++ b/server/web/templates/uuid_management.html
@@ -17,6 +17,13 @@
 	<script src="{{ url_for('static', filename='js/dataTables.bootstrap.min.js')}}"></script>
 	<script src="{{ url_for('static', filename='js/d3v5.min.js')}}"></script>
 
+	<style>
+	.edit_icon:hover{
+		cursor: pointer;
+		color: #17a2b8;
+	}
+	</style>
+
 </head>
 
 <body>
@@ -43,14 +50,31 @@
 			UUID: {{uuid_sensor}}
 		</div>
 		<div class="card-body">
-			{{data_uuid['description']}}
+			<div class="mb-2">
+				<span id="description-text-block">
+					<span id="description-text">{{data_uuid['description']}}</span>
+					<span onclick="show_edit_description();">
+						<i class="fa fa-pencil edit_icon"></i>
+					</span>
+				</span>
+				<span id="description-edit-block" hidden>
+					<div class="input-group">
+						<input class="form-control" type="text" id="input-description" value="{{data_uuid['description']}}"></input>
+						<div class="input-group-append">
+							<button class="btn btn-info" onclick="edit_description();">
+								<i class="fa fa-pencil edit_icon"></i>
+							</button>
+						</div>
+					</div>
+				</span>
+			</div>
 			<div class="card-group">
 				<div class="card">
 					<div class="card-header bg-info text-white">
 						First Seen
 					</div>
 					<div class="card-body">
-						<p class="card-text">{{data_uuid['first_seen_gmt']}} - ({{data_uuid['first_seen']}})</p>
+						<p class="card-text">{{data_uuid['first_seen_gmt']}}</p>
 					</div>
 				</div>
 				<div class="card">
@@ -58,7 +82,7 @@
 						Last Seen
 					</div>
 					<div class="card-body">
-						<p class="card-text">{{data_uuid['last_seen_gmt']}} - ({{data_uuid['last_seen']}})</p>
+						<p class="card-text">{{data_uuid['last_seen_gmt']}}</p>
 					</div>
 				</div>
 				<div class="card">
@@ -251,6 +275,9 @@
 <script>
 var chart = {};
 $(document).ready(function(){
+	$('#description-edit-block').hide();
+	$('#description-edit-block').removeAttr("hidden")
+
 	table = $('#myTable_1').DataTable(
 		{
 			"aLengthMenu": [[5, 10, 15, 20, -1], [5, 10, 15, 20, "All"]],
@@ -309,6 +336,25 @@ function swap_stats_type(){
 	chart.stackBarChart2 =barchart_type_stack(url_json_stats, '#barchart_type_disk');
 	chart.onResize();
 }
+
+function show_edit_description(){
+	$('#description-text-block').hide();
+	$('#description-edit-block').show();
+}
+
+function edit_description(){
+	var new_description = $('#input-description').val()
+	var data_to_send = { uuid: "{{uuid_sensor}}", "description": new_description}
+
+	$.get("{{ url_for('uuid_change_description') }}", data_to_send, function(data, status){
+			if(status == "success") {
+				$('#description-text').text(new_description)
+				$('#description-edit-block').hide();
+				$('#description-text-block').show();
+			}
+	});
+}
+
 </script>
 
 <script>