fix grafici

This commit is contained in:
=
2020-06-19 12:03:19 +02:00
parent 49e3242f3f
commit de4dfdcbb0
10 changed files with 348 additions and 302 deletions
@@ -1,79 +1,79 @@
// out: false, sourceMap: false, main: ../style.less
.piece_info{
.piece_info {
display: flex;
align-items: center;
justify-content: space-evenly;
height: 84px;
border-bottom: 2px solid black;
label {
font-size: 54px;
font-weight: 500;
text-align: right;
color: #4b4b4b;
}
div {
display: flex;
align-items: center;
justify-content: space-evenly;
height: 84px;
border-bottom: 2px solid black;
flex-flow: column;
span {
font-family: "Work Sans";
font-weight: 500;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #4b4b4b;
&:first-of-type {
font-size: 12px;
text-transform: uppercase;
}
&:last-of-type {
font-size: 25px;
}
label{
font-size: 54px;
font-weight: 500;
text-align: right;
color: #4b4b4b;
}
}
div{
display: flex;
flex-flow: column;
span{
font-family: "Work Sans";
font-weight: 500;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #4b4b4b;
&:first-of-type{
font-size: 12px;
text-transform: uppercase;
}
&:last-of-type{
font-size: 25px;
}
}
}
button{
height: 16px;
width: 16px;
background-color: black;
}
button {
height: 16px;
width: 16px;
background-color: black;
}
}
.sub_menu{
margin-left: 250px;
display: grid;
grid-template-rows: repeat(3,60px);
.sub_menu {
margin-left: 250px;
display: grid;
grid-template-rows: repeat(3, 60px);
.piece_info{
height: 60px;
button{
background-color: white;
border-color: black;
border-radius: 50%;
width: 50px;
height: 50px;
}
.piece_info {
height: 60px;
button {
background-color: white;
border-color: black;
border-radius: 50%;
width: 50px;
height: 50px;
}
.row_1{
grid-row: 1;
}
}
.row_2{
grid-row: 2;
}
.row_1 {
grid-row: 1;
}
.row_3{
grid-row: 3;
}
.row_2 {
grid-row: 2;
}
.row_3 {
grid-row: 3;
}
}
@@ -4,25 +4,25 @@
<div class="box transparent">
<div class="body">
<template v-if="recipe.upperplate_air_enable.status.visible">
<div class="input-area">
<label>{{'upperplate_air_enable'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.upperplate_air_enable.status.enabled"></toggle-button>
</div>
<div class="input-area">
<label>{{'upperplate_air_enable'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.upperplate_air_enable.status.enabled"></toggle-button>
</div>
</template>
<template v-if="recipe.upperplate_air_delay.status.visible">
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'upperplate_air_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.upperplate_air_delay" />
</div>
<slider v-model="recipe.upperplate_air_delay"></slider>
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'upperplate_air_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.upperplate_air_delay" />
</div>
<slider v-model="recipe.upperplate_air_delay"></slider>
</template>
<template v-if="recipe.upperplate_air_delay.status.visible">
<div class="input-area">
<label>{{'upperplate_air_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.upperplate_air_manual" />
</div>
<slider v-model="recipe.upperplate_air_delay"></slider>
<div class="input-area">
<label>{{'upperplate_air_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.upperplate_air_manual" />
</div>
<slider v-model="recipe.upperplate_air_delay"></slider>
</template>
</div>
</div>
@@ -46,15 +46,21 @@
></scheda>
</article>
<article>
<svg-chart line-bar-color="#848484" :bars="bars" :unitx="'s'"></svg-chart>
<svg-chart
line-bar-color="#848484"
:bars="bars"
:unitx="'s'"
:max-x="recipe.upperplate_air_1_chart_setpointy.range.max + recipe.upperplate_air_2_chart_setpointy.range.max +recipe.upperplate_air_3_chart_setpointy.range.max"
:max-y="Math.max(recipe.upperplate_air_1_chart_setpointx.range.max,recipe.upperplate_air_2_chart_setpointx.range.max,recipe.upperplate_air_3_chart_setpointx.range.max)"
></svg-chart>
<div class="box transparent center box-500">
<div class="body">
<template v-if="recipe.upperplate_air_max_time.status.visible">
<div class="input-area">
<label>{{'upperplate_air_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.upperplate_air_max_time" />
</div>
<slider v-model="recipe.upperplate_air_max_time"></slider>
<div class="input-area">
<label>{{'upperplate_air_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.upperplate_air_max_time" />
</div>
<slider v-model="recipe.upperplate_air_max_time"></slider>
</template>
</div>
</div>
@@ -4,25 +4,25 @@
<div class="box transparent">
<div class="body">
<template v-if="recipe.upperplate_extraction_enable.status.visible">
<div class="input-area">
<label>{{'upperplate_extraction_enable'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.upperplate_extraction_enable.status.enabled"></toggle-button>
</div>
<div class="input-area">
<label>{{'upperplate_extraction_enable'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.upperplate_extraction_enable.status.enabled"></toggle-button>
</div>
</template>
<template v-if="recipe.upperplate_extraction_delay.status.visible">
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'upperplate_extraction_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.upperplate_extraction_delay" />
</div>
<slider v-model="recipe.upperplate_extraction_delay"></slider>
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'upperplate_extraction_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.upperplate_extraction_delay" />
</div>
<slider v-model="recipe.upperplate_extraction_delay"></slider>
</template>
<template v-if="recipe.upperplate_extraction_delay.status.visible">
<div class="input-area">
<label>{{'upperplate_extraction_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.upperplate_extraction_manual" />
</div>
<slider v-model="recipe.upperplate_extraction_delay"></slider>
<div class="input-area">
<label>{{'upperplate_extraction_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.upperplate_extraction_manual" />
</div>
<slider v-model="recipe.upperplate_extraction_delay"></slider>
</template>
</div>
</div>
@@ -30,13 +30,18 @@
<hr />
<article class="shrink ml-10">
<scheda
class="box-500 color_3"
class="box-500 color_3"
:portata="recipe.upperplate_extraction_1_chart_setpointx"
:durata="recipe.upperplate_extraction_1_chart_setpointy"
></scheda>
</article>
<article>
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
<svg-chart
line-bar-color="#848484"
:bars="bars"
:max-x="recipe.upperplate_extraction_1_chart_setpointy.range.max"
:max-y="recipe.upperplate_extraction_1_chart_setpointx.range.max"
></svg-chart>
</article>
</section>
</template>
@@ -4,25 +4,25 @@
<div class="box transparent">
<div class="body">
<template v-if="recipe.upperplate_vacuum_enable.status.visible">
<div class="input-area">
<label>{{'upperplate_vacuum_enable'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.upperplate_vacuum_enable.status.enabled"></toggle-button>
</div>
<div class="input-area">
<label>{{'upperplate_vacuum_enable'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.upperplate_vacuum_enable.status.enabled"></toggle-button>
</div>
</template>
<template v-if="recipe.upperplate_vacuum_delay.status.visible">
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'upperplate_vacuum_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.upperplate_vacuum_delay" />
</div>
<slider v-model="recipe.upperplate_vacuum_delay"></slider>
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'upperplate_vacuum_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.upperplate_vacuum_delay" />
</div>
<slider v-model="recipe.upperplate_vacuum_delay"></slider>
</template>
<template v-if="recipe.upperplate_vacuum_delay.status.visible">
<div class="input-area">
<label>{{'upperplate_vacuum_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.upperplate_vacuum_manual" />
</div>
<slider v-model="recipe.upperplate_vacuum_delay"></slider>
<div class="input-area">
<label>{{'upperplate_vacuum_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.upperplate_vacuum_manual" />
</div>
<slider v-model="recipe.upperplate_vacuum_delay"></slider>
</template>
</div>
</div>
@@ -46,15 +46,20 @@
></scheda>
</article>
<article>
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
<svg-chart
line-bar-color="#848484"
:bars="bars"
:max-x="recipe.upperplate_vacuum_1_chart_setpointy.range.max + recipe.upperplate_vacuum_2_chart_setpointy.range.max +recipe.upperplate_vacuum_3_chart_setpointy.range.max"
:max-y="Math.max(recipe.upperplate_vacuum_1_chart_setpointx.range.max,recipe.upperplate_vacuum_2_chart_setpointx.range.max,recipe.upperplate_vacuum_3_chart_setpointx.range.max)"
></svg-chart>
<div class="box transparent center box-500">
<div class="body">
<template v-if="recipe.upperplate_vacuum_max_time.status.visible">
<div class="input-area">
<label>{{'upperplate_vacuum_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.upperplate_vacuum_max_time" />
</div>
<slider v-model="recipe.upperplate_vacuum_max_time"></slider>
<div class="input-area">
<label>{{'upperplate_vacuum_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.upperplate_vacuum_max_time" />
</div>
<slider v-model="recipe.upperplate_vacuum_max_time"></slider>
</template>
</div>
</div>
@@ -4,32 +4,32 @@
<div class="box transparent">
<div class="body">
<template v-if="recipe.extraction_main_delay.status.visible">
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'extraction_main_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.extraction_main_delay" />
</div>
<slider v-model="recipe.extraction_main_delay"></slider>
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'extraction_main_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.extraction_main_delay" />
</div>
<slider v-model="recipe.extraction_main_delay"></slider>
</template>
<template v-if="recipe.extraction_main_type.status.visible">
<div class="input-area">
<label>{{'extraction_main_type'|localize('Tipo')}}</label>
<select class="form-control" v-model="recipe.extraction_main_type"></select>
</div>
<div class="input-area">
<label>{{'extraction_main_type'|localize('Tipo')}}</label>
<select class="form-control" v-model="recipe.extraction_main_type"></select>
</div>
</template>
<template v-if="recipe.extraction_main_mould_dw_delay.status.visible">
<div class="input-area">
<label>{{'extraction_main_mould_dw_delay'|localize('Ritardo discesa stampo')}}</label>
<numeric v-model="recipe.extraction_main_mould_dw_delay" />
</div>
<slider v-model="recipe.extraction_main_mould_dw_delay"></slider>
<div class="input-area">
<label>{{'extraction_main_mould_dw_delay'|localize('Ritardo discesa stampo')}}</label>
<numeric v-model="recipe.extraction_main_mould_dw_delay" />
</div>
<slider v-model="recipe.extraction_main_mould_dw_delay"></slider>
</template>
<template v-if="recipe.extraction_main_manual.status.visible">
<div class="input-area">
<label>{{'extraction_main_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.extraction_main_manual" />
</div>
<slider v-model="recipe.extraction_main_manual"></slider>
<div class="input-area">
<label>{{'extraction_main_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.extraction_main_manual" />
</div>
<slider v-model="recipe.extraction_main_manual"></slider>
</template>
</div>
</div>
@@ -43,7 +43,12 @@
></scheda>
</article>
<article>
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
<svg-chart
line-bar-color="#848484"
:bars="bars"
:max-x="recipe.extraction_main_1_chart_setpointy.range.max"
:max-y="recipe.extraction_main_1_chart_setpointx.range.max"
></svg-chart>
</article>
</section>
</template>
@@ -4,25 +4,25 @@
<div class="box transparent">
<div class="body">
<template v-if="recipe.extraction_aux_enabled.status.visible">
<div class="input-area">
<label>{{'extraction_aux_enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.extraction_aux_enabled.status.enabled"></toggle-button>
</div>
<div class="input-area">
<label>{{'extraction_aux_enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.extraction_aux_enabled.status.enabled"></toggle-button>
</div>
</template>
<template v-if="recipe.extraction_aux_delay.status.visible">
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'extraction_aux_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.extraction_aux_delay" />
</div>
<slider v-model="recipe.extraction_aux_delay"></slider>
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'extraction_aux_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.extraction_aux_delay" />
</div>
<slider v-model="recipe.extraction_aux_delay"></slider>
</template>
<template v-if="recipe.extraction_aux_manual.status.visible">
<div class="input-area">
<label>{{'extraction_aux_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.extraction_aux_manual" />
</div>
<slider v-model="recipe.extraction_aux_manual"></slider>
<div class="input-area">
<label>{{'extraction_aux_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.extraction_aux_manual" />
</div>
<slider v-model="recipe.extraction_aux_manual"></slider>
</template>
</div>
</div>
@@ -36,7 +36,12 @@
></scheda>
</article>
<article>
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
<svg-chart
line-bar-color="#848484"
:bars="bars"
:max-x="recipe.extraction_aux_1_chart_setpointy.range.max"
:max-y="recipe.extraction_aux_1_chart_setpointx.range.max"
></svg-chart>
</article>
</section>
</template>
@@ -1,90 +1,95 @@
<template>
<div class="setup">
<modal type="imbutitura-info" :title="'drawinginfo_lbl_title' | localize('Imbutitura')">
<div slot="header-buttons">
<button class="modal-close" @click="close()">
<i class="fa fa-remove"></i>
</button>
</div>
<section>
<aside class="scrollable auto">
<div class="box transparent">
<div class="body">
<template v-if="recipe.drawing_delay.status.visible">
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'drawing_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.drawing_delay" />
</div>
<slider v-model="recipe.drawing_delay"></slider>
</template>
<hr />
<template v-if="recipe.drawing_type.status.visible">
<div class="input-area">
<label>{{'drawing_type'|localize('Tipo')}}</label>
<select class="form-control" v-model="recipe.drawing_type"></select>
</div>
</template>
<template v-if="recipe.drawing_photocell.status.visible">
<div class="input-area">
<label>{{'drawing_photocell'|localize('Scelta fotocellula')}}</label>
<select class="form-control" v-model="recipe.drawing_photocell"></select>
</div>
</template>
<template v-if="recipe.drawing_height.status.visible">
<div class="input-area">
<label>{{'drawing_height'|localize('Altezza bolla')}}</label>
<numeric v-model="recipe.drawing_height" />
</div>
<slider v-model="recipe.drawing_height"></slider>
</template>
<template v-if="recipe.drawing_mantaining_flow.status.visible">
<div class="input-area">
<label>{{'drawing_mantaining_flow'|localize('Portata mantenimento')}}</label>
<numeric v-model="recipe.drawing_mantaining_flow" />
</div>
<slider v-model="recipe.drawing_mantaining_flow"></slider>
</template>
<template v-if="recipe.drawing_manual.status.visible">
<div class="input-area">
<label>{{'drawing_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.drawing_manual" />
</div>
<slider v-model="recipe.drawing_manual"></slider>
</template>
<template v-if="recipe.drawing_mould_up_delay.status.visible">
<div class="input-area">
<label>{{'drawing_mould_up_delay'|localize('Ritardo salita stampo')}}</label>
<numeric v-model="recipe.drawing_mould_up_delay" />
</div>
<slider v-model="recipe.drawing_mould_up_delay"></slider>
</template>
</div>
</div>
</aside>
<hr />
<article class="shrink ml-10">
<scheda
class="box-500 color_3"
:portata="recipe.drawing_1_chart_setpointx"
:durata="recipe.drawing_1_chart_setpointy"
></scheda>
</article>
<article>
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
</article>
</section>
<footer>
<button class="btn" @click="annulla()">
<label>Annulla</label>
</button>
<button class="btn btn-success" @click="conferma()">
<label>Conferma</label>
</button>
</footer>
</modal>
<stepfooter :current="5" @click="goTo"></stepfooter>
</div>
<div class="setup">
<modal type="imbutitura-info" :title="'drawinginfo_lbl_title' | localize('Imbutitura')">
<div slot="header-buttons">
<button class="modal-close" @click="close()">
<i class="fa fa-remove"></i>
</button>
</div>
<section>
<aside class="scrollable auto">
<div class="box transparent">
<div class="body">
<template v-if="recipe.drawing_delay.status.visible">
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'drawing_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.drawing_delay" />
</div>
<slider v-model="recipe.drawing_delay"></slider>
</template>
<hr />
<template v-if="recipe.drawing_type.status.visible">
<div class="input-area">
<label>{{'drawing_type'|localize('Tipo')}}</label>
<select class="form-control" v-model="recipe.drawing_type"></select>
</div>
</template>
<template v-if="recipe.drawing_photocell.status.visible">
<div class="input-area">
<label>{{'drawing_photocell'|localize('Scelta fotocellula')}}</label>
<select class="form-control" v-model="recipe.drawing_photocell"></select>
</div>
</template>
<template v-if="recipe.drawing_height.status.visible">
<div class="input-area">
<label>{{'drawing_height'|localize('Altezza bolla')}}</label>
<numeric v-model="recipe.drawing_height" />
</div>
<slider v-model="recipe.drawing_height"></slider>
</template>
<template v-if="recipe.drawing_mantaining_flow.status.visible">
<div class="input-area">
<label>{{'drawing_mantaining_flow'|localize('Portata mantenimento')}}</label>
<numeric v-model="recipe.drawing_mantaining_flow" />
</div>
<slider v-model="recipe.drawing_mantaining_flow"></slider>
</template>
<template v-if="recipe.drawing_manual.status.visible">
<div class="input-area">
<label>{{'drawing_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.drawing_manual" />
</div>
<slider v-model="recipe.drawing_manual"></slider>
</template>
<template v-if="recipe.drawing_mould_up_delay.status.visible">
<div class="input-area">
<label>{{'drawing_mould_up_delay'|localize('Ritardo salita stampo')}}</label>
<numeric v-model="recipe.drawing_mould_up_delay" />
</div>
<slider v-model="recipe.drawing_mould_up_delay"></slider>
</template>
</div>
</div>
</aside>
<hr />
<article class="shrink ml-10">
<scheda
class="box-500 color_3"
:portata="recipe.drawing_1_chart_setpointx"
:durata="recipe.drawing_1_chart_setpointy"
></scheda>
</article>
<article>
<svg-chart
line-bar-color="#848484"
:bars="bars"
:max-x="recipe.drawing_1_chart_setpointy.range.max"
:max-y="recipe.drawing_1_chart_setpointx.range.max"
></svg-chart>
</article>
</section>
<footer>
<button class="btn" @click="annulla()">
<label>Annulla</label>
</button>
<button class="btn btn-success" @click="conferma()">
<label>Conferma</label>
</button>
</footer>
</modal>
<stepfooter :current="5" @click="goTo"></stepfooter>
</div>
</template>
<script lang="ts" src="./show-imbutitura-info.ts"></script>
@@ -4,19 +4,19 @@
<div class="box transparent">
<div class="body">
<template v-if="recipe.vacuum_pre_enabled.status.visible">
<div class="input-area">
<label>{{'vacuum_pre_enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.vacuum_pre_enabled.status.enabled"></toggle-button>
</div>
<div class="input-area">
<label>{{'vacuum_pre_enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.vacuum_pre_enabled.status.enabled"></toggle-button>
</div>
</template>
<hr />
<template v-if="recipe.vacuum_pre_delay.status.visible">
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'vacuum_pre_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.vacuum_pre_delay" />
</div>
<slider v-model="recipe.vacuum_pre_delay"></slider>
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'vacuum_pre_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.vacuum_pre_delay" />
</div>
<slider v-model="recipe.vacuum_pre_delay"></slider>
</template>
</div>
</div>
@@ -40,15 +40,20 @@
></scheda>
</article>
<article>
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
<svg-chart
line-bar-color="#848484"
:bars="bars"
:max-x="recipe.vacuum_pre_1_chart_setpointy.range.max + recipe.vacuum_pre_2_chart_setpointy.range.max +recipe.vacuum_pre_3_chart_setpointy.range.max"
:max-y="Math.max(recipe.vacuum_pre_1_chart_setpointx.range.max,recipe.vacuum_pre_2_chart_setpointx.range.max,recipe.vacuum_pre_3_chart_setpointx.range.max)"
></svg-chart>
<div class="box transparent box-500 center">
<div class="body">
<template v-if="recipe.vacuum_pre_max_time.status.visible">
<div class="input-area">
<label>{{'vacuum_pre_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.vacuum_pre_max_time" />
</div>
<slider v-model="recipe.vacuum_pre_max_time"></slider>
<div class="input-area">
<label>{{'vacuum_pre_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.vacuum_pre_max_time" />
</div>
<slider v-model="recipe.vacuum_pre_max_time"></slider>
</template>
</div>
</div>
@@ -4,27 +4,27 @@
<div class="box transparent">
<div class="body">
<template v-if="recipe.vacuum_aux_enabled.status.visible">
<div class="input-area">
<label>{{'vacuum_aux_enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.vacuum_aux_enabled.status.enabled"></toggle-button>
</div>
<div class="input-area">
<label>{{'vacuum_aux_enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.vacuum_aux_enabled.status.enabled"></toggle-button>
</div>
</template>
<hr />
<template v-if="recipe.vacuum_aux_delay.status.visible">
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'vacuum_aux_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.vacuum_aux_delay" />
</div>
<slider v-model="recipe.vacuum_aux_delay"></slider>
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'vacuum_aux_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.vacuum_aux_delay" />
</div>
<slider v-model="recipe.vacuum_aux_delay"></slider>
</template>
<hr />
<template v-if="recipe.vacuum_aux_manual.status.visible">
<div class="input-area">
<label>{{'vacuum_aux_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.vacuum_aux_manual" />
</div>
<slider v-model="recipe.vacuum_aux_manual"></slider>
<div class="input-area">
<label>{{'vacuum_aux_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.vacuum_aux_manual" />
</div>
<slider v-model="recipe.vacuum_aux_manual"></slider>
</template>
</div>
</div>
@@ -48,15 +48,20 @@
></scheda>
</article>
<article>
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
<svg-chart
line-bar-color="#848484"
:bars="bars"
:max-x="recipe.vacuum_aux_1_chart_setpointy.range.max + recipe.vacuum_aux_2_chart_setpointy.range.max +recipe.vacuum_aux_3_chart_setpointy.range.max"
:max-y="Math.max(recipe.vacuum_aux_1_chart_setpointx.range.max,recipe.vacuum_aux_2_chart_setpointx.range.max,recipe.vacuum_aux_3_chart_setpointx.range.max)"
></svg-chart>
<div class="box box-500 transparent center">
<div class="body">
<template v-if="recipe.vacuum_aux_max_time.status.visible">
<div class="input-area">
<label>{{'vacuum_aux_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.vacuum_aux_max_time" />
</div>
<slider v-model="recipe.vacuum_aux_max_time"></slider>
<div class="input-area">
<label>{{'vacuum_aux_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.vacuum_aux_max_time" />
</div>
<slider v-model="recipe.vacuum_aux_max_time"></slider>
</template>
</div>
</div>
@@ -4,27 +4,27 @@
<div class="box transparent">
<div class="body">
<template v-if="recipe.vacuum_main_start.status.visible">
<div class="input-area">
<label>{{'vacuum_main_start'|localize('Partenza')}}</label>
<select class="form-control" v-model="recipe.vacuum_main_start"></select>
</div>
<div class="input-area">
<label>{{'vacuum_main_start'|localize('Partenza')}}</label>
<select class="form-control" v-model="recipe.vacuum_main_start"></select>
</div>
</template>
<hr />
<template v-if="recipe.vacuum_main_delay.status.visible">
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'vacuum_main_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.vacuum_main_delay" />
</div>
<slider v-model="recipe.vacuum_main_delay"></slider>
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'vacuum_main_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.vacuum_main_delay" />
</div>
<slider v-model="recipe.vacuum_main_delay"></slider>
</template>
<hr />
<template v-if="recipe.vacuum_main_manual.status.visible">
<div class="input-area">
<label>{{'vacuum_main_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.vacuum_main_manual" />
</div>
<slider v-model="recipe.vacuum_main_manual"></slider>
<div class="input-area">
<label>{{'vacuum_main_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.vacuum_main_manual" />
</div>
<slider v-model="recipe.vacuum_main_manual"></slider>
</template>
</div>
</div>
@@ -48,15 +48,20 @@
></scheda>
</article>
<article>
<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
<svg-chart
line-bar-color="#848484"
:bars="bars"
:max-x="recipe.vacuum_main_1_chart_setpointy.range.max + recipe.vacuum_main_2_chart_setpointy.range.max +recipe.vacuum_main_3_chart_setpointy.range.max"
:max-y="Math.max(recipe.vacuum_main_1_chart_setpointx.range.max,recipe.vacuum_main_2_chart_setpointx.range.max,recipe.vacuum_main_3_chart_setpointx.range.max)"
></svg-chart>
<div class="box transparent box-500 center">
<div class="body">
<template v-if="recipe.vacuum_main_max_time.status.visible">
<div class="input-area">
<label>{{'vacuum_main_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.vacuum_main_max_time" />
</div>
<slider v-model="recipe.vacuum_main_max_time"></slider>
<div class="input-area">
<label>{{'vacuum_main_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.vacuum_main_max_time" />
</div>
<slider v-model="recipe.vacuum_main_max_time"></slider>
</template>
</div>
</div>