added error in labels
This commit is contained in:
@@ -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;
|
||||
|
||||
+5
-5
@@ -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>
|
||||
|
||||
+6
-6
@@ -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>
|
||||
|
||||
+4
-4
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user