forked from platypush/platypush
s/expanded/collapsed/g (for naming consistency)
This commit is contained in:
parent
bb483fd1b1
commit
dbf5ed3b85
3 changed files with 15 additions and 15 deletions
|
@ -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,
|
||||
}
|
||||
},
|
||||
|
||||
|
|
|
@ -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,
|
||||
}
|
||||
},
|
||||
|
||||
|
|
|
@ -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,
|
||||
}
|
||||
},
|
||||
|
|
Loading…
Reference in a new issue