added error in labels

This commit is contained in:
Thermo_SIM
2021-02-25 17:01:31 +01:00
parent 01e7f87c82
commit 60bddba24f
6 changed files with 24 additions and 17 deletions
@@ -278,7 +278,7 @@ select:focus {
}
&.error {
outline: 2px red auto;
outline: 2px #d0021b auto !important;
}
&.focused {
@@ -290,6 +290,10 @@
color: white;
}
&.error{
border-color: #d0021b;
}
div {
display: grid;
grid-template-columns: auto 1fr auto;
@@ -265,6 +265,9 @@
background-color: #9b9b9b;
color: white;
}
.setup .modal section.body section article .svg-area .borded_label.error {
border-color: #d0021b;
}
.setup .modal section.body section article .svg-area .borded_label div {
display: grid;
grid-template-columns: auto 1fr auto;
@@ -6008,7 +6011,7 @@ select:focus {
background-color: rgba(0, 0, 0, 0.15);
}
.input-area .numeric.error {
outline: 2px red auto;
outline: 2px #d0021b auto !important;
}
.input-area .numeric.focused {
background-color: #1791ff33;
@@ -1,7 +1,7 @@
<template>
<div class="svg-area">
<img src="assets/svg/disegno-quote-velocita.svg" />
<div class="borded_label" id="quota1">
<div class="borded_label" id="quota1" :class="{error:recipe.positions_frame_intermediate_position.status.hasError || recipe.positions_frame_intermediate_speed.status.hasError}">
<div v-focus-on:positions_frame_intermediate_position>
<img src="assets/icons/png/salita.png" />
<span>{{recipe.positions_frame_intermediate_position.valueAct}}</span>
@@ -13,7 +13,7 @@
<small>{{recipe.positions_frame_intermediate_speed.unitMeasure}}</small>
</div>
</div>
<div class="borded_label" id="quota5">
<div class="borded_label" id="quota5" :class="{error:recipe.positions_frame_lower_position.status.hasError || recipe.positions_frame_lower_speed.status.hasError}">
<div v-focus-on:positions_frame_lower_position>
<img src="assets/icons/png/discesa.png" />
<span>{{recipe.positions_frame_lower_position.valueAct}}</span>
@@ -25,7 +25,7 @@
<small>{{recipe.positions_frame_lower_speed.unitMeasure}}</small>
</div>
</div>
<div class="borded_label" id="quota2">
<div class="borded_label" id="quota2" :class="{error:recipe.positions_frame_upper_position.status.hasError || recipe.positions_frame_upper_speed.status.hasError}">
<div v-focus-on:positions_frame_upper_position>
<img src="assets/icons/png/salita.png" />
<span>{{recipe.positions_frame_upper_position.setpointHMI}}</span>
@@ -37,8 +37,8 @@
<small>{{recipe.positions_frame_upper_speed.unitMeasure}}</small>
</div>
</div>
<div class="borded_label" id="quota6" v-focus-on:positions_frame_unload_position>
<div>
<div class="borded_label" id="quota6" :class="{error:recipe.positions_frame_unload_position.status.hasError}">
<div v-focus-on:positions_frame_unload_position>
<img src="assets/icons/png/quota.png" />
<span>{{recipe.positions_frame_unload_position.setpointHMI}}</span>
<small>{{recipe.positions_frame_unload_position.unitMeasure}}</small>
@@ -2,8 +2,8 @@
<div class="svg-area">
<img src="assets/svg/disegno-quote-velocita-stampo.svg" />
<img class="small-img" src="assets/svg/disegno-quote-velocita-stampo-2.svg" />
<div class="borded_label" id="quota1" v-focus-on:positions_mould_intermediate_position>
<div>
<div class="borded_label" id="quota1" :class="{error:recipe.positions_mould_intermediate_position.status.hasError}">
<div v-focus-on:positions_mould_intermediate_position>
<img src="assets/icons/png/quota.png" />
<span>{{recipe.positions_mould_intermediate_position.valueAct}}</span>
<small>{{recipe.positions_mould_intermediate_position.unitMeasure}}</small>
@@ -24,7 +24,7 @@
</div>
<div class="borded_label" id="quota6">
<div class="borded_label" id="quota6" :class="{error:recipe.positions_mould_upperdeceleration_position.status.hasError || recipe.positions_mould_upperdeceleration_speed.status.hasError}"> >
<div v-focus-on:positions_mould_upperdeceleration_position>
<img src="assets/icons/png/salita.png" />
<span>{{recipe.positions_mould_upperdeceleration_position.valueAct}}</span>
@@ -36,7 +36,7 @@
<small>{{recipe.positions_mould_upperdeceleration_speed.unitMeasure}}</small>
</div>
</div>
<div class="borded_label" id="quota7">
<div class="borded_label" id="quota7" :class="{error:recipe.positions_mould_upper_position.status.hasError || recipe.positions_mould_upper_speed.status.hasError}">
<div v-focus-on:positions_mould_upper_position>
<img src="assets/icons/png/salita.png" />
<span>{{recipe.positions_mould_upper_position.valueAct}}</span>
@@ -48,7 +48,7 @@
<small>{{recipe.positions_mould_upper_speed.unitMeasure}}</small>
</div>
</div>
<div class="borded_label" id="quota8">
<div class="borded_label" id="quota8" :class="{error:recipe.positions_mould_lowerdeceleration_position.status.hasError || recipe.positions_mould_lowerdeceleration_speed.status.hasError}">
<div v-focus-on:positions_mould_lowerdeceleration_position>
<img src="assets/icons/png/discesa.png" />
<span>{{recipe.positions_mould_lowerdeceleration_position.valueAct}}</span>
@@ -60,7 +60,7 @@
<small>{{recipe.positions_mould_lowerdeceleration_speed.unitMeasure}}</small>
</div>
</div>
<div class="borded_label" id="quota9">
<div class="borded_label" id="quota9" :class="{error:recipe.positions_mould_lower_position.status.hasError || recipe.positions_mould_lower_speed.status.hasError}">
<div v-focus-on:positions_mould_lower_position>
<img src="assets/icons/png/discesa.png" />
<span>{{recipe.positions_mould_lower_position.valueAct}}</span>
@@ -2,7 +2,7 @@ e<template>
<div class="svg-area">
<img src="assets/svg/disegno-controstampo-quote-velocita.svg" />
<img class="small-img" src="assets/svg/disegno-controstampo-quote-velocita-2.svg" />
<div class="borded_label" id="quota3">
<div class="borded_label" id="quota3" :class="{error:recipe.positions_upperplate_lower_position.status.hasError || recipe.positions_upperplate_lower_speed.status.hasError}">
<div v-focus-on:positions_upperplate_lower_position>
<img src="assets/icons/png/discesa.png" />
<span>{{recipe.positions_upperplate_lower_position.valueAct}}</span>
@@ -14,7 +14,7 @@ e<template>
<small>{{recipe.positions_upperplate_lower_speed.unitMeasure}}</small>
</div>
</div>
<div class="borded_label" id="quota4">
<div class="borded_label" id="quota4" :class="{error:recipe.positions_upperplate_lowerdeceleration_position.status.hasError || recipe.positions_upperplate_lowerdeceleration_speed.status.hasError}">
<div v-focus-on:positions_upperplate_lowerdeceleration_position>
<img src="assets/icons/png/discesa.png" />
<span>{{recipe.positions_upperplate_lowerdeceleration_position.valueAct}}</span>
@@ -26,7 +26,7 @@ e<template>
<small>{{recipe.positions_upperplate_lowerdeceleration_speed.unitMeasure}}</small>
</div>
</div>
<div class="borded_label" id="quota1">
<div class="borded_label" id="quota1" :class="{error:recipe.positions_upperplate_upper_position.status.hasError || recipe.positions_upperplate_upper_speed.status.hasError}">
<div v-focus-on:positions_upperplate_upper_position>
<img src="assets/icons/png/salita.png" />
<span>{{recipe.positions_upperplate_upper_position.valueAct}}</span>
@@ -38,7 +38,7 @@ e<template>
<small>{{recipe.positions_upperplate_upper_speed.unitMeasure}}</small>
</div>
</div>
<div class="borded_label" id="quota2">
<div class="borded_label" id="quota2" :class="{error:recipe.positions_upperplate_upperdeceleration_position.status.hasError || recipe.positions_upperplate_upperdeceleration_speed.status.hasError}">
<div v-focus-on:positions_upperplate_upperdeceleration_position>
<img src="assets/icons/png/salita.png" />
<span>{{recipe.positions_upperplate_upperdeceleration_position.valueAct}}</span>