[Add] Added "Reboot Camera" to the web interface

Author: TheCrypt0

src/www/httpd/cgi-bin/reboot.sh

@@ -0,0 +1,12 @@
+#!/bin/sh
+
+printf "Content-type: application/json\r\n\r\n"
+
+# Yeah, it's pretty ugly.. but hey, it works.
+
+sync
+reboot
+
+printf "{\n"
+printf "}"
+

src/www/httpd/htdocs/css/custom.css

@@ -139,6 +139,10 @@ table.padded-table td:last-child {
     /*text-shadow: 0.01px 0 0 currentColor;*/
 }
 
+li.nav-elem-right {
+    float: right;
+}
+
 /* The switch - the box around the slider */
 .switch {
 	position: relative;

src/www/httpd/htdocs/index.html

@@ -47,6 +47,9 @@
                     <li>
                         <a href="/?page=about">About</a>
                     </li>
+                    <li class="nav-elem-right">
+                        <a href="/?page=reboot">Reboot Camera</a>
+                    </li>
                     <li class="icon">
                         <a class="nav-toggler">&#9776;</a>
                     </li>

src/www/httpd/htdocs/js/modules/reboot.js

@@ -0,0 +1,26 @@
+var APP = APP || {};
+
+APP.reboot = (function ($) {
+
+    var timeoutVar;
+
+    function init() {
+        rebootCamera();
+    }
+
+    function rebootCamera() {
+        $.ajax({
+            type: "GET",
+            url: 'cgi-bin/reboot.sh',
+            dataType: "json",
+            error: function(response) {
+                console.log('error', response);
+            }
+        });
+    }
+
+    return {
+        init: init
+    };
+
+})(jQuery);

src/www/httpd/htdocs/pages/configurations.html

@@ -6,7 +6,7 @@ <h3 class="no-margin" id="header">Configurations</h3>
         <div class="row">
             <p>Here you can enable/disable services.</p>
             <p>
-                <strong>Any changes will take effect at reboot of the camera.</strong>
+                <strong>Any change will take effect after the reboot of the camera.</strong>
             </p>
         </div>
 

src/www/httpd/htdocs/pages/reboot.html

@@ -0,0 +1,7 @@
+<div class="row">
+        <div class="twelf columns">
+                <h3 class="no-margin" id="header">Reboot</h3>
+                <hr class="tiny-margin" />
+                Rebooting the camera.
+        </div>
+</div>