Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI beautify, some corrections #6

Open
wants to merge 5 commits into
base: master
Choose a base branch
from
Open

UI beautify, some corrections #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
3e3ddb4
Service Bar: Make the whole tile clickable
mk-81 Apr 2, 2020
f10cce4
Services Bar: Completely rebuild
mk-81 Apr 2, 2020
2d189f2
complete layouting of Forms, adjustment of Sections
mk-81 Apr 4, 2020
09e7416
merge original commit 8ce914e2d6efa96d75c40ac05549313eae78c90b
mk-81 Apr 4, 2020
f025ad6
Merges
mk-81 Apr 4, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
128 changes: 64 additions & 64 deletions templates/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,70 +8,70 @@
<h3 class="text-center" title="Hermes Site Id" x-text="getSiteId()"></h3>

<!-- Services Bar -->
<div id="services" class="card-group text-center">
<div class="card bg-success" x-bind:title="'MQTT: ' + (profile.mqtt.enabled ? 'external' : 'internal')" x-bind:class="{ 'bg-dark': !profile.mqtt.enabled }">
<div class="card-body p-2">
<a href="/settings#mqtt">
<i class="fas fa-inverse fa-network-wired fa-lg"></i>
</a>
</div>
</div>
<div class="card bg-success" x-bind:title="'Audio input: ' + profile.microphone.system" x-bind:class="{ 'bg-dark': profile.microphone.system == 'dummy' }">
<div class="card-body p-2">
<a href="/settings#microphone">
<i class="fas fa-inverse fa-microphone fa-lg"></i>
</a>
</div>
</div>
<div class="card bg-success" x-bind:title="'Intent handling: ' + profile.handle.system" x-bind:class="{ 'bg-dark': profile.handle.system == 'dummy' }">
<div class="card-body p-2">
<a href="/settings#handle">
<i class="fas fa-inverse fa-home fa-lg"></i>
</a>
</div>
</div>
<div class="card bg-success" x-bind:title="'Wake word: ' + profile.wake.system" x-bind:class="{ 'bg-dark': profile.wake.system == 'dummy' }">
<div class="card-body p-2">
<a href="/settings#wake">
<i class="fas fa-inverse fa-exclamation-circle fa-lg"></i>
</a>
</div>
</div>
<div class="card bg-success" x-bind:title="'Speech to text: ' + profile.speech_to_text.system" x-bind:class="{ 'bg-dark': profile.speech_to_text.system == 'dummy' }">
<div class="card-body p-2">
<a href="/settings#speech">
<i class="fas fa-inverse fa-phone-volume fa-lg"></i>
</a>
</div>
</div>
<div class="card bg-success" x-bind:title="'Intent recognition: ' + profile.intent.system" x-bind:class="{ 'bg-dark': profile.intent.system == 'dummy' }">
<div class="card-body p-2">
<a href="/settings#intent">
<i class="fas fa-inverse fa-comment fa-lg"></i>
</a>
</div>
</div>
<div class="card bg-success" x-bind:title="'Text to speech: ' + profile.text_to_speech.system" x-bind:class="{ 'bg-dark': profile.text_to_speech.system == 'dummy' }">
<div class="card-body p-2">
<a href="/settings#tts">
<i class="fas fa-inverse fa-paper-plane fa-lg"></i>
</a>
</div>
</div>
<div class="card bg-success" x-bind:title="'Audio output: ' + profile.sounds.system" x-bind:class="{ 'bg-dark': profile.sounds.system == 'dummy' }">
<div class="card-body p-2">
<a href="/settings#sounds">
<i class="fas fa-inverse fa-volume-up fa-lg"></i>
</a>
</div>
</div>
<div class="card bg-success" x-bind:title="'Dialogue management: ' + profile.dialogue.system" x-bind:class="{ 'bg-dark': profile.dialogue.system == 'dummy' }">
<div class="card-body p-2">
<a href="/settings#dialogue">
<i class="fas fa-inverse fa-tasks fa-lg"></i>
</a>
</div>
</div>
<div id="services" class="btn-group text-center w-100">

<a href="/settings#mqtt" class="btn flex-fill p-2"
x-bind:title="'MQTT: ' + (profile.mqtt.enabled ? 'external' : 'internal')"
x-bind:class="{ 'btn-dark': !profile.mqtt.enabled, 'btn-success' : profile.mqtt.enabled }"
>
<i class="fas fa-inverse fa-network-wired fa-lg"></i>
</a>

<a href="/settings#microphone" class="btn flex-fill p-2"
x-bind:title="'Audio input: ' + profile.microphone.system"
x-bind:class="{ 'btn-dark': profile.microphone.system === 'dummy', 'btn-success': profile.microphone.system !== 'dummy' }"
>
<i class="fas fa-inverse fa-microphone fa-lg"></i>
</a>

<a href="/settings#handle" class="btn flex-fill p-2"
x-bind:title="'Intent handling: ' + profile.handle.system"
x-bind:class="{ 'btn-dark': profile.handle.system === 'dummy', 'btn-success': profile.handle.system !== 'dummy'}"
>
<i class="fas fa-inverse fa-home fa-lg"></i>
</a>

<a href="/settings#wake" class="btn flex-fill p-2"
x-bind:title="'Wake word: ' + profile.wake.system"
x-bind:class="{ 'btn-dark': profile.wake.system === 'dummy', 'btn-success': profile.wake.system !== 'dummy' }"
>
<i class="fas fa-inverse fa-exclamation-circle fa-lg"></i>
</a>

<a href="/settings#speech" class="btn flex-fill p-2"
x-bind:title="'Speech to text: ' + profile.speech_to_text.system"
x-bind:class="{ 'btn-dark': profile.speech_to_text.system === 'dummy', 'btn-success': profile.speech_to_text.system !== 'dummy' }"
>
<i class="fas fa-inverse fa-phone-volume fa-lg"></i>
</a>

<a href="/settings#intent" class="btn flex-fill p-2"
x-bind:title="'Intent recognition: ' + profile.intent.system"
x-bind:class="{ 'btn-dark': profile.intent.system === 'dummy', 'btn-success': profile.intent.system !== 'dummy' }"
>
<i class="fas fa-inverse fa-comment fa-lg"></i>
</a>

<a href="/settings#tts" class="btn flex-fill p-2"
x-bind:title="'Text to speech: ' + profile.text_to_speech.system"
x-bind:class="{ 'btn-dark': profile.text_to_speech.system === 'dummy', 'btn-success': profile.text_to_speech.system !== 'dummy' }"
>
<i class="fas fa-inverse fa-paper-plane fa-lg"></i>
</a>

<a href="/settings#sounds" class="btn flex-fill p-2"
x-bind:title="'Audio output: ' + profile.sounds.system"
x-bind:class="{ 'btn-dark': profile.sounds.system === 'dummy', 'btn-success': profile.sounds.system !== 'dummy' }"
>
<i class="fas fa-inverse fa-volume-up fa-lg"></i>
</a>

<a href="/settings#dialogue" class="btn flex-fill p-2"
x-bind:title="'Dialogue management: ' + profile.dialogue.system"
x-bind:class="{ 'btn-dark': profile.dialogue.system === 'dummy', 'btn-success': profile.dialogue.system !== 'dummy' }"
>
<i class="fas fa-inverse fa-tasks fa-lg"></i>
</a>
</div>
<!-- End Services Bar -->

Expand Down
Loading