From 8da229aa9021f8721ddf327d42db9b2e2571f9b0 Mon Sep 17 00:00:00 2001
From: Brian Monroe <paradoxguitarist@fedoraproject.org>
Date: Thu, 30 Apr 2020 17:26:08 -0700
Subject: [PATCH 1/2] Adding a setting for the Camera Name

---
 index.html  | 9 ++++++++-
 js/index.js | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 7d8ee55..ab9d244 100755
--- a/index.html
+++ b/index.html
@@ -330,6 +330,13 @@ <h4 class="modal-title" id="cam_adjust_control_settings_label">Preferences</h4>
 						</div>
 					</div>
 
+					<div class="row">
+						<div class="col-xs-6">
+							<label for="cam_name">Camera Name</label>
+							<input class="form-control" type="text" id="cam_name" value="">
+						</div>
+					</div>
+
 				</div>
 				<div class="modal-footer">
 					<button type="button" class="btn btn-primary" data-dismiss="modal">Done</button>
@@ -457,4 +464,4 @@ <h4 class="modal-title" id="cam_adjust_control_settings_label">Preferences</h4>
 </script>
 
 <!-- Insert this line after script imports -->
-<script>if (window.module) module = window.module;</script>
\ No newline at end of file
+<script>if (window.module) module = window.module;</script>
diff --git a/js/index.js b/js/index.js
index 2912105..b7c358e 100644
--- a/js/index.js
+++ b/js/index.js
@@ -1,9 +1,11 @@
 
 var camera_ip = "192.168.0.190";
+var camera_name = "PTZ Optics";
 var base_url = "http://" + camera_ip + "/cgi-bin";
 // config defaults
 var defaults = {
     ip: camera_ip,
+    name: camera_name,
     flip: 1,
     mirror: 1,
     invertcontrols: 1,
@@ -18,6 +20,7 @@ var defaults = {
 };
 var config = defaults;
 config.ip = camera_ip;
+config.name = camera_name;
 
 function get_config () {
 	var result = localStorage.getItem('configStorage');
@@ -60,6 +63,9 @@ function config_init () {
 	$("#cam_ip").val(config.ip);
 	base_url = "http://" + config.ip + "/cgi-bin";
 
+  // set the inital name for the camera.
+  $("#cam_name").val(config.name)
+
 	// set the camera's initial configuration for each value in the saved config object
 	config_setting("flip", config.flip);
 	config_setting("mirror", config.mirror);
@@ -166,6 +172,7 @@ function update_labels () {
 	}
 
 	config.ip = $('#cam_ip').val();
+  config.name = $('#cam_name').val();
 }
 
 function reload_cam () {
@@ -793,4 +800,4 @@ const {app} = remote;
 app.on('before-quit', () => {
 	// reset the camera to home position before closing the application
 	cam_pantilt(1, 'home');
-})
\ No newline at end of file
+})

From 4a5005bf60e4075f6df67aa65b5a84576c0806e6 Mon Sep 17 00:00:00 2001
From: Brian Monroe <paradoxguitarist@fedoraproject.org>
Date: Thu, 30 Apr 2020 20:10:53 -0700
Subject: [PATCH 2/2] Got the Name to appear in Header.

---
 index.html  |  8 ++++++--
 js/index.js | 22 +++++++++++++++++++++-
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index ab9d244..939f395 100755
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
 		<div class="row">
 			<div class="">
 				<header class="primary">
-					<h1>Camera Control</h1>
+					<h1><p id="camName"></p></h1>
 				</header>
 				<nav class="primary">
 					<ul>
@@ -326,7 +326,7 @@ <h4 class="modal-title" id="cam_adjust_control_settings_label">Preferences</h4>
 							<input class="form-control" type="text" id="cam_ip" value=""></div>
 						<div class="col-xs-6">
 							<label>&nbsp;</label>
-							<button class="btn btn-default form-control reload_cam">Reload Camera</button>
+							<button class="btn btn-primary form-control reload_cam">Reload Camera</button>
 						</div>
 					</div>
 
@@ -335,6 +335,10 @@ <h4 class="modal-title" id="cam_adjust_control_settings_label">Preferences</h4>
 							<label for="cam_name">Camera Name</label>
 							<input class="form-control" type="text" id="cam_name" value="">
 						</div>
+						<div class="col-xs-6">
+							<label>&nbsp;</label>
+							<button class="btn btn-primary form-control reload_name">Change Name</button>
+						</div>
 					</div>
 
 				</div>
diff --git a/js/index.js b/js/index.js
index b7c358e..c4fe9a3 100644
--- a/js/index.js
+++ b/js/index.js
@@ -43,7 +43,7 @@ function run_action (action_url) {
 		type: 'GET',
 	})
 	.done(function() {
-		// console.log("success");
+		document.getElementById("camName").innerHTML = setCamName();
 	})
 	.fail(function(jqXHR, responseText, errorThrown) {
 		// console.log("error");
@@ -191,6 +191,14 @@ function reload_cam () {
 	}
 }
 
+function reload_name () {
+  config.name = $('#cam_name').val();
+  config.name = config.name;
+  save_config();
+  document.getElementById("camName").innerHTML = setCamName();
+  alert("Name Saved.");
+}
+
 function adjust_setting (action) {
 
 	switch (action) {
@@ -561,6 +569,12 @@ function clear_active_preset () {
 	$('.preset_button').removeClass("active");
 }
 
+function setCamName() {
+  return config.name;
+}
+
+document.getElementById("camName").innerHTML = setCamName();
+
 $('body').on('click', '.autopan', function(e) {
 	e.preventDefault();
 	clear_active_preset();
@@ -623,6 +637,12 @@ $('body').on('click', '.reload_cam', function(e) {
 	return false;
 });
 
+$('body').on('click', '.reload_name', function(e) {
+  e.preventDefault();
+  reload_name();
+  return false;
+});
+
 $('body').on('mousedown', '.adjust_pantilt', function(e) {
 	e.preventDefault();
 	stop_autopan();