mirror of
https://github.com/DJ2LS/FreeDATA
synced 2024-05-14 08:04:33 +00:00
adjusted top navbar
This commit is contained in:
parent
56d2cd7ca4
commit
48b0acbc60
4 changed files with 125 additions and 77 deletions
|
@ -12,7 +12,7 @@ const state = useStateStore(pinia);
|
|||
import { useSettingsStore } from '../store/settingsStore.js';
|
||||
const settings = useSettingsStore(pinia);
|
||||
|
||||
|
||||
import main_top_navbar from './main_top_navbar.vue'
|
||||
import main_audio from './main_audio.vue'
|
||||
import main_rig_control from './main_rig_control.vue'
|
||||
import main_my_station from './main_my_station.vue'
|
||||
|
@ -183,78 +183,9 @@ function changeGuiDesign(design) {
|
|||
<div class="tab-content" id="nav-tabContent">
|
||||
<div class="tab-pane fade show active" id="list-tnc" role="tabpanel" aria-labelledby="list-tnc-list">
|
||||
|
||||
<!-- TOP NAVBAR -->
|
||||
<main_top_navbar/>
|
||||
|
||||
<!-- SECONDARY NAVBAR -->
|
||||
<nav class="navbar bg-body-tertiary border-bottom">
|
||||
<div style="margin-left: 100px">
|
||||
|
||||
</div>
|
||||
|
||||
<div>{{state.tnc_running_state}}
|
||||
|
||||
<div class="btn-group" role="group">
|
||||
<button
|
||||
type="button"
|
||||
id="startTNC"
|
||||
class="btn btn-sm btn-outline-success"
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-trigger="hover"
|
||||
data-bs-html="false"
|
||||
title="Start the TNC. Please set your audio and radio settings first!"
|
||||
@click="startStopTNC()"
|
||||
>
|
||||
<i class="bi bi-play-fill"></i>
|
||||
<span class="ms-2">Start tnc</span>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
id="stopTNC"
|
||||
class="btn btn-sm btn-outline-danger"
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-trigger="hover"
|
||||
data-bs-html="false"
|
||||
title="Stop the TNC."
|
||||
@click="startStopTNC()"
|
||||
>
|
||||
<i class="bi bi-stop-fill"></i>
|
||||
<span class="ms-2">Stop tnc</span>
|
||||
</button>
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
id="openHelpModalStartStopTNC"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#startStopTNCHelpModal"
|
||||
class="btn me-5 p-0 border-0"
|
||||
>
|
||||
<i class="bi bi-question-circle" style="font-size: 1rem"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<!--
|
||||
<div class="btn-toolbar" role="toolbar">
|
||||
|
||||
<span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-html="false"
|
||||
title="View the received files. This is currently under development!">
|
||||
|
||||
|
||||
<button class="btn btn-sm btn-primary me-2" data-bs-toggle="offcanvas" data-bs-target="#receivedFilesSidebar" id="openReceivedFiles" type="button" > <strong>Files </strong>
|
||||
<i class="bi bi-file-earmark-arrow-up-fill" style="font-size: 1rem; color: white;"></i>
|
||||
<i class="bi bi-file-earmark-arrow-down-fill" style="font-size: 1rem; color: white;"></i>
|
||||
</button>
|
||||
</span> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-html="false" title="Send files through HF. This is currently under development!">
|
||||
<button class="btn btn-sm btn-primary me-2" id="openDataModule" data-bs-toggle="offcanvas" data-bs-target="#transmitFileSidebar" type="button" style="display: None;"> <strong>TX File </strong>
|
||||
<i class="bi bi-file-earmark-arrow-up-fill" style="font-size: 1rem; color: white;"></i>
|
||||
</button>
|
||||
|
||||
</span> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-html="true"
|
||||
title="Settings and Info">
|
||||
|
||||
</span>
|
||||
</div>
|
||||
-->
|
||||
</nav>
|
||||
|
||||
<div id="blurdiv" style="-webkit-filter: blur(0px); filter: blur(0px)">
|
||||
<!--beginn of blur div -->
|
||||
|
|
|
@ -104,7 +104,7 @@ const settings = useSettingsStore(pinia);
|
|||
|
||||
<div class="btn-group btn-group-sm me-1" role="group">
|
||||
<button
|
||||
class="btn btn-sm btn-secondary me-4"
|
||||
class="btn btn-sm btn-secondary me-4 disabled"
|
||||
type="button"
|
||||
data-bs-placement="top"
|
||||
data-bs-toggle="tooltip"
|
||||
|
@ -134,7 +134,7 @@ const settings = useSettingsStore(pinia);
|
|||
|
||||
|
||||
<button
|
||||
class="btn btn-sm btn-secondary me-4"
|
||||
class="btn btn-sm btn-secondary me-4 disabled"
|
||||
type="button"
|
||||
data-bs-placement="top"
|
||||
data-bs-toggle="tooltip"
|
||||
|
@ -173,7 +173,7 @@ const settings = useSettingsStore(pinia);
|
|||
|
||||
|
||||
<button
|
||||
class="btn btn-sm btn-secondary me-4"
|
||||
class="btn btn-sm btn-secondary me-4 disabled"
|
||||
type="button"
|
||||
data-bs-placement="top"
|
||||
data-bs-toggle="tooltip"
|
||||
|
@ -197,7 +197,7 @@ const settings = useSettingsStore(pinia);
|
|||
|
||||
|
||||
<button
|
||||
class="btn btn-sm btn-secondary me-1"
|
||||
class="btn btn-sm btn-secondary disabled me-1"
|
||||
type="button"
|
||||
data-bs-placement="top"
|
||||
data-bs-toggle="tooltip"
|
||||
|
|
117
gui_vue/src/components/main_top_navbar.vue
Normal file
117
gui_vue/src/components/main_top_navbar.vue
Normal file
|
@ -0,0 +1,117 @@
|
|||
<script setup lang="ts">
|
||||
|
||||
import {saveSettingsToFile} from '../js/settingsHandler'
|
||||
|
||||
import { setActivePinia } from 'pinia';
|
||||
import pinia from '../store/index';
|
||||
setActivePinia(pinia);
|
||||
|
||||
import { useStateStore } from '../store/stateStore.js';
|
||||
const state = useStateStore(pinia);
|
||||
|
||||
import { useSettingsStore } from '../store/settingsStore.js';
|
||||
const settings = useSettingsStore(pinia);
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<template>
|
||||
<nav class="navbar bg-body-tertiary border-bottom">
|
||||
|
||||
|
||||
<div class="mx-auto">
|
||||
|
||||
<div class="btn-group" role="group">
|
||||
|
||||
<button
|
||||
type="button"
|
||||
id="startTNC"
|
||||
class="btn btn-sm btn-outline-secondary disabled me-4"
|
||||
|
||||
|
||||
>TNC address: {{settings.tnc_host}}
|
||||
</button>
|
||||
|
||||
</div>
|
||||
<div class="btn-group me-4" role="group">
|
||||
|
||||
<button
|
||||
type="button"
|
||||
id="startTNC"
|
||||
class="btn btn-sm btn-outline-success"
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-trigger="hover"
|
||||
data-bs-html="false"
|
||||
title="Start the TNC. Please set your audio and radio settings first!"
|
||||
@click="startStopTNC()"
|
||||
>
|
||||
<i class="bi bi-play-fill"></i>
|
||||
<span class="ms-2">Start tnc</span>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
id="stopTNC"
|
||||
class="btn btn-sm btn-outline-danger"
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-trigger="hover"
|
||||
data-bs-html="false"
|
||||
title="Stop the TNC."
|
||||
@click="startStopTNC()"
|
||||
>
|
||||
<i class="bi bi-stop-fill"></i>
|
||||
<span class="ms-2">Stop tnc</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="btn-group me-1" role="group">
|
||||
|
||||
<button
|
||||
type="button"
|
||||
id="startTNC"
|
||||
class="btn btn-sm btn-outline-secondary disabled"
|
||||
|
||||
>TNC state:{{settings.tnc_running_state}}
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<button
|
||||
type="button"
|
||||
id="openHelpModalStartStopTNC"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#startStopTNCHelpModal"
|
||||
class="btn me-4 p-0 border-0"
|
||||
>
|
||||
<i class="bi bi-question-circle" style="font-size: 1rem"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
<div class="btn-toolbar" role="toolbar">
|
||||
|
||||
<span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-html="false"
|
||||
title="View the received files. This is currently under development!">
|
||||
|
||||
|
||||
<button class="btn btn-sm btn-primary me-2" data-bs-toggle="offcanvas" data-bs-target="#receivedFilesSidebar" id="openReceivedFiles" type="button" > <strong>Files </strong>
|
||||
<i class="bi bi-file-earmark-arrow-up-fill" style="font-size: 1rem; color: white;"></i>
|
||||
<i class="bi bi-file-earmark-arrow-down-fill" style="font-size: 1rem; color: white;"></i>
|
||||
</button>
|
||||
</span> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-html="false" title="Send files through HF. This is currently under development!">
|
||||
<button class="btn btn-sm btn-primary me-2" id="openDataModule" data-bs-toggle="offcanvas" data-bs-target="#transmitFileSidebar" type="button" style="display: None;"> <strong>TX File </strong>
|
||||
<i class="bi bi-file-earmark-arrow-up-fill" style="font-size: 1rem; color: white;"></i>
|
||||
</button>
|
||||
|
||||
</span> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-html="true"
|
||||
title="Settings and Info">
|
||||
|
||||
</span>
|
||||
</div>
|
||||
-->
|
||||
</nav>
|
||||
</template>
|
|
@ -21,7 +21,7 @@ export const useStateStore = defineStore('stateStore', () => {
|
|||
|
||||
var tnc_connection = ref("disconnected")
|
||||
var tncStartCount = ref(0)
|
||||
var tnc_running_state = ref(0)
|
||||
var tnc_running_state = ref("--------")
|
||||
|
||||
var arq_total_bytes = ref(0)
|
||||
|
||||
|
|
Loading…
Reference in a new issue