Initial commit: HospitalCCTV Web Monitor

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/static/js/init_page.js

@@ -0,0 +1,58 @@
+/*
+@File: init_page.js
+@Date: 2026-02-23
+@brief: Page initialization
+*/
+
+bindingTabEvent('.tab_wrap');
+init()
+
+function init(){
+    //기본값 비움 - localStorage에 값이 없으면 빈값 유지
+    if(localStorage.getItem('line_num')==null) {
+        localStorage.setItem('line_num', DEFAULT_MSG_BOX_LINE)
+    }
+
+    let ls_line_num = parseInt(localStorage.getItem('line_num'),10)
+    let ls_mqtt_server_address = localStorage.getItem('mqtt_server_address') || ''
+    let ls_mqtt_server_id = localStorage.getItem('mqtt_user_id') || ''
+    let ls_engine_server_address = localStorage.getItem('engine_server_address') || ''
+
+    MSG_BOX_LINE.val(ls_line_num);
+    MQTT_SERVER_ADDRESS.val(ls_mqtt_server_address);
+    MQTT_USER_ID.val(ls_mqtt_server_id);
+    ENGINE_SERVER_ADDRESS.val(ls_engine_server_address);
+}
+
+function findParent(el, className){
+    let check = el.parentNode.classList.contains(className);
+
+    if(check === true){
+       return el.parentNode;
+    }else{
+      return findParent(el.parentNode, className);
+    }
+}
+
+function bindingTabEvent(wrap){
+  let wrapEl = document.querySelectorAll(wrap);
+
+  wrapEl.forEach(function(tabArea){
+    let btn = tabArea.querySelectorAll('.btn_tab');
+
+    btn.forEach(function(item){
+      item.addEventListener('click', function(){
+        let parent = findParent(this, 'tab_area');
+        let idx = this.dataset['idx'];
+        let depth = this.dataset['depth'];
+        let btnArr = parent.querySelectorAll('.btn_tab[data-depth="'+ depth +'"]');
+        let contentArr = parent.querySelectorAll('.content_area[data-depth="'+ depth +'"]');
+
+        btnArr.forEach(function(btn){ btn.classList.remove('act'); });
+        this.classList.add('act');
+        contentArr.forEach(function(content){ content.classList.remove('act'); });
+        parent.querySelector('.content_area[data-idx="'+ idx +'"][data-depth="'+ depth +'"]').classList.add('act');
+      });
+    });
+  });
+}