action buttons fixes

diff --git a/motioneye/handlers.py b/motioneye/handlers.py
index 73dba830a90c924403aa4a5117f6a3696a9f0b71..f622f0a11ced938228bf9cb3a83519062a868685 100644 (file)
--- a/motioneye/handlers.py
+++ b/motioneye/handlers.py
@@ -1499,6 +1499,15 @@ class ActionHandler(BaseHandler):
 
         else:
             self.io_loop.add_timeout(datetime.timedelta(milliseconds=100), self.check_command)
+    
+    def snapshot(self):
+        self.finish_json({})
+    
+    def record_start(self):
+        self.finish_json({})
+    
+    def record_stop(self):
+        self.finish_json({})
 
 
 class PrefsHandler(BaseHandler):

diff --git a/motioneye/static/css/main.css b/motioneye/static/css/main.css
index 58598d1b0d498d4393bbf04d7ced324faabdee26..289ba01094abff108943e192799751de9f7b678e 100644 (file)
--- a/motioneye/static/css/main.css
+++ b/motioneye/static/css/main.css
@@ -980,7 +980,7 @@ div.camera-overlay-bottom.few-buttons {
 div.camera-info {
     display: inline-block;
     white-space: nowrap;
-    width: 50%;
+    width: 40%;
     overflow: hidden;
     text-overflow: ellipsis;
     vertical-align: top;
@@ -998,13 +998,12 @@ span.camera-info {
 
 div.camera-action-buttons {
     display: inline-block;
-    width: 50%;
+    width: 60%;
     vertical-align: top;
     text-align: right;
 }
 
 div.camera-action-buttons-wrapper {
-    width: 10em;
     display: inline-block;
     white-space: normal;
 }

diff --git a/motioneye/static/js/main.js b/motioneye/static/js/main.js
index 3c9a248c6771c9d5a67eb39180cc3ce3e2e7f837..d45839259ebec70e8804b3092db07afeed9a52ae 100644 (file)
--- a/motioneye/static/js/main.js
+++ b/motioneye/static/js/main.js
@@ -3835,17 +3835,17 @@ function addCameraFrameUi(cameraConfig) {
                     '</div>' +
                     '<div class="camera-overlay-bottom">' +
                         '<div class="camera-info">' +
-                            '<span class="camera-info fps"></span>' +
+                            '<span class="camera-info fps" title="streaming/capture frame rate"></span>' +
                         '</div>' +
                         '<div class="camera-action-buttons">' +
                         '<div class="camera-action-buttons-wrapper">' +
                                 '<div class="button icon camera-action-button mouse-effect lock" title="lock"></div>' +
-                                '<div class="button icon camera-action-button mouse-effect light-on" title="turn light on"></div>' +
-                                '<div class="button icon camera-action-button mouse-effect alarm-on" title="turn alarm on"></div>' +
-                                '<div class="button icon camera-action-button mouse-effect snapshot" title="take a snapshot"></div>' +
                                 '<div class="button icon camera-action-button mouse-effect unlock" title="unlock"></div>' +
+                                '<div class="button icon camera-action-button mouse-effect light-on" title="turn light on"></div>' +
                                 '<div class="button icon camera-action-button mouse-effect light-off" title="turn light off"></div>' +
+                                '<div class="button icon camera-action-button mouse-effect alarm-on" title="turn alarm on"></div>' +
                                 '<div class="button icon camera-action-button mouse-effect alarm-off" title="turn alarm off"></div>' +
+                                '<div class="button icon camera-action-button mouse-effect snapshot" title="take a snapshot"></div>' +
                                 '<div class="button icon camera-action-button mouse-effect record-start" title="toggle continuous recording mode"></div>' +
                             '</div>' +
                         '</div>' +
@@ -3971,7 +3971,7 @@ function addCameraFrameUi(cameraConfig) {
         'light_off': lightOffButton,
         'alarm_on': alarmOnButton,
         'alarm_off': alarmOffButton,
-        'snapshpt': snapshotButton,
+        'snapshot': snapshotButton,
         'record': recordButton
     };
     
@@ -4007,6 +4007,9 @@ function addCameraFrameUi(cameraConfig) {
     if (cameraConfig.actions.length <= 4) {
         cameraOverlay.find('div.camera-overlay-bottom').addClass('few-buttons');
     }
+    else {
+        cameraOverlay.find('div.camera-action-buttons-wrapper').css('width', Math.ceil(cameraConfig.actions.length / 2) * 2.5 + 'em');
+    }
 
     var FPS_LEN = 4;
     cameraImg[0].fpsTimes = [];