update for our registrators

static/templates/live.html

@@ -94,6 +94,7 @@
                                   <div class="checkmark"></div>
                                 </label>
                                 <input type="number" id="channels-{{this.serial}}" value="{{this.channels}}" hidden>
+                                <input type="text" id="ourreg-{{this.serial}}" value="{{this.ourreg}}" hidden>
                                 <input type="radio" name="camera-serial" id="radio-{{this.serial}}" class="radio-input" value="{{this.serial}}" hidden>
                                 <label for="radio-{{this.serial}}" class="radio-label active-{{this.status}}">
                                   <span class="text">
@@ -364,8 +365,18 @@
       }
     
       async function playNextCamerasInGroup() {
-  const startCamera = currentCameraGroup === 1 ? 2 : (currentCameraGroup - 1) * camerasPerGroup;
-  const endCamera = startCamera + camerasPerGroup - 1;
+
+        let startCamera;
+        let endCamera;
+
+        serial = $("input[name=camera-serial]:checked").val()
+          if ($(`#ourreg-${serial}`).val() == "true") {
+            startCamera = currentCameraGroup === 1 ? 1 : (currentCameraGroup - 1) * camerasPerGroup;
+            endCamera = startCamera + camerasPerGroup - 1;
+          } else {
+            startCamera = currentCameraGroup === 1 ? 2 : (currentCameraGroup - 1) * camerasPerGroup + 1;
+            endCamera = startCamera + camerasPerGroup - 1;
+          }
 
   if (startCamera > totalCameras) {
     // currentCameraGroup = 1;
@@ -443,7 +454,7 @@
       }
     
       // Запустить воспроизведение видео при загрузке страницы
-      playNextCamerasInGroup();
+      // playNextCamerasInGroup();
     </script>
     
     
@@ -664,10 +675,10 @@ originalVideo = video;
 // Меняем стили видео
 video.style.position = 'fixed';
 video.style.top = '10%';
-video.style.left = '0';
-video.style.width = '100%';
+video.style.right = '0';
+video.style.width = '90%';
 video.style.height = '80%';
-video.style.zIndex = '1000';
+video.style.zIndex = '1001';
 
 popup.style.display = 'block';
 popupContainer.style.width = '100%';