autoscroll and focus on formato and pirometro

This commit is contained in:
Alessio
2020-06-15 16:55:36 +02:00
parent 579fa79bb6
commit 040eed1fcd
14 changed files with 44 additions and 44 deletions
@@ -1,7 +1,7 @@
<template>
<div class="svg-area">
<img src="assets/svg/disegno-controstampo.svg" />
<div class="borded_label" id="quota1">
<div class="borded_label" id="quota1" v-focus-on="general_sizes_upperplate_max_height">
<div>
<img src="assets/icons/png/quota.png" />
<span>{{recipe.general_sizes_upperplate_max_height.valueAct}}</span>
@@ -1,14 +1,14 @@
<template>
<div class="svg-area">
<img src="assets/svg/disegno-cornice.svg" />
<div class="borded_label" id="quota1">
<div class="borded_label" id="quota1" v-focus-on="general_sizes_frame_dim_y">
<div>
<img src="assets/icons/png/quota.png" />
<span>{{recipe.general_sizes_frame_dim_y.valueAct}}</span>
<small>mm</small>
</div>
</div>
<div class="borded_label" id="quota2">
<div class="borded_label" id="quota2" v-focus-on="general_sizes_frame_dim_x">
<div>
<img src="assets/icons/png/quota.png" />
<span>{{recipe.general_sizes_frame_dim_x.valueAct}}</span>
@@ -1,21 +1,21 @@
<template>
<div class="svg-area">
<img src="assets/svg/disegno-lastra.svg" />
<div class="borded_label" id="quota1">
<div class="borded_label" id="quota1" v-focus-on="general_sizes_sheet_dim_x">
<div>
<img src="assets/icons/png/quota.png" />
<span>{{recipe.general_sizes_sheet_dim_x.valueAct}}</span>
<small>mm</small>
</div>
</div>
<div class="borded_label" id="quota2">
<div class="borded_label" id="quota2" v-focus-on="general_sizes_sheet_dim_y">
<div>
<img src="assets/icons/png/quota.png" />
<span>{{recipe.general_sizes_sheet_dim_y.valueAct}}</span>
<small>mm</small>
</div>
</div>
<div class="borded_label" id="quota3">
<div class="borded_label" id="quota3" v-focus-on="general_sizes_sheet_thickness">
<div>
<img src="assets/icons/png/quota.png" />
<span>{{recipe.general_sizes_sheet_thickness.valueAct}}</span>
@@ -1,14 +1,14 @@
<template>
<div class="svg-area">
<img src="assets/svg/disegno-piastra-riduzione.svg" />
<div class="borded_label" id="quota1">
<div class="borded_label" id="quota1" v-focus-on="general_sizes_plate_dim_y">
<div>
<img src="assets/icons/png/quota.png" />
<span>{{recipe.general_sizes_plate_dim_y.valueAct}}</span>
<small>mm</small>
</div>
</div>
<div class="borded_label" id="quota2">
<div class="borded_label" id="quota2" v-focus-on="general_sizes_plate_dim_x">
<div>
<img src="assets/icons/png/quota.png" />
<span>{{recipe.general_sizes_plate_dim_x.valueAct}}</span>
@@ -8,28 +8,28 @@
<small>mm</small>
</div>
</div>
<div class="borded_label" id="quota2">
<div class="borded_label" id="quota2" v-focus-on="general_sizes_mould_dim_y">
<div>
<img src="assets/icons/png/quota.png" />
<span>{{recipe.general_sizes_mould_dim_y.valueAct}}</span>
<small>mm</small>
</div>
</div>
<div class="borded_label" id="quota3">
<div class="borded_label" id="quota3" v-focus-on="general_sizes_mould_max_height">
<div>
<img src="assets/icons/png/quota.png" />
<span>{{recipe.general_sizes_mould_max_height.valueAct}}</span>
<small>mm</small>
</div>
</div>
<div class="borded_label" id="quota4">
<div class="borded_label" id="quota4" v-focus-on="general_sizes_mould_base_height">
<div>
<img src="assets/icons/png/quota.png" />
<span>{{recipe.general_sizes_mould_base_height.valueAct}}</span>
<small>mm</small>
</div>
</div>
<div class="borded_label" id="quota5">
<div class="borded_label" id="quota5" v-focus-on="general_sizes_mould_min_height">
<div>
<img src="assets/icons/png/quota.png" />
<span>{{recipe.general_sizes_mould_min_height.valueAct}}</span>
@@ -6,7 +6,7 @@
<div class="body">
<div class="input-area">
<label>{{'general_sizes_upperplate_max_height' | localize('Altezza massima')}}</label>
<numeric v-model="recipe.general_sizes_upperplate_max_height" />
<numeric v-model="recipe.general_sizes_upperplate_max_height" id="general_sizes_upperplate_max_height"/>
</div>
<slider v-model="recipe.general_sizes_upperplate_max_height"></slider>
</div>
@@ -13,14 +13,14 @@
<hr />
<div class="input-area">
<label>{{'general_sizes_frame_dim_x' | localize('Apertura X')}}</label>
<numeric v-model="recipe.general_sizes_frame_dim_x" />
<numeric v-model="recipe.general_sizes_frame_dim_x" id="general_sizes_frame_dim_x"/>
</div>
<slider v-model="recipe.general_sizes_frame_dim_x"></slider>
<button class="submit">Muovi</button>
<div class="input-area">
<label>{{'general_sizes_frame_dim_y' | localize('Apertura Y')}}</label>
<numeric v-model="recipe.general_sizes_frame_dim_y" />
<numeric v-model="recipe.general_sizes_frame_dim_y" id="general_sizes_frame_dim_y"/>
</div>
<slider v-model="recipe.general_sizes_frame_dim_y"></slider>
<button class="submit">Muovi</button>
@@ -13,17 +13,17 @@
<hr />
<div class="input-area">
<label>{{'general_sizes_sheet_dim_x' | localize('Dimensione X')}}</label>
<numeric v-model="recipe.general_sizes_sheet_dim_x" />
<numeric v-model="recipe.general_sizes_sheet_dim_x" id="general_sizes_sheet_dim_x"/>
</div>
<slider v-model="recipe.general_sizes_sheet_dim_x"></slider>
<div class="input-area">
<label>{{'general_sizes_sheet_dim_y' | localize('Dimensione Y')}}</label>
<numeric v-model="recipe.general_sizes_sheet_dim_y" />
<numeric v-model="recipe.general_sizes_sheet_dim_y" id="general_sizes_sheet_dim_y"/>
</div>
<slider v-model="recipe.general_sizes_sheet_dim_y"></slider>
<div class="input-area">
<label>{{'general_sizes_sheet_thickness' | localize('Spessore')}}</label>
<numeric v-model="recipe.general_sizes_sheet_thickness" />
<numeric v-model="recipe.general_sizes_sheet_thickness" id="general_sizes_sheet_thickness"/>
</div>
<slider v-model="recipe.general_sizes_sheet_thickness"></slider>
</div>
@@ -13,14 +13,14 @@
<hr />
<div class="input-area">
<label>{{'general_sizes_plate_dim_x' | localize('Apertura X')}}</label>
<numeric v-model="recipe.general_sizes_plate_dim_x" />
<numeric v-model="recipe.general_sizes_plate_dim_x" id="general_sizes_plate_dim_x"/>
</div>
<slider v-model="recipe.general_sizes_plate_dim_x"></slider>
<button class="submit">Muovi</button>
<div class="input-area">
<label>{{'general_sizes_plate_dim_y' | localize('Apertura Y')}}</label>
<numeric v-model="recipe.general_sizes_plate_dim_y" />
<numeric v-model="recipe.general_sizes_plate_dim_y" id="general_sizes_plate_dim_y"/>
</div>
<slider v-model="recipe.general_sizes_plate_dim_y"></slider>
<button class="submit">Muovi</button>
@@ -12,24 +12,24 @@
<div class="input-area">
<label>{{'general_sizes_mould_dim_y' | localize('Dimensione Y')}}</label>
<numeric v-model="recipe.general_sizes_mould_dim_y" />
<numeric v-model="recipe.general_sizes_mould_dim_y" id="general_sizes_mould_dim_y"/>
</div>
<slider v-model="recipe.general_sizes_mould_dim_y"></slider>
<div class="input-area">
<label>{{'general_sizes_mould_max_height' | localize("Altezza massima")}}</label>
<numeric v-model="recipe.general_sizes_mould_max_height" />
<numeric v-model="recipe.general_sizes_mould_max_height" id="general_sizes_mould_max_height"/>
</div>
<slider v-model="recipe.general_sizes_mould_max_height"></slider>
<div class="input-area">
<label>{{'general_sizes_mould_min_height' | localize("Altezza minima negativa")}}</label>
<numeric v-model="recipe.general_sizes_mould_min_height" />
<numeric v-model="recipe.general_sizes_mould_min_height" id="general_sizes_mould_min_height"/>
</div>
<slider v-model="recipe.general_sizes_mould_min_height"></slider>
<div class="input-area">
<label>{{'general_sizes_mould_base_height' | localize("Altezza base")}}</label>
<numeric v-model="recipe.general_sizes_mould_base_height" />
<numeric v-model="recipe.general_sizes_mould_base_height" id="general_sizes_mould_base_height"/>
</div>
<slider v-model="recipe.general_sizes_mould_base_height"></slider>
</div>
@@ -1,32 +1,32 @@
<template>
<div class="svg-area">
<img src="assets/svg/disegno-termo.svg" />
<div class="borded_label" id="quota1">
<div class="borded_label" id="quota1" v-focus-on="pyrometer_lowerthermoregulator_sleep_percentage">
<div>
<span>{{recipe.pyrometer_lowerthermoregulator_sleep_percentage.valueAct}}</span>
<small>%</small>
</div>
</div>
<div class="borded_label" id="quota2">
<div class="borded_label" id="quota2" v-focus-on="pyrometer_lowerthermoregulator_min_percentage">
<div>
<span>{{recipe.pyrometer_lowerthermoregulator_min_percentage.valueAct}}</span>
<small>%</small>
</div>
</div>
<div class="borded_label" id="quota3">
<div class="borded_label" id="quota3" v-focus-on="pyrometer_lowerthermoregulator_max_percentage">
<div>
<span>{{recipe.pyrometer_lowerthermoregulator_max_percentage.valueAct}}</span>
<small>%</small>
</div>
</div>
<div class="borded_label" id="quota4">
<div class="borded_label" id="quota4" v-focus-on="pyrometer_lowerthermoregulator_start_adjustment">
<div>
<img src="assets/icons/png/temperatura.png" />
<span>{{recipe.pyrometer_lowerthermoregulator_start_adjustment.valueAct}}</span>
<small>°C</small>
</div>
</div>
<div class="borded_label" id="quota5">
<div class="borded_label" id="quota5" v-focus-on="pyrometer_lowerthermoregulator_end_adjustment">
<div>
<img src="assets/icons/png/temperatura.png" />
<span>{{recipe.pyrometer_lowerthermoregulator_end_adjustment.valueAct}}</span>
@@ -1,32 +1,32 @@
<template>
<div class="svg-area">
<img src="assets/svg/disegno-termo.svg" />
<div class="borded_label" id="quota1">
<div class="borded_label" id="quota1" v-focus-on="pyrometer_upperthermoregulator_sleep_percentage">
<div>
<span>{{recipe.pyrometer_upperthermoregulator_sleep_percentage.valueAct}}</span>
<small>%</small>
</div>
</div>
<div class="borded_label" id="quota2">
<div class="borded_label" id="quota2" v-focus-on="pyrometer_upperthermoregulator_min_percentage">
<div>
<span>{{recipe.pyrometer_upperthermoregulator_min_percentage.valueAct}}</span>
<small>%</small>
</div>
</div>
<div class="borded_label" id="quota3">
<div class="borded_label" id="quota3" v-focus-on="pyrometer_upperthermoregulator_max_percentage">
<div>
<span>{{recipe.pyrometer_upperthermoregulator_max_percentage.valueAct}}</span>
<small>%</small>
</div>
</div>
<div class="borded_label" id="quota4">
<div class="borded_label" id="quota4" v-focus-on="pyrometer_upperthermoregulator_start_adjustment">
<div>
<img src="assets/icons/png/temperatura.png" />
<span>{{recipe.pyrometer_upperthermoregulator_start_adjustment.valueAct}}</span>
<small>°C</small>
</div>
</div>
<div class="borded_label" id="quota5">
<div class="borded_label" id="quota5" v-focus-on="pyrometer_upperthermoregulator_end_adjustment">
<div>
<img src="assets/icons/png/temperatura.png" />
<span>{{recipe.pyrometer_upperthermoregulator_end_adjustment.valueAct}}</span>
@@ -5,12 +5,12 @@
<div class="body">
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_start_adjustment'|localize('Inizio regolazione (°C/10)')}}</label>
<numeric v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment" />
<numeric v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment" id="pyrometer_lowerthermoregulator_start_adjustment"/>
</div>
<slider v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment"></slider>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_end_adjustment'|localize('Fine regolazione (°C/10)')}}</label>
<numeric v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment" />
<numeric v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment" id="pyrometer_lowerthermoregulator_end_adjustment"/>
</div>
<slider v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment"></slider>
@@ -18,12 +18,12 @@
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_min_percentage'|localize('Percentuale Minimo')}}</label>
<numeric v-model="recipe.pyrometer_lowerthermoregulator_min_percentage" />
<numeric v-model="recipe.pyrometer_lowerthermoregulator_min_percentage" id="pyrometer_lowerthermoregulator_min_percentage"/>
</div>
<slider v-model="recipe.pyrometer_lowerthermoregulator_min_percentage"></slider>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_max_percentage'|localize('Percentuale Massimo')}}</label>
<numeric v-model="recipe.pyrometer_lowerthermoregulator_max_percentage" />
<numeric v-model="recipe.pyrometer_lowerthermoregulator_max_percentage" id="pyrometer_lowerthermoregulator_max_percentage"/>
</div>
<slider v-model="recipe.pyrometer_lowerthermoregulator_max_percentage"></slider>
@@ -35,7 +35,7 @@
</div>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_sleep_percentage'|localize('Percentuale riposo')}}</label>
<numeric v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage" />
<numeric v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage" id="pyrometer_lowerthermoregulator_sleep_percentage"/>
</div>
<slider v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage"></slider>
<div class="input-area">
@@ -5,12 +5,12 @@
<div class="body">
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_start_adjustment'|localize('Inizio regolazione (°C/10)')}}</label>
<numeric v-model="recipe.pyrometer_upperthermoregulator_start_adjustment" />
<numeric v-model="recipe.pyrometer_upperthermoregulator_start_adjustment" id="pyrometer_upperthermoregulator_start_adjustment"/>
</div>
<slider v-model="recipe.pyrometer_upperthermoregulator_start_adjustment"></slider>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_end_adjustment'|localize('Fine regolazione (°C/10)')}}</label>
<numeric v-model="recipe.pyrometer_upperthermoregulator_end_adjustment" />
<numeric v-model="recipe.pyrometer_upperthermoregulator_end_adjustment" id="pyrometer_upperthermoregulator_end_adjustment"/>
</div>
<slider v-model="recipe.pyrometer_upperthermoregulator_end_adjustment"></slider>
@@ -18,12 +18,12 @@
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_min_percentage'|localize('Percentuale Minimo')}}</label>
<numeric v-model="recipe.pyrometer_upperthermoregulator_min_percentage" />
<numeric v-model="recipe.pyrometer_upperthermoregulator_min_percentage" id="pyrometer_upperthermoregulator_min_percentage"/>
</div>
<slider v-model="recipe.pyrometer_upperthermoregulator_min_percentage"></slider>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_max_percentage'|localize('Percentuale Massimo')}}</label>
<numeric v-model="recipe.pyrometer_upperthermoregulator_max_percentage" />
<numeric v-model="recipe.pyrometer_upperthermoregulator_max_percentage" id="pyrometer_upperthermoregulator_max_percentage"/>
</div>
<slider v-model="recipe.pyrometer_upperthermoregulator_max_percentage"></slider>
@@ -35,7 +35,7 @@
</div>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_sleep_percentage'|localize('Percentuale riposo')}}</label>
<numeric v-model="recipe.pyrometer_upperthermoregulator_sleep_percentage" />
<numeric v-model="recipe.pyrometer_upperthermoregulator_sleep_percentage" id="pyrometer_upperthermoregulator_sleep_percentage"/>
</div>
<slider v-model="recipe.pyrometer_upperthermoregulator_sleep_percentage"></slider>
<div class="input-area">