hide modules not ready

This commit is contained in:
DJ2LS 2023-09-20 07:37:32 +02:00
parent d8e392ddba
commit 90a28484c0
5 changed files with 19 additions and 240 deletions

View file

@ -26,23 +26,13 @@ import {updateAllChat, newMessage} from '../js/chatHandler'
updateAllChat()
function transmitNewMessage(){
console.log(chat.inputText)
console.log(chat.selectedCallsign)
newMessage(chat.selectedCallsign, chat.inputText)
// finally do a cleanup
chat.inputText = ''
}
</script>
<template>

View file

@ -25,7 +25,8 @@ function deleteChat(callsign){
import chat_conversations_entry from './chat_conversations_entry.vue'
function chatSelected(callsign){
chat.selectedCallsign = callsign
chat.selectedCallsign = callsign.toUpperCase()
// scroll message container to bottom
var messageBody = document.getElementById("message-container");

View file

@ -18,7 +18,10 @@ const chat = useChatStore(pinia);
function newChat(obj){
chat.callsign_list.add(document.getElementById("chatModuleNewDxCall").value)
let callsign = document.getElementById("chatModuleNewDxCall").value
callsign = callsign.toUpperCase()
chat.callsign_list.add(callsign)
}
@ -45,241 +48,21 @@ function newChat(obj){
title="Start a new chat (enter dx call sign first)"
@click="newChat()"
>
new chat
<i
class="bi bi-pencil-square"
style="font-size: 1.2rem"
></i>
</button>
<button
type="button"
id="userModalButton"
data-bs-toggle="modal"
data-bs-target="#userModal"
class="btn btn-sm btn-primary ms-2"
title="My station info"
>
<i
class="bi bi-person"
style="font-size: 1.2rem"
></i>
</button>
<button
type="button"
id="sharedFolderButton"
data-bs-toggle="modal"
data-bs-target="#sharedFolderModal"
class="btn btn-sm btn-primary"
title="My shared folder"
>
<i
class="bi bi-files"
style="font-size: 1.2rem"
></i>
</button>
</div>
</div>
<div class="col-7 ms-2 p-0">
<div class="input-group bottom-0">
<button
class="btn btn-sm btn-outline-secondary me"
id="ping"
type="button"
data-bs-toggle="tooltip"
data-bs-trigger="hover"
data-bs-html="false"
title="Ping remote station"
>
Ping
</button>
<button
type="button"
id="userModalDXButton"
data-bs-toggle="modal"
data-bs-target="#userModalDX"
class="btn btn-sm btn-outline-secondary"
title="Request remote station's information"
>
<i
class="bi bi-person"
style="font-size: 1.2rem"
></i>
</button>
<!-- right side of chat nav bar-->
<button
type="button"
id="sharedFolderDXButton"
data-bs-toggle="modal"
data-bs-target="#sharedFolderModalDX"
class="btn btn-sm btn-outline-secondary me-2"
title="Request remote station's shared files"
>
<i
class="bi bi-files"
style="font-size: 1.2rem"
></i>
</button>
<button
type="button"
class="btn btn-small btn-outline-primary dropdown-toggle me-2"
data-bs-toggle="dropdown"
aria-expanded="false"
data-bs-auto-close="outside"
data-bs-trigger="hover"
data-bs-html="false"
title="Message filter"
>
<i class="bi bi-funnel-fill"></i>
</button>
<form class="dropdown-menu p-4" id="frmFilter">
<div class="mb-1">
<div class="form-check">
<input
checked="true"
type="checkbox"
class="form-check-input"
id="chkMessage"
/>
<label
class="form-check-label"
for="chkMessage"
>
All Messages
</label>
</div>
</div>
<div class="mb-1">
<div class="form-check">
<input
checked="false"
type="checkbox"
class="form-check-input"
id="chkNewMessage"
/>
<label
class="form-check-label"
for="chkNewMessage"
>
Unread Messages
</label>
</div>
</div>
<div class="mb-1">
<div class="form-check">
<input
type="checkbox"
class="form-check-input"
id="chkPing"
/>
<label class="form-check-label" for="chkPing">
Pings
</label>
</div>
</div>
<div class="mb-1">
<div class="form-check">
<input
checked="true"
type="checkbox"
class="form-check-input"
id="chkPingAck"
/>
<label
class="form-check-label"
for="chkPingAck"
>
Ping-Acks
</label>
</div>
</div>
<div class="mb-1">
<div class="form-check">
<input
type="checkbox"
class="form-check-input"
id="chkBeacon"
/>
<label
class="form-check-label"
for="chkBeacon"
>
Beacons
</label>
</div>
</div>
<div class="mb-1">
<div class="form-check">
<input
type="checkbox"
class="form-check-input"
id="chkRequest"
/>
<label
class="form-check-label"
for="chkRequest"
>
Requests
</label>
</div>
</div>
<div class="mb-1">
<div class="form-check">
<input
type="checkbox"
class="form-check-input"
id="chkResponse"
/>
<label
class="form-check-label"
for="chkResponse"
>
Responses
</label>
</div>
</div>
<button
type="button"
class="btn btn-primary"
id="btnFilter"
>
Refresh
</button>
</form>
<button
id="chatSettingsDropDown"
type="button"
class="btn btn-outline-secondary dropdown-toggle"
data-bs-toggle="dropdown"
aria-expanded="false"
title="More options...."
>
<i class="bi bi-three-dots-vertical"></i>
</button>
<ul
class="dropdown-menu"
aria-labelledby="chatSettingsDropDown"
>
<li>
<button
class="dropdown-item"
id="openHelpModalchat"
data-bs-toggle="modal"
data-bs-target="#chatHelpModal"
>
<i
class="bi bi-question-circle"
style="font-size: 1rem"
></i>
Help
</button>
</li>
</ul>
</div>
</div>
</div>
</div>

View file

@ -148,8 +148,9 @@ function changeGuiDesign(design) {
><i class="bi bi-chat-text h3"></i
></a>
<a
class="list-group-item list-group-item-action"
class="list-group-item list-group-item-action d-none"
id="list-mesh-list"
data-bs-toggle="list"
href="#list-mesh"
@ -157,6 +158,7 @@ function changeGuiDesign(design) {
aria-controls="list-mesh"
><i class="bi bi-rocket h3"></i
></a>
<a
class="list-group-item list-group-item-action mt-2 border"
id="list-info-list"
@ -167,8 +169,9 @@ function changeGuiDesign(design) {
><i class="bi bi-info h3"></i
></a>
<a
class="list-group-item list-group-item-action"
class="list-group-item list-group-item-action d-none"
id="list-logger-list"
data-bs-toggle="list"
href="#list-logger"
@ -274,7 +277,7 @@ function changeGuiDesign(design) {
</div>
<div
class="tab-pane fade"
class="tab-pane fade d-none"
id="list-mesh"
role="tabpanel"
aria-labelledby="list-mesh-list"
@ -325,7 +328,7 @@ function changeGuiDesign(design) {
</div>
</nav>
<div class="tab-content" id="nav-tabContent-Mesh">
<div class="tab-content d-none" id="nav-tabContent-Mesh">
<div
class="tab-pane fade show active vw-100 vh-90 overflow-auto"
id="nav-route"
@ -381,6 +384,8 @@ function changeGuiDesign(design) {
</div>
</div>
</div>
<div
class="tab-pane fade"
id="nav-actions"

View file

@ -128,7 +128,7 @@ export function newMessage(dxcallsign, chatmessage){
newChatObj.msg = chatmessage
newChatObj.checksum = file_checksum
newChatObj.type = message_type
newChatObj.status = "transmit"
newChatObj.status = "transmitting"
newChatObj.attempt = 1
newChatObj.uuid = uuid
newChatObj._attachments = {