s/expanded/collapsed/g (for naming consistency)

This commit is contained in:
Fabio Manganiello 2023-01-15 14:26:44 +01:00
parent bb483fd1b1
commit dbf5ed3b85
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
3 changed files with 15 additions and 15 deletions

View file

@ -1,6 +1,6 @@
<template>
<div class="entity dimmer-container">
<div class="head" :class="{expanded: expanded}">
<div class="head" :class="{collapsed: collapsed}">
<div class="col-1 icon">
<EntityIcon
:icon="this.value.meta?.icon || {}"
@ -13,9 +13,9 @@
</div>
<div class="col-s-3 col-m-2 buttons pull-right">
<button @click.stop="expanded = !expanded">
<button @click.stop="collapsed = !collapsed">
<i class="fas"
:class="{'fa-angle-up': expanded, 'fa-angle-down': !expanded}" />
:class="{'fa-angle-up': !collapsed, 'fa-angle-down': collapsed}" />
</button>
<span class="value-percent"
v-text="parsedValue"
@ -23,7 +23,7 @@
</div>
</div>
<div class="body" v-if="expanded" @click.stop="prevent">
<div class="body" v-if="!collapsed" @click.stop="prevent">
<div class="row">
<div class="input" v-if="value?.min != null && value?.max != null">
<div class="col-10">
@ -56,7 +56,7 @@ export default {
data() {
return {
expanded: false,
collapsed: true,
}
},

View file

@ -1,6 +1,6 @@
<template>
<div class="entity switch-container">
<div class="head" :class="{expanded: expanded}">
<div class="head" :class="{collapsed: collapsed}">
<div class="col-1 icon">
<EntityIcon
:icon="this.value.meta?.icon || {}"
@ -13,9 +13,9 @@
</div>
<div class="col-s-3 col-m-2 buttons pull-right">
<button @click.stop="expanded = !expanded" v-if="hasValues">
<button @click.stop="collapsed = !collapsed" v-if="hasValues">
<i class="fas"
:class="{'fa-angle-up': expanded, 'fa-angle-down': !expanded}" />
:class="{'fa-angle-up': !collapsed, 'fa-angle-down': collapsed}" />
</button>
<span class="value"
v-text="value.values[value.value] || value.value"
@ -23,7 +23,7 @@
</div>
</div>
<div class="body" v-if="expanded" @click.stop="prevent">
<div class="body" v-if="!collapsed" @click.stop="prevent">
<div class="row">
<div class="input">
<select @input="setValue" ref="values" :disabled="loading">
@ -53,7 +53,7 @@ export default {
data() {
return {
expanded: false,
collapsed: true,
}
},

View file

@ -1,6 +1,6 @@
<template>
<div class="entity light-container">
<div class="head" :class="{expanded: expanded}">
<div class="head" :class="{collapsed: collapsed}">
<div class="col-1 icon">
<EntityIcon :icon="icon" :hasColorFill="true"
:loading="loading" :error="error" />
@ -14,14 +14,14 @@
<ToggleSwitch :value="value.on" @input="toggle"
@click.stop :disabled="loading || value.is_read_only" />
<button @click.stop="expanded = !expanded">
<button @click.stop="collapsed = !collapsed">
<i class="fas"
:class="{'fa-angle-up': expanded, 'fa-angle-down': !expanded}" />
:class="{'fa-angle-up': !collapsed, 'fa-angle-down': collapsed}" />
</button>
</div>
</div>
<div class="body" v-if="expanded" @click.stop="prevent">
<div class="body" v-if="!collapsed" @click.stop="prevent">
<div class="row" v-if="cssColor">
<div class="icon">
<i class="fas fa-palette" />
@ -78,7 +78,7 @@ export default {
data() {
return {
expanded: false,
collapsed: true,
colorConverter: null,
}
},