Tooltip tweaks

This commit is contained in:
Mashintime 2023-10-19 21:40:54 -04:00
parent 678c69732c
commit 7856b4df10
3 changed files with 25 additions and 31 deletions

View file

@ -75,6 +75,7 @@ function openWebExternal(url) {
href="#list-tnc" href="#list-tnc"
role="tab" role="tab"
aria-controls="list-tnc" aria-controls="list-tnc"
title="Home"
><i class="bi bi-house-door-fill h3"></i ><i class="bi bi-house-door-fill h3"></i
></a> ></a>
<a <a
@ -84,6 +85,7 @@ function openWebExternal(url) {
href="#list-chat" href="#list-chat"
role="tab" role="tab"
aria-controls="list-chat" aria-controls="list-chat"
title="Chat"
><i class="bi bi-chat-text h3"></i ><i class="bi bi-chat-text h3"></i
></a> ></a>
@ -104,6 +106,7 @@ function openWebExternal(url) {
href="#list-info" href="#list-info"
role="tab" role="tab"
aria-controls="list-info" aria-controls="list-info"
title="About"
><i class="bi bi-info h3"></i ><i class="bi bi-info h3"></i
></a> ></a>
@ -124,6 +127,7 @@ function openWebExternal(url) {
href="#list-settings" href="#list-settings"
role="tab" role="tab"
aria-controls="list-settings" aria-controls="list-settings"
title="Settings"
><i class="bi bi-gear-wide-connected h3"></i ><i class="bi bi-gear-wide-connected h3"></i
></a> ></a>

View file

@ -336,7 +336,7 @@ export default {
'btn-outline-secondary': state.is_codec2_traffic === 'False', 'btn-outline-secondary': state.is_codec2_traffic === 'False',
}" }"
> >
signal data
</button> </button>
</div> </div>
</div> </div>

View file

@ -25,11 +25,8 @@ const state = useStateStore(pinia);
}" }"
id="ptt_state" id="ptt_state"
type="button" type="button"
data-bs-placement="top" title="Rig PTT state"
data-bs-toggle="tooltip" style="pointer-events: auto;"
data-bs-trigger="hover"
data-bs-html="true"
title="PTT state:<strong class='text-success'>RECEIVING</strong> / <strong class='text-danger'>TRANSMITTING</strong>"
disabled disabled
> >
<i class="bi bi-broadcast-pin" style="font-size: 0.8rem"></i> <i class="bi bi-broadcast-pin" style="font-size: 0.8rem"></i>
@ -47,8 +44,9 @@ const state = useStateStore(pinia);
'bg-danger': state.busy_state === 'BUSY', 'bg-danger': state.busy_state === 'BUSY',
'bg-secondary': state.busy_state === 'IDLE', 'bg-secondary': state.busy_state === 'IDLE',
}" }"
title="TNC busy state: <strong class='text-success'>IDLE</strong> / <strong class='text-danger'>BUSY</strong>" title="TNC state"
disabled disabled
style="pointer-events: auto;"
> >
<i class="bi bi-cpu" style="font-size: 0.8rem"></i> <i class="bi bi-cpu" style="font-size: 0.8rem"></i>
</button> </button>
@ -61,12 +59,13 @@ const state = useStateStore(pinia);
data-bs-toggle="tooltip" data-bs-toggle="tooltip"
data-bs-trigger="hover" data-bs-trigger="hover"
data-bs-html="true" data-bs-html="true"
title="ARQ SESSION state: <strong class='text-warning'>OPEN</strong>"
v-bind:class="{ v-bind:class="{
'bg-secondary': state.arq_session_state === 'disconnected', 'bg-secondary': state.arq_session_state === 'disconnected',
'bg-warning': state.arq_session_state === 'connected', 'bg-warning': state.arq_session_state === 'connected',
}" }"
disabled disabled
style="pointer-events: auto;"
title="Session state"
> >
<i class="bi bi-arrow-left-right" style="font-size: 0.8rem"></i> <i class="bi bi-arrow-left-right" style="font-size: 0.8rem"></i>
</button> </button>
@ -75,16 +74,13 @@ const state = useStateStore(pinia);
class="btn btn-sm btn-secondary me-1" class="btn btn-sm btn-secondary me-1"
id="arq_state" id="arq_state"
type="button" type="button"
data-bs-placement="top" title="Data channel state"
data-bs-toggle="tooltip"
data-bs-trigger="hover"
data-bs-html="true"
title="DATA-CHANNEL state: <strong class='text-warning'>OPEN</strong>"
v-bind:class="{ v-bind:class="{
'bg-secondary': state.arq_state === 'False', 'bg-secondary': state.arq_state === 'False',
'bg-warning': state.arq_state === 'True', 'bg-warning': state.arq_state === 'True',
}" }"
disabled disabled
style=" ointer-events: auto;"
> >
<i class="bi bi-file-earmark-binary" style="font-size: 0.8rem"></i> <i class="bi bi-file-earmark-binary" style="font-size: 0.8rem"></i>
</button> </button>
@ -114,7 +110,8 @@ const state = useStateStore(pinia);
'btn-warning': state.channel_busy === 'True', 'btn-warning': state.channel_busy === 'True',
'btn-secondary': state.channel_busy === 'False', 'btn-secondary': state.channel_busy === 'False',
}" }"
title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>" style="pointer-events: auto;"
title="Channel busy"
> >
<i class="bi bi-hourglass"></i> <i class="bi bi-hourglass"></i>
</button> </button>
@ -124,10 +121,8 @@ const state = useStateStore(pinia);
<button <button
class="btn btn-sm btn-secondary me-4 disabled" class="btn btn-sm btn-secondary me-4 disabled"
type="button" type="button"
data-bs-placement="top" title="What's the frequency, Kenneth?"
data-bs-toggle="tooltip" style=" pointer-events: auto;"
data-bs-trigger="hover"
data-bs-html="true"
> >
{{ parseInt(state.frequency) / 1000 }} KHz {{ parseInt(state.frequency) / 1000 }} KHz
</button> </button>
@ -137,10 +132,7 @@ const state = useStateStore(pinia);
<button <button
class="btn btn-sm btn-secondary me-0" class="btn btn-sm btn-secondary me-0"
type="button" type="button"
data-bs-placement="top" title="Speed level"
data-bs-toggle="tooltip"
data-bs-trigger="hover"
data-bs-html="true"
> >
<i class="bi bi-speedometer2" style="font-size: 1rem"></i> <i class="bi bi-speedometer2" style="font-size: 1rem"></i>
</button> </button>
@ -157,11 +149,11 @@ const state = useStateStore(pinia);
class="bi" class="bi"
style="font-size: 1rem" style="font-size: 1rem"
v-bind:class="{ v-bind:class="{
'bi-reception-0': state.speed_level === '0', 'bi-reception-0': state.speed_level == 0,
'bi-reception-1': state.speed_level === '1', 'bi-reception-1': state.speed_level == 1,
'bi-reception-2': state.speed_level === '2', 'bi-reception-2': state.speed_level == 2,
'bi-reception-3': state.speed_level === '3', 'bi-reception-3': state.speed_level == 3,
'bi-reception-4': state.speed_level === '4', 'bi-reception-4': state.speed_level == 4,
}" }"
></i> ></i>
</button> </button>
@ -170,10 +162,7 @@ const state = useStateStore(pinia);
<button <button
class="btn btn-sm btn-secondary me-0" class="btn btn-sm btn-secondary me-0"
type="button" type="button"
data-bs-placement="top" title="Bytes transfered"
data-bs-toggle="tooltip"
data-bs-trigger="hover"
data-bs-html="true"
> >
<i class="bi bi-file-earmark-binary" style="font-size: 1rem"></i> <i class="bi bi-file-earmark-binary" style="font-size: 1rem"></i>
</button> </button>
@ -197,6 +186,7 @@ const state = useStateStore(pinia);
data-bs-toggle="tooltip" data-bs-toggle="tooltip"
data-bs-trigger="hover" data-bs-trigger="hover"
data-bs-html="true" data-bs-html="true"
title="Current or last connected with station"
> >
<i class="bi bi-file-earmark-binary" style="font-size: 1rem"></i> <i class="bi bi-file-earmark-binary" style="font-size: 1rem"></i>
</button> </button>