Skip to content

Commit

Permalink
Merge pull request #293 from cgiesche/feature/254_Improve_display_ima…
Browse files Browse the repository at this point in the history 
…ge_rendering

Fixed accidential removed feature :D
  • Loading branch information
@cgiesche
cgiesche authored Sep 8, 2024
2 parents 23327bf + f12c4e5 commit 18746b2
Showing 1 changed file with 46 additions and 39 deletions.
85 changes: 46 additions & 39 deletions src/components/PiComponent.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,8 @@
<div class="mb-3">
<label class="form-label" for="displayConfig">Display configuration ("Theme")</label>
<div class="input-group">
<select :disabled="displayConfigurationUrlOverride.length > 0" id="displayConfig" v-model="displayConfiguration" class="form-select form-select-sm">
<select :disabled="displayConfigurationUrlOverride.length > 0" id="displayConfig"
v-model="displayConfiguration" class="form-select form-select-sm">
<option v-for="availableConfiguration in manifest['display-configs']" :key="availableConfiguration"
:value="availableConfiguration">
{{ availableConfiguration.title }}
Expand All @@ -39,8 +40,12 @@

<div class="mt-3">
<label for="formFileSm" class="form-label">Custom display configuration URL</label>
<input v-model="displayConfigurationUrlOverride" class="form-control form-control-sm" type="url" placeholder="file://c:/custom.yml">
<div class="form-text">Specify path or URL to customized display configuration. Unsupported! <a target="_blank" href="https://raw.githubusercontent.com/cgiesche/streamdeck-homeassistant/master/public/config/default-display-config.yml">Example</a>.</div>
<input v-model="displayConfigurationUrlOverride" class="form-control form-control-sm" type="url"
placeholder="file://c:/custom.yml">
<div class="form-text">Specify path or URL to customized display configuration. Unsupported! <a
target="_blank"
href="https://raw.githubusercontent.com/cgiesche/streamdeck-homeassistant/master/public/config/default-display-config.yml">Example</a>.
</div>
</div>
</div>

Expand Down Expand Up @@ -87,51 +92,53 @@
</div>


<div class="form-check form-switch">
<input id="chkCustomLabels" v-model="useCustomButtonLabels" class="form-check-input" type="checkbox">
<label class="form-check-label" for="chkCustomLabels">Custom labels</label>
</div>
<div class="form-check form-switch">
<input id="chkCustomLabels" v-model="useCustomButtonLabels" class="form-check-input" type="checkbox">
<label class="form-check-label" for="chkCustomLabels">Custom labels</label>
</div>

<div v-if="useCustomButtonLabels">
<div class="mb-3">
<div v-if="useCustomButtonLabels">
<div class="mb-3">
<textarea id="buttonLabels" v-model="buttonLabels" class="form-control font-monospace"
placeholder="Line 1 (may overlap with icon)"
rows="4"></textarea>
<details>
<summary>Available variables</summary>
<div v-for="attr in entityAttributes" v-bind:key="attr" class="form-text font-monospace">{{ attr }}</div>
</details>
</div>
<details>
<summary>Available variables</summary>
<div v-for="attr in entityAttributes" v-bind:key="attr" class="form-text font-monospace">{{ attr }}</div>
</details>
</div>
</div>

<template v-if="!controllerType === 'Encoder'">
<div class="form-check form-switch mb-3">
<input id="chkEnableServiceIndicator" v-model="enableServiceIndicator" class="form-check-input" type="checkbox">
<template v-if="controllerType !== 'Encoder'">
<div class="form-check form-switch">
<input id="chkEnableServiceIndicator" v-model="enableServiceIndicator" class="form-check-input"
type="checkbox">
<label class="form-check-label" for="chkEnableServiceIndicator">Show visual service indicators</label>
</div>
</template>

<div class="mb-3">
<div class="form-check">
<input class="form-check-input" type="radio" id="radioPlugin" value="PREFER_PLUGIN" v-model="iconSettings">
<label class="form-check-label" for="radioPlugin">
Prefer icon from plugin (recommended)
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="radioHomeAssistant" value="PREFER_HA"
v-model="iconSettings">
<label class="form-check-label" for="radioHomeAssistant">
Prefer icon from HA
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="radioHide" value="HIDE" v-model="iconSettings">
<label class="form-check-label" for="radioHide">
Hide icon
</label>
</div>
<div class="mt-3 mb-3">
<div class="form-check">
<input class="form-check-input" type="radio" id="radioPlugin" value="PREFER_PLUGIN" v-model="iconSettings">
<label class="form-check-label" for="radioPlugin">
Prefer icon from plugin (recommended)
</label>
</div>
</template>
<div class="form-check">
<input class="form-check-input" type="radio" id="radioHomeAssistant" value="PREFER_HA"
v-model="iconSettings">
<label class="form-check-label" for="radioHomeAssistant">
Prefer icon from HA
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="radioHide" value="HIDE" v-model="iconSettings">
<label class="form-check-label" for="radioHide">
Hide icon
</label>
</div>
</div>


<h1>{{ controllerType }} actions</h1>

Expand Down Expand Up @@ -317,7 +324,7 @@ onMounted(() => {
})
function updateManifest() {
console.log("Updating manifest.")
console.log('Updating manifest.')
axios.get('https://cdn.jsdelivr.net/gh/cgiesche/streamdeck-homeassistant@master/public/config/manifest.yml')
.then(response => this.manifest = yaml.load(response.data))
.catch(error => console.log(`Failed to download updated manifest.yml: ${error}`))
Expand Down

0 comments on commit 18746b2

Please sign in to comment.