From f5530868b501fedcf3016eaea260b9320d55a9dc Mon Sep 17 00:00:00 2001
From: Calin Crisan <ccrisan@gmail.com>
Date: Sat, 18 Jan 2014 19:09:37 +0200
Subject: [PATCH] applying settings improvements and fixes

---
 src/handlers.py     |  1 +
 static/css/main.css | 11 ++++++++++-
 static/js/main.js   | 20 +++++++++-----------
 3 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/handlers.py b/src/handlers.py
index 91b7dfe..f107628 100644
--- a/src/handlers.py
+++ b/src/handlers.py
@@ -286,6 +286,7 @@ class ConfigHandler(BaseHandler):
                 for key, cfg in ui_config.items():
                     if key == 'main':
                         reload = set_main_config(cfg) or reload
+                        check_finished(None, reload)
                         
                     else:
                         set_camera_config(int(key), cfg, check_finished)
diff --git a/static/css/main.css b/static/css/main.css
index 467dfd8..158ed19 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -716,10 +716,19 @@ div.camera-progress {
     cursor: pointer;
 }
 
+div.camera-progress.visible {
+    opacity: 0.4;
+}
+
 img.camera-progress {
-    margin-top: 20%;
     border: 10px solid white;
     border-radius: 10px;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    bottom: 0px;
+    right: 0px;
+    margin: auto;
 }
 
 
diff --git a/static/js/main.js b/static/js/main.js
index 0a63be2..77aea0c 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -251,7 +251,7 @@ function initUI() {
             updateConfigUi();
         }
         else {
-            beginProgress();
+            beginProgress([$(this).val()]);
             fetchCurrentCameraConfig(endProgress);
         }
     });
@@ -752,11 +752,11 @@ function beginProgress(cameraIds) {
     /* show the camera progress indicators */
     if (cameraIds) {
         cameraIds.forEach(function (cameraId) {
-            $('div.camera-frame#camera' + cameraId + ' div.camera-progress').css('opacity', '0.5');
+            $('div.camera-frame#camera' + cameraId + ' div.camera-progress').addClass('visible');
         });
     }
     else {
-        $('div.camera-progress').css('opacity', '0.5');
+        $('div.camera-progress').addClass('visible');
     }
     
     /* remove the settings progress lock */
@@ -785,7 +785,7 @@ function endProgress() {
     $('div.settings-progress').css('opacity', '0');
     
     /* hide the camera progress indicator */
-    $('div.camera-progress').css('opacity', '0');
+    $('div.camera-progress').removeClass('visible');
 
     setTimeout(function () {
         $('div.settings-progress').css('width', '0px');
@@ -884,7 +884,7 @@ function doApply() {
         pushConfigs = {};
         endProgress();
         
-        recreateCameraFrames();
+        //recreateCameraFrames();
     });
 }
 
@@ -1730,10 +1730,8 @@ function addCameraFrameUi(cameraConfig, framerate) {
         doFullScreenCamera(cameraId);
     });
     
-    //if (inProgress) { TODO
-        cameraProgress.css('opacity', '0.5');
-        cameraPlaceholder.css('opacity', '0');
-//    }
+    cameraProgress.addClass('visible');
+    cameraPlaceholder.css('opacity', '0');
     
     /* insert the new camera frame at the right position,
      * with respect to the camera id */
@@ -1788,7 +1786,7 @@ function addCameraFrameUi(cameraConfig, framerate) {
         cameraImg.addClass('error').removeClass('loading');
         cameraImg.height(Math.round(cameraImg.width() * 0.75));
         cameraPlaceholder.css('opacity', 1);
-        cameraProgress.css('opacity', 0);
+        cameraProgress.removeClass('visible');
     });
     cameraImg.load(function () {
         if (refreshDisabled) {
@@ -1801,7 +1799,7 @@ function addCameraFrameUi(cameraConfig, framerate) {
         cameraImg.removeClass('error').removeClass('loading');
         cameraImg.css('height', '');
         cameraPlaceholder.css('opacity', 0);
-        cameraProgress.css('opacity', 0);
+        cameraProgress.removeClass('visible');
         
         if (fullScreenCameraId) {
             /* update the modal dialog position when image is loaded */
-- 
2.39.5