работающая генерация настроек

static/main-tdma.html

@@ -45,6 +45,7 @@
         <div class="tabs-header">
             <span style="font-weight:bold">RCSM-101 TDMA</span>
             <a href="#monitoring" class="tabs-btn" @click="activeTab = 'monitoring'" :class="{ active: activeTab === 'monitoring' }">Мониторинг</a>
+            <a href="#setup" class="tabs-btn" @click="activeTab = 'setup'" :class="{ active: activeTab === 'setup' }">Настройки</a>
             <a href="#admin" class="tabs-btn" @click="activeTab = 'admin'" :class="{ active: activeTab === 'admin' }">Администрирование</a>
             <a href="/logout" class="tabs-btn">Выход</a>
         </div>
@@ -108,7 +109,49 @@
                 </table>
             </div>
         </div>
+        <div class="tabs-body-item" v-if="activeTab === 'setup' && settingFetchComplete">
+<h2>Настройки приема/передачи</h2>
+<div class="tabs-item-flex-container">
+<div class="settings-set-container">
+<h3>Настройки передатчика</h3>
+<label>
+    <span>Включить передатчик</span>
+    <span class="toggle-input">
+        <input type="checkbox" v-model="paramRxtx.txEn" />
+        <span class="slider"></span>
+    </span>
+</label>
+<label>
+    <span>Входные данные</span>
+    <select v-model="paramRxtx.txIsTestInput">
+       <option :value="true">Тест</option>
+       <option :value="false">SCPC</option>
+    </select>
+</label>
+</div>
 
+<div class="settings-set-container">
+<h3>Настройки приемника</h3>
+<label>
+    <span>Режим управления усилением</span>
+    <select v-model="paramRxtx.rxAgcEn">
+       <option :value="true">АРУ</option>
+       <option :value="false">РРУ</option>
+    </select>
+</label>
+<label>
+    <span>Инверсия спектра</span>
+    <span class="toggle-input">
+        <input type="checkbox" v-model="paramRxtx.rxSpectrumInversion" />
+        <span class="slider"></span>
+    </span>
+</label>
+</div>
+
+</div>
+
+            <button class="action-button" @click="settingsSubmitBucLnb()">Сохранить <span class="submit-spinner" v-show="submitStatus.bucLnb"></span></button>
+        </div>
         <div class="tabs-body-item" v-if="activeTab === 'admin' && settingFetchComplete">
             <h2>Настройки сети</h2>
             <div class="settings-set-container">
@@ -200,7 +243,7 @@
 </div>
 <script src="/js/vue.js"></script>
 <script>
-    const availableTabs = ['monitoring', 'admin']
+    const availableTabs = ['monitoring', 'setup', 'admin']
 
 // default-js.js
     // для обновления высоты хидера
@@ -391,6 +434,9 @@
                 statOs: {uptime: '?'},
                 // ========== include end from 'common/monitoring-data.js.j2'
 
+                // ========== include from 'common/setup-data.js.j2'
+                // ========== include end from 'common/setup-data.js.j2'
+
                 // ========== include from 'common/admin-data.js.j2'
                 // ========== include end from 'common/admin-data.js.j2'
 
@@ -498,6 +544,97 @@
                 })
             },            // ========== include end from 'common/monitoring-methods.js.j2'
 
+            // ========== include from 'common/setup-methods.js.j2'
+
+            settingsSubmitCinC() {
+                if (this.submitStatus.cinc) { return }
+
+                let query = {
+                    "cinc.mode": this.param.cinc.mode,
+                    "cinc.searchBandwidth": this.param.cinc.searchBandwidth,
+                    "cinc.position.station.latitude": this.param.cinc.position.station.latitude,
+                    "cinc.position.station.longitude": this.param.cinc.position.station.longitude,
+                    "cinc.position.satelliteLongitude": this.param.cinc.position.satelliteLongitude,
+                    "cinc.delayMin": this.param.cinc.delayMin,
+                    "cinc.delayMax": this.param.cinc.delayMax
+                }
+                this.submitStatus.cinc = true
+                fetch('/api/set/cinc', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(query)
+                }).then(async (resp) => {
+                    this.submitStatus.cinc = false
+                    this.updateCincSettings(await resp.json())
+                }).catch((reason) => {
+                    this.submitStatus.cinc = false
+                    alert(`Ошибка при применении настроек: ${reason}`)
+                })
+            },
+
+            settingsSubmitBucLnb() {
+                if (this.submitStatus.bucLnb) { return }
+                let query = {
+                    "buc.refClk10M": this.param.buc.refClk10M,
+                    "buc.powering": parseInt(this.param.buc.powering),
+                    "lnb.refClk10M": this.param.lnb.refClk10M,
+                    "lnb.powering": parseInt(this.param.lnb.powering),
+                    "serviceSettings.refClk10M": this.param.serviceSettings.refClk10M,
+                    "serviceSettings.autoStart": this.param.serviceSettings.autoStart
+                }
+                if (confirm('Вы уверены, что хотите сохранить настройки BUC и LNB?')) {
+                    this.submitStatus.bucLnb = true
+                    fetch('/api/set/bucLnb', {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json'
+                        },
+                        body: JSON.stringify(query)
+                    }).then(async (resp) => {
+                        this.submitStatus.bucLnb = false
+                        this.updateBucLnbSettings(await resp.json())
+                    }).catch((reason) => {
+                        this.submitStatus.bucLnb = false
+                        alert(`Ошибка при применении настроек: ${reason}`)
+                    })
+                }
+            },
+
+
+
+            updateCincSettings(vals) {
+                this.submitStatus.cinc = false
+                this.param.cinc.mode = vals["settings"]["cinc.mode"]
+                this.param.cinc.searchBandwidth = vals["settings"]["cinc.searchBandwidth"]
+                this.param.cinc.position.station.latitude = vals["settings"]["cinc.position.station.latitude"]
+                this.param.cinc.position.station.longitude = vals["settings"]["cinc.position.station.longitude"]
+                this.param.cinc.position.satelliteLongitude = vals["settings"]["cinc.position.satelliteLongitude"]
+                this.param.cinc.delayMin = vals["settings"]["cinc.delayMin"]
+                this.param.cinc.delayMax = vals["settings"]["cinc.delayMax"]
+            },
+
+            updateBucLnbSettings(vals) {
+                this.submitStatus.bucLnb = false
+                this.param.buc.refClk10M = vals["settings"]["buc.refClk10M"]
+                this.param.buc.powering = vals["settings"]["buc.powering"]
+                this.param.lnb.refClk10M = vals["settings"]["lnb.refClk10M"]
+                this.param.lnb.powering = vals["settings"]["lnb.powering"]
+                this.param.serviceSettings.refClk10M = vals["settings"]["serviceSettings.refClk10M"]
+                this.param.serviceSettings.autoStart = vals["settings"]["serviceSettings.autoStart"]
+            },
+
+            updateSettings(vals) {
+                this.settingFetchComplete = true
+                this.updateRxTxSettings(vals)
+                this.updateCincSettings(vals)
+                this.updateBucLnbSettings(vals)
+                this.updateQosSettings(vals)
+                this.updateNetworkSettings(vals)
+                this.updateDebugSendSettings(vals)
+            },            // ========== include end from 'common/setup-methods.js.j2'
+
             // ========== include from 'common/admin-methods.js.j2'
             settingsSubmitNetwork() {
                 if (this.submitStatus.network) { return }