fix import togglebutton

This commit is contained in:
=
2020-06-12 15:29:43 +02:00
parent 614105c35a
commit 5c17d598bb
39 changed files with 502 additions and 613 deletions
@@ -1,10 +0,0 @@
// out: false, sourceMap: false, main: ../style.less
@import "grid-system.less";
@import "colors.less";
@import "fonts.less";
.modal.estrazione-info {
width: 560px;
height: 411px;
}
@@ -1,27 +0,0 @@
// out: false, sourceMap: false, main: ../style.less
@import "grid-system.less";
@import "colors.less";
@import "fonts.less";
.modal.estrazione-info {
section.body {
section {
.specific {
justify-content: flex-end;
padding-left: 10px;
.box {
margin: 0;
background-color: #e5f3ff;
}
}
}
}
}
@@ -10,15 +10,12 @@
@import "preriscaldo-dashboard.less";
@import "circlegantt.less";
@import "paddle.less";
@import "arretramento-riscaldi.less";
@import "arch-interface.less";
@import "avvio-prod.less";
@import "processo.less";
@import "progrprerisc.less";
@import "opzioni.less";
@import "imbutitura.less";
@import "estrazione.less";
@import "vuoto.less";
@import "popups.less";
@import "grid-system.less";
@import "input.less";
@@ -1,33 +0,0 @@
// out: false, sourceMap: false, main: ../style.less
@import "grid-system.less";
@import "colors.less";
@import "fonts.less";
.modal.vuoto-info {
section {
.specific {
padding-left: 5px;
.box {
margin-bottom: 5px;
background-color: #e5f3ff;
&:first-of-type {
background-color: white;
}
&:last-of-type {
background-color: #b3dbff;
}
}
}
}
}
@@ -5053,10 +5053,6 @@ body {
width: 100%;
align-self: center;
}
.modal.estrazione-info {
width: 560px;
height: 411px;
}
.arch {
display: flex;
justify-content: flex-end;
@@ -5436,27 +5432,6 @@ body {
margin-bottom: 5px;
background-color: #e5f3ff;
}
.modal.estrazione-info section.body section .specific {
justify-content: flex-end;
padding-left: 10px;
}
.modal.estrazione-info section.body section .specific .box {
margin: 0;
background-color: #e5f3ff;
}
.modal.vuoto-info section .specific {
padding-left: 5px;
}
.modal.vuoto-info section .specific .box {
margin-bottom: 5px;
background-color: #e5f3ff;
}
.modal.vuoto-info section .specific .box:first-of-type {
background-color: white;
}
.modal.vuoto-info section .specific .box:last-of-type {
background-color: #b3dbff;
}
.popup {
width: 288px;
height: 218px;
+11 -12
View File
@@ -12,7 +12,6 @@ import { store, appModelActions, machineStatusActions } from "@/store";
import { underTheHood } from "@/app_modules/under-the-hood";
import SwitchButton from "@/app_modules_thermo/components/paddle/switch-button.vue";
import Sidebar from "@/app_modules_thermo/components/paddle/sidebar.vue";
import ToggleButton from "@/components/toggleButton.vue";
import Dashboard from "@/app_modules_thermo/dashboard/dashboard.vue";
import PreDashboard from "@/app_modules_thermo/preriscaldo-dashboard/preriscaldo-dashboard.vue";
@@ -38,7 +37,7 @@ declare var cmsClient;
switchButton: SwitchButton,
sidebar: Sidebar,
dashboard: Dashboard,
predashboard:PreDashboard,
predashboard: PreDashboard,
alarmList,
underTheHood,
}
@@ -46,13 +45,13 @@ declare var cmsClient;
export default class app extends Vue {
$route: any;
$router:any;
$router: any;
state = this.$store.state;
applyBlur = false;
showHeaderOnBlur = false;
applyBlurNc= false;
applyBlurNc = false;
applyBlurInternal = false;
showHMIinProduction = false;
showPRODinProduction = false;
@@ -163,11 +162,11 @@ export default class app extends Vue {
return this.$store.state.isMainViewLiftedUp;
}
get statusDashboard(){
get statusDashboard() {
return this.$store.state.isShowDashboard;
}
get statusPreDashboard(){
get statusPreDashboard() {
return this.$store.state.isShowPreDashboard;
}
@@ -195,11 +194,11 @@ export default class app extends Vue {
700
);
if (this.showPRODinProduction && this.$route.path.includes("production"))
messageService.publishToChannel(
"PROD-production-show",
700
);
messageService.publishToChannel(
"PROD-production-show",
700
);
}
}
@@ -247,7 +246,7 @@ export default class app extends Vue {
messageService.publishToChannel(name);
}
toogleDashboard(){
toogleDashboard() {
this.showDashboard = true;
}
@@ -1,19 +1,18 @@
import Vue from "vue";
import Component from "vue-class-component";
import {paddleActions} from '@/store/paddle.store';
import ToggleButton from "@/components/toggleButton.vue";
import { paddleActions } from '@/store/paddle.store';
@Component({name: 'sidebar',components: { toggleButton:ToggleButton } })
export default class Sidebar extends Vue{
@Component({ name: 'sidebar' })
export default class Sidebar extends Vue {
azione1:boolean=false;
azione2:boolean=false;
azione1: boolean = false;
azione2: boolean = false;
isPanelOpen(){
return this.$store.state.paddle.isNavOpen;
}
isPanelOpen() {
return this.$store.state.paddle.isNavOpen;
}
closeSidebarPanel() {
paddleActions.Toggle(this.$store);
}
closeSidebarPanel() {
paddleActions.Toggle(this.$store);
}
}
@@ -1,35 +1,34 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
import { messageService } from "@/_base/messageService";
import { Modal, ModalHelper } from "@/components/modals";
import ToggleButton from "@/components/toggleButton.vue";
import {appModelActions} from "@/store/app.store";
import { appModelActions } from "@/store/app.store";
@Component({
components: {
modal: Modal,
ToggleButton
}
components: {
modal: Modal,
}
})
export default class ProgrammazionePreriscaldo extends Vue{
enabling:boolean=true;
risc:boolean=true;
termo:boolean=true;
block:boolean=false;
active:string="";
meridian:string="--";
hours:string="00";
export default class ProgrammazionePreriscaldo extends Vue {
public sendMessage(name: string) {
messageService.publishToChannel(name);
}
enabling: boolean = true;
risc: boolean = true;
termo: boolean = true;
block: boolean = false;
showPreDashboard() {
appModelActions.ShowPreDashboard(this.$store);
}
active: string = "";
meridian: string = "--";
hours: string = "00";
public sendMessage(name: string) {
messageService.publishToChannel(name);
}
showPreDashboard() {
appModelActions.ShowPreDashboard(this.$store);
}
}
@@ -3,52 +3,50 @@ import { Modal, ModalHelper } from "@/components/modals";
import { Factory, messageService, awaiter } from "@/_base";
import Component from "vue-class-component";
import { Prop } from 'vue-property-decorator';
import ToggleButton from "@/components/toggleButton.vue";
import Tastierino from "@/app_modules_thermo/components/tastierino.vue";
import {appModelActions} from "@/store/app.store";
import { appModelActions } from "@/store/app.store";
@Component({
components: {
@Component({
components: {
modal: Modal,
ToggleButton,
tastierino:Tastierino
}
tastierino: Tastierino
}
})
export default class AvvioProduzione extends Vue {
enabling:boolean=true;
@Prop({})
pieces:number;
enabling: boolean = true;
@Prop({})
pieces: number;
mock_pieces:number=this.pieces;
mock_pieces: number = this.pieces;
annulla(){
ModalHelper.HideModal();
};
// conferma(){
// ModalHelper.HideModal();
// };
annulla() {
ModalHelper.HideModal();
};
// conferma(){
// ModalHelper.HideModal();
// };
showDashboard() {
ModalHelper.HideModal();
appModelActions.ShowDashboard(this.$store);
}
async beforeMount() {
// this.contactInfo = await awaiter(new machineService().getContactConfiguration());
messageService.subscribeToChannel("esc_pressed", args => {
this.close();
});
}
beforeDestroy() {
messageService.deleteChannel("esc_pressed");
}
close() {
messageService.deleteChannel("esc_pressed");
ModalHelper.HideModal();
}
showDashboard() {
ModalHelper.HideModal();
appModelActions.ShowDashboard(this.$store);
}
async beforeMount() {
// this.contactInfo = await awaiter(new machineService().getContactConfiguration());
messageService.subscribeToChannel("esc_pressed", args => {
this.close();
});
}
beforeDestroy() {
messageService.deleteChannel("esc_pressed");
}
close() {
messageService.deleteChannel("esc_pressed");
ModalHelper.HideModal();
}
}
@@ -3,12 +3,11 @@ import Component from 'vue-class-component';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import SVGCaricatore from "./SVG-Components/SVGcaricatore.vue";
import ToggleButton from "@/components/toggleButton.vue";
@Component({ components: { ToggleButton, slider: Slider, svgcaricatore: SVGCaricatore, } })
@Component({ components: { slider: Slider, svgcaricatore: SVGCaricatore, } })
export default class Caricatore extends Vue {
@Prop()
recipe:Recipe.IRecipe;
recipe: Recipe.IRecipe;
}
@@ -4,18 +4,16 @@ import { Prop } from 'vue-property-decorator';
import acrilico from "./formatura-acrilico.vue";
import cristallizzazione from "./formatura-cristallizzazione.vue";
import riscaldo from "./formatura-riscaldo.vue";
import ToggleButton from "@/components/toggleButton.vue";
@Component({
name: "cicloformatura",
components: {
acrilico, cristallizzazione, riscaldo,
ToggleButton
acrilico, cristallizzazione, riscaldo
}
})
export default class CicloFormatura extends Vue {
@Prop()
recipe:Recipe.IRecipe;
recipe: Recipe.IRecipe;
}
@@ -2,12 +2,11 @@ import Vue from 'vue';
import Component from 'vue-class-component';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import ToggleButton from "@/components/toggleButton.vue";
@Component({ components: { slider: Slider, ToggleButton } })
@Component({ components: { slider: Slider } })
export default class MascheraAcrilico extends Vue {
@Prop()
recipe:Recipe.IRecipe;
recipe: Recipe.IRecipe;
}
@@ -2,12 +2,11 @@ import Vue from 'vue';
import Component from 'vue-class-component';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import ToggleButton from "@/components/toggleButton.vue";
@Component({ components: { slider: Slider, ToggleButton } })
@Component({ components: { slider: Slider } })
export default class MascheraCristallizzazione extends Vue {
@Prop()
recipe:Recipe.IRecipe;
recipe: Recipe.IRecipe;
}
@@ -2,12 +2,11 @@ import Vue from 'vue';
import Component from 'vue-class-component';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import ToggleButton from "@/components/toggleButton.vue";
@Component({ components: { slider: Slider, ToggleButton } })
@Component({ components: { slider: Slider } })
export default class MascheraRiscaldo extends Vue {
@Prop()
recipe:Recipe.IRecipe;
recipe: Recipe.IRecipe;
}
@@ -1,14 +1,13 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import Scheda from "@/app_modules_thermo/components/scheda.vue";
import ToggleButton from "@/components/toggleButton.vue";
@Component({name:"ariacontrostampo", components: { scheda:Scheda,slider:Slider,ToggleButton}})
@Component({ name: "ariacontrostampo", components: { scheda: Scheda, slider: Slider } })
export default class AriaControstampo extends Vue {
@Prop()
recipe:Recipe.IRecipe;
@Prop()
recipe: Recipe.IRecipe;
}
@@ -1,19 +1,17 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import ToggleButton from "@/components/toggleButton.vue";
@Component({
name:"ciclocontrostampo",
components: {
slider:Slider,
ToggleButton
name: "ciclocontrostampo",
components: {
slider: Slider
}
})
export default class CicloControstampo extends Vue {
@Prop()
recipe:Recipe.IRecipe;
recipe: Recipe.IRecipe;
}
@@ -1,14 +1,13 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import Scheda from "@/app_modules_thermo/components/scheda.vue";
import ToggleButton from "@/components/toggleButton.vue";
@Component({name:"estrazionecontrostampo", components: { scheda:Scheda,slider:Slider,ToggleButton}})
@Component({ name: "estrazionecontrostampo", components: { scheda: Scheda, slider: Slider } })
export default class EstrazioneControstampo extends Vue {
@Prop()
recipe:Recipe.IRecipe;
@Prop()
recipe: Recipe.IRecipe;
}
@@ -1,14 +1,13 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import Scheda from "@/app_modules_thermo/components/scheda.vue";
import ToggleButton from "@/components/toggleButton.vue";
@Component({name:"vuotocontrostampo", components: { scheda:Scheda,slider:Slider,ToggleButton}})
@Component({ name: "vuotocontrostampo", components: { scheda: Scheda, slider: Slider } })
export default class VuotoControstampo extends Vue {
@Prop()
recipe:Recipe.IRecipe;
@Prop()
recipe: Recipe.IRecipe;
}
@@ -1,41 +1,39 @@
<template>
<section>
<aside class="scrollable auto">
<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 class="box transparent">
<div class="body">
<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">
<label>{{'extraction_main_type'|localize('Tipo')}}</label>
<select v-model="recipe.extraction_main_type"></select>
</div>
<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_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.extraction_main_manual" />
</div>
<slider v-model="recipe.extraction_main_manual"></slider>
</div>
</div>
<slider
v-model="recipe.extraction_main_delay"
></slider>
<div class="input-area">
<label>{{'extraction_main_type'|localize('Tipo')}}</label>
<select v-model="recipe.extraction_main_type">
</select>
</div>
<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_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.extraction_main_manual" />
</div>
<slider
v-model="recipe.extraction_main_manual"
></slider>
</aside>
<hr />
<div class="specific">
<article>
<scheda
class="box-500"
:portata="recipe.extraction_main_1_chart_setpointx"
:durata="recipe.extraction_main_1_chart_setpointy"
></scheda>
</div>
</article>
</section>
</template>
@@ -1,34 +1,34 @@
<template>
<section>
<aside class="scrollable auto">
<div class="input-area">
<label>{{'extraction_aux_enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.extraction_aux_enabled.status.enabled">
</toggle-button>
<div class="box transparent">
<div class="body">
<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">
<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">
<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>
</div>
<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">
<label>{{'extraction_aux_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.extraction_aux_manual" />
</div>
<slider
v-model="recipe.extraction_aux_manual"
></slider>
</aside>
<hr />
<div class="specific">
<article>
<scheda
class="box-500"
:portata="recipe.extraction_aux_1_chart_setpointx"
:durata="recipe.extraction_aux_1_chart_setpointy"
></scheda>
</div>
</article>
</section>
</template>
@@ -1,32 +1,27 @@
<template>
<div>
<div class="input-area">
<label>{{'options_undercutmould__mode'|localize('Modalità')}}</label>
<select v-model="modalita">
</select>
<div class="box transparent box-500 center">
<div class="body">
<div class="input-area">
<label>{{'options_undercutmould__mode'|localize('Modalità')}}</label>
<select v-model="modalita"></select>
</div>
<div class="input-area">
<img src="assets/icons/png/quota.png" />
<label>{{'options_undercutupperplate__position'|localize('Quota')}}</label>
<numeric v-model="quota" />
</div>
<slider v-model="quota"></slider>
<div class="input-area">
<label>{{'options_undercutupperplate__delay_acti'|localize('Ritardo attivazione')}}</label>
<numeric v-model="ritardoAtt" />
</div>
<slider v-model="ritardoAtt"></slider>
<div class="input-area">
<label>{{'options_undercutupperplate__delay_dis'|localize('Ritardo disattivazione')}}</label>
<numeric v-model="ritardoDisatt" />
</div>
<slider v-model="ritardoDisatt"></slider>
</div>
<div class="input-area">
<img src="assets/icons/png/quota.png" />
<label>{{'options_undercutupperplate__position'|localize('Quota')}}</label>
<numeric v-model="quota" />
</div>
<slider
v-model="quota"
></slider>
<div class="input-area">
<label>{{'options_undercutupperplate__delay_acti'|localize('Ritardo attivazione')}}</label>
<numeric v-model="ritardoAtt" />
</div>
<slider
v-model="ritardoAtt"
></slider>
<div class="input-area">
<label>{{'options_undercutupperplate__delay_dis'|localize('Ritardo disattivazione')}}</label>
<numeric v-model="ritardoDisatt" />
</div>
<slider
v-model="ritardoDisatt"
></slider>
</div>
</template>
<script src="./inputSottosquadra.ts" />
@@ -2,16 +2,15 @@ import Vue from "vue";
import Component from "vue-class-component";
import { Prop } from "vue-property-decorator";
import Slider from "@/app_modules_thermo/components/slider.vue";
import ToggleButton from "@/components/toggleButton.vue";
@Component({name:"input-termo", components:{slider:Slider, ToggleButton}})
export default class inputTermo extends Vue{
@Component({ name: "input-termo", components: { slider: Slider } })
export default class inputTermo extends Vue {
@Prop({})
abilitazione: Recipe.IValue;
@Prop({})
setpoint: Recipe.IValue;
@Prop({})
abilitazione:Recipe.IValue;
@Prop({})
setpoint:Recipe.IValue;
}
@@ -1,16 +1,16 @@
<template>
<div>
<div class="input-area">
<label>{{'options_thermoregulator__enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="abilitazione.status.enabled"></toggle-button>
<div class="box box-500 transparent center">
<div class="body">
<div class="input-area">
<label>{{'options_thermoregulator__enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="abilitazione.status.enabled"></toggle-button>
</div>
<div class="input-area">
<label>{{'options_thermoregulator__setpoint'|localize('Setpoint')}}</label>
<numeric v-model="setpoint" />
</div>
<slider v-model="setpoint"></slider>
</div>
<div class="input-area">
<label>{{'options_thermoregulator__setpoint'|localize('Setpoint')}}</label>
<numeric v-model="setpoint" />
</div>
<slider
v-model="setpoint"
></slider>
</div>
</template>
<script src="./inputTermo.ts" />
@@ -1,152 +1,163 @@
<template>
<section>
<div class="specific">
<button :class="{'active':showTermo == 'termo-1'}" @click="showTermo='termo-1'">
<setup-termo
:numTermo="1"
:status="recipe.options_thermoregulator_1_enabled.status"
:setpoint="recipe.options_thermoregulator_1_setpoint"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-2'}" @click="showTermo='termo-2'" class="box-color">
<setup-termo
:numTermo="2"
:status="recipe.options_thermoregulator_2_enabled.status"
:setpoint="recipe.options_thermoregulator_2_setpoint"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-3'}" @click="showTermo='termo-3'">
<setup-termo
:numTermo="3"
:status="recipe.options_thermoregulator_3_enabled.status"
:setpoint="recipe.options_thermoregulator_3_setpoint"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-4'}" @click="showTermo='termo-4'" class="box-color">
<setup-termo
:numTermo="4"
:status="recipe.options_thermoregulator_4_enabled.status"
:setpoint="recipe.options_thermoregulator_4_setpoint"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-5'}" @click="showTermo='termo-5'">
<setup-termo
:numTermo="5"
:status="recipe.options_thermoregulator_5_enabled.status"
:setpoint="recipe.options_thermoregulator_5_setpoint"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-6'}" @click="showTermo='termo-6'" class="box-color">
<setup-termo
:numTermo="6"
:status="recipe.options_thermoregulator_6_enabled.status"
:setpoint="recipe.options_thermoregulator_6_setpoint"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-7'}" @click="showTermo='termo-7'">
<setup-termo
:numTermo="7"
:status="recipe.options_thermoregulator_7_enabled.status"
:setpoint="recipe.options_thermoregulator_7_setpoint"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-8'}" @click="showTermo='termo-8'" class="box-color">
<setup-termo
:numTermo="8"
:status="recipe.options_thermoregulator_8_enabled.status"
:setpoint="recipe.options_thermoregulator_8_setpoint"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-9'}" @click="showTermo='termo-9'">
<setup-termo
:numTermo="9"
:status="recipe.options_thermoregulator_9_enabled.status"
:setpoint="recipe.options_thermoregulator_9_setpoint"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-10'}" @click="showTermo='termo-10'" class="box-color">
<setup-termo
:numTermo="10"
:status="recipe.options_thermoregulator_10_enabled.status"
:setpoint="recipe.options_thermoregulator_10_setpoint"
></setup-termo>
</button>
</div>
<section>
<div class="specific">
<button :class="{'active':showTermo == 'termo-1'}" @click="showTermo='termo-1'">
<setup-termo
:numTermo="1"
:status="recipe.options_thermoregulator_1_enabled.status"
:setpoint="recipe.options_thermoregulator_1_setpoint"
></setup-termo>
</button>
<button
:class="{'active':showTermo == 'termo-2'}"
@click="showTermo='termo-2'"
class="box-color"
>
<setup-termo
:numTermo="2"
:status="recipe.options_thermoregulator_2_enabled.status"
:setpoint="recipe.options_thermoregulator_2_setpoint"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-3'}" @click="showTermo='termo-3'">
<setup-termo
:numTermo="3"
:status="recipe.options_thermoregulator_3_enabled.status"
:setpoint="recipe.options_thermoregulator_3_setpoint"
></setup-termo>
</button>
<button
:class="{'active':showTermo == 'termo-4'}"
@click="showTermo='termo-4'"
class="box-color"
>
<setup-termo
:numTermo="4"
:status="recipe.options_thermoregulator_4_enabled.status"
:setpoint="recipe.options_thermoregulator_4_setpoint"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-5'}" @click="showTermo='termo-5'">
<setup-termo
:numTermo="5"
:status="recipe.options_thermoregulator_5_enabled.status"
:setpoint="recipe.options_thermoregulator_5_setpoint"
></setup-termo>
</button>
<button
:class="{'active':showTermo == 'termo-6'}"
@click="showTermo='termo-6'"
class="box-color"
>
<setup-termo
:numTermo="6"
:status="recipe.options_thermoregulator_6_enabled.status"
:setpoint="recipe.options_thermoregulator_6_setpoint"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-7'}" @click="showTermo='termo-7'">
<setup-termo
:numTermo="7"
:status="recipe.options_thermoregulator_7_enabled.status"
:setpoint="recipe.options_thermoregulator_7_setpoint"
></setup-termo>
</button>
<button
:class="{'active':showTermo == 'termo-8'}"
@click="showTermo='termo-8'"
class="box-color"
>
<setup-termo
:numTermo="8"
:status="recipe.options_thermoregulator_8_enabled.status"
:setpoint="recipe.options_thermoregulator_8_setpoint"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-9'}" @click="showTermo='termo-9'">
<setup-termo
:numTermo="9"
:status="recipe.options_thermoregulator_9_enabled.status"
:setpoint="recipe.options_thermoregulator_9_setpoint"
></setup-termo>
</button>
<button
:class="{'active':showTermo == 'termo-10'}"
@click="showTermo='termo-10'"
class="box-color"
>
<setup-termo
:numTermo="10"
:status="recipe.options_thermoregulator_10_enabled.status"
:setpoint="recipe.options_thermoregulator_10_setpoint"
></setup-termo>
</button>
</div>
<hr>
<hr />
<div class="specific">
<div v-if="showTermo=='termo-1'">
<input-termo
<div class="specific">
<div v-if="showTermo=='termo-1'">
<input-termo
:setpoint="recipe.options_thermoregulator_1_setpoint"
:abilitazione="recipe.options_thermoregulator_1_enabled"
></input-termo>
</div>
<div v-if="showTermo=='termo-2'">
<input-termo
></input-termo>
</div>
<div v-if="showTermo=='termo-2'">
<input-termo
:setpoint="recipe.options_thermoregulator_2_setpoint"
:abilitazione="recipe.options_thermoregulator_2_enabled"
>
</input-termo>
</div>
<div v-if="showTermo=='termo-3'">
<input-termo
></input-termo>
</div>
<div v-if="showTermo=='termo-3'">
<input-termo
:setpoint="recipe.options_thermoregulator_3_setpoint"
:abilitazione="recipe.options_thermoregulator_3_enabled"
>
</input-termo>
</div>
<div v-if="showTermo=='termo-4'">
<input-termo
></input-termo>
</div>
<div v-if="showTermo=='termo-4'">
<input-termo
:setpoint="recipe.options_thermoregulator_4_setpoint"
:abilitazione="recipe.options_thermoregulator_4_enabled"
>
</input-termo>
</div>
<div v-if="showTermo=='termo-5'">
<input-termo
></input-termo>
</div>
<div v-if="showTermo=='termo-5'">
<input-termo
:setpoint="recipe.options_thermoregulator_5_setpoint"
:abilitazione="recipe.options_thermoregulator_5_enabled"
>
</input-termo>
</div>
<div v-if="showTermo=='termo-6'">
<input-termo
></input-termo>
</div>
<div v-if="showTermo=='termo-6'">
<input-termo
:setpoint="recipe.options_thermoregulator_6_setpoint"
:abilitazione="recipe.options_thermoregulator_6_enabled"
>
</input-termo>
</div>
<div v-if="showTermo=='termo-7'">
<input-termo
></input-termo>
</div>
<div v-if="showTermo=='termo-7'">
<input-termo
:setpoint="recipe.options_thermoregulator_7_setpoint"
:abilitazione="recipe.options_thermoregulator_7_enabled"
>
</input-termo>
</div>
<div v-if="showTermo=='termo-8'">
<input-termo
></input-termo>
</div>
<div v-if="showTermo=='termo-8'">
<input-termo
:setpoint="recipe.options_thermoregulator_8_setpoint"
:abilitazione="recipe.options_thermoregulator_8_enabled"
>
</input-termo>
</div>
<div v-if="showTermo=='termo-9'">
<input-termo
></input-termo>
</div>
<div v-if="showTermo=='termo-9'">
<input-termo
:setpoint="recipe.options_thermoregulator_9_setpoint"
:abilitazione="recipe.options_thermoregulator_9_enabled"
>
</input-termo>
</div>
<div v-if="showTermo=='termo-10'">
<input-termo
></input-termo>
</div>
<div v-if="showTermo=='termo-10'">
<input-termo
:setpoint="recipe.options_thermoregulator_10_setpoint"
:abilitazione="recipe.options_thermoregulator_10_enabled"
>
</input-termo>
</div>
></input-termo>
</div>
</section>
</div>
</section>
</template>
<script lang="ts" src="./termoregolatori.ts"></script>
@@ -1,14 +1,12 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import ToggleButton from "@/components/toggleButton.vue";
// import Recipe from "@/@types/recipe-current";
@Component({name:"pirometro", components: { slider:Slider, ToggleButton}})
export default class Pirometro extends Vue{
@Prop()
recipe:Recipe.IRecipe;
@Component({ name: "pirometro", components: { slider: Slider } })
export default class Pirometro extends Vue {
@Prop()
recipe: Recipe.IRecipe;
}
@@ -2,15 +2,12 @@ import Vue from 'vue';
import Component from 'vue-class-component';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import ToggleButton from "@/components/toggleButton.vue";
import SVGTermoregolazioneInferiore from './SVG_Components/SVG-termo-inferiore.vue';
import Tastierino from "@/app_modules_thermo/components/tastierino.vue";
@Component({
name: 'termoinferiore',
components: {
slider: Slider,
ToggleButton,
svgtermoinferiore: SVGTermoregolazioneInferiore,
}
})
@@ -2,15 +2,12 @@ import Vue from 'vue';
import Component from 'vue-class-component';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import ToggleButton from "@/components/toggleButton.vue";
import SVGTermoregolazioneSuperiore from './SVG_Components/SVG-termo-superiore.vue';
import Tastierino from "@/app_modules_thermo/components/tastierino.vue";
@Component({
name: 'termosuperiore',
components: {
slider: Slider,
ToggleButton,
svgtermosuperiore: SVGTermoregolazioneSuperiore,
}
})
@@ -1,18 +1,17 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import ToggleButton from "@/components/toggleButton.vue";
@Component({name:"pirometro",
components: {
slider:Slider,ToggleButton
}
@Component({
name: "pirometro",
components: {
slider: Slider
}
})
export default class Pirometro extends Vue{
export default class Pirometro extends Vue {
@Prop()
recipe:Recipe.IRecipe;
@Prop()
recipe: Recipe.IRecipe;
}
@@ -1,17 +1,17 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import ToggleButton from "@/components/toggleButton.vue";
@Component({name:"telescopi",
components: {
slider:Slider,ToggleButton
}
@Component({
name: "telescopi",
components: {
slider: Slider
}
})
export default class Telescopi extends Vue{
export default class Telescopi extends Vue {
@Prop()
recipe:Recipe.IRecipe;
@Prop()
recipe: Recipe.IRecipe;
}
@@ -1,12 +1,10 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import { Prop } from 'vue-property-decorator';
import toggleButton from "@/components/toggleButton.vue";
import warmers from "./warmers.vue";
@Component({
name: "riscaldiinf", components: {
toggleButton,
warmers
}
})
@@ -1,12 +1,11 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import { Prop } from 'vue-property-decorator';
import toggleButton from "@/components/toggleButton.vue";
import warmers from "./warmers.vue";
@Component({
name: "riscaldisup", components: {
toggleButton,
warmers
}
})
@@ -2,12 +2,11 @@ import Vue from 'vue';
import Component from 'vue-class-component';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue"
import toggleButton from "@/components/toggleButton.vue";
@Component({ name: "sostdecomp", components: { slider: Slider, toggleButton } })
@Component({ name: "sostdecomp", components: { slider: Slider } })
export default class SostDecomp extends Vue {
@Prop()
recipe:Recipe.IRecipe;
@Prop()
recipe: Recipe.IRecipe;
}
@@ -1,14 +1,13 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import Scheda from "@/app_modules_thermo/components/scheda.vue";
import ToggleButton from "@/components/toggleButton.vue";
@Component({name:'prevuoto', components: { slider:Slider, scheda:Scheda,ToggleButton}})
export default class Prevuoto extends Vue{
@Component({ name: 'prevuoto', components: { slider: Slider } })
export default class Prevuoto extends Vue {
@Prop()
recipe:Recipe.IRecipe;
@Prop()
recipe: Recipe.IRecipe;
}
@@ -1,47 +1,53 @@
<template>
<section>
<aside class="scrollable auto">
<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="box transparent">
<div class="body">
<div class="input-area">
<label>{{'vacuum_pre_enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.vacuum_pre_enabled.status.enabled"></toggle-button>
</div>
<hr />
<hr />
<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 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>
</div>
<slider
v-model="recipe.vacuum_pre_delay"
></slider>
</aside>
<hr />
<div class="specific">
<article class="shrink">
<scheda
class="box-500 mb-10"
:portata="recipe.vacuum_pre_1_chart_setpointx"
:durata="recipe.vacuum_pre_1_chart_setpointy"
></scheda>
<scheda
class="box-500 mb-10"
:portata="recipe.vacuum_pre_2_chart_setpointx"
:durata="recipe.vacuum_pre_2_chart_setpointy"
></scheda>
<scheda
class="box-500 mb-10"
:portata="recipe.vacuum_pre_3_chart_setpointx"
:durata="recipe.vacuum_pre_3_chart_setpointy"
></scheda>
</div>
<div class="specific">
<div class="input-area">
<label>{{'vacuum_pre_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.vacuum_pre_max_time" />
</article>
<article>
<div class="box transparent box-500 center">
<div class="body">
<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>
</div>
<slider
v-model="recipe.vacuum_pre_max_time"
></slider>
</div>
</article>
</section>
</template>
@@ -1,14 +1,13 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { Prop } from 'vue-property-decorator';
import Slider from "@/app_modules_thermo/components/slider.vue";
import Scheda from "@/app_modules_thermo/components/scheda.vue";
import ToggleButton from "@/components/toggleButton.vue";
@Component({name:'vuotoausiliario', components: { slider:Slider, scheda:Scheda,ToggleButton}})
export default class VuotoAusiliario extends Vue{
@Component({ name: 'vuotoausiliario', components: { slider: Slider, scheda: Scheda } })
export default class VuotoAusiliario extends Vue {
@Prop()
recipe:Recipe.IRecipe;
@Prop()
recipe: Recipe.IRecipe;
}
@@ -1,57 +1,61 @@
<template>
<section>
<aside class="scrollable auto">
<div class="input-area">
<label>{{'vacuum_aux_enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.vacuum_aux_enabled.status.enabled">
</toggle-button>
<div class="box transparent">
<div class="body">
<div class="input-area">
<label>{{'vacuum_aux_enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.vacuum_aux_enabled.status.enabled"></toggle-button>
</div>
<hr />
<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>
<hr />
<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>
</div>
<hr />
<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>
<hr />
<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>
</aside>
<hr />
<div class="specific">
<article class="shrink">
<scheda
class="box-500 mb-10"
:portata="recipe.vacuum_aux_1_chart_setpointx"
:durata="recipe.vacuum_aux_1_chart_setpointy"
></scheda>
<scheda
class="box-500 mb-10"
:portata="recipe.vacuum_aux_2_chart_setpointx"
:durata="recipe.vacuum_aux_2_chart_setpointy"
></scheda>
<scheda
class="box-500 mb-10"
:portata="recipe.vacuum_aux_3_chart_setpointx"
:durata="recipe.vacuum_aux_3_chart_setpointy"
></scheda>
</div>
<div class="specific">
<div class="input-area">
<label>{{'vacuum_aux_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.vacuum_aux_max_time" />
</article>
<article>
<div class="box box-500 transparent center">
<div class="body">
<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>
</div>
<slider
v-model="recipe.vacuum_aux_max_time"
></slider>
</div>
</article>
</section>
</template>
@@ -1,27 +1,26 @@
<template>
<section>
<div class="specific">
<div class="input-area">
<label>{{'vacuum_direct_enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.vacuum_direct_enabled.status.enabled">
</toggle-button>
<article>
<div class="box transparent box-500 center">
<div class="body">
<div class="input-area">
<label>{{'vacuum_direct_enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.vacuum_direct_enabled.status.enabled"></toggle-button>
</div>
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'vacuum_direct_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.vacuum_direct_delay" />
</div>
<slider v-model="recipe.vacuum_direct_delay"></slider>
<div class="input-area">
<label>{{'vacuum_direct_time'|localize('Durata')}}</label>
<numeric v-model="recipe.vacuum_direct_time" />
</div>
<slider v-model="recipe.vacuum_direct_time"></slider>
</div>
</div>
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'vacuum_direct_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.vacuum_direct_delay" />
</div>
<slider
v-model="recipe.vacuum_direct_delay"
></slider>
<div class="input-area">
<label>{{'vacuum_direct_time'|localize('Durata')}}</label>
<numeric v-model="recipe.vacuum_direct_time" />
</div>
<slider
v-model="recipe.vacuum_direct_time"
></slider>
</div>
</article>
</section>
</template>
@@ -1,57 +1,61 @@
<template>
<section>
<aside class="scrollable auto">
<div class="input-area">
<label>{{'vacuum_main_start'|localize('Partenza')}}</label>
<select v-model="recipe.vacuum_main_start">
</select>
<div class="box transparent">
<div class="body">
<div class="input-area">
<label>{{'vacuum_main_start'|localize('Partenza')}}</label>
<select v-model="recipe.vacuum_main_start"></select>
</div>
<hr />
<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>
<hr />
<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>
</div>
<hr />
<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>
<hr />
<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>
</aside>
<hr />
<div class="specific">
<article class="shrink">
<scheda
class="box-500 mb-10"
:portata="recipe.vacuum_main_1_chart_setpointx"
:durata="recipe.vacuum_main_1_chart_setpointy"
></scheda>
<scheda
class="box-500 mb-10"
:portata="recipe.vacuum_main_2_chart_setpointx"
:durata="recipe.vacuum_main_2_chart_setpointy"
></scheda>
<scheda
class="box-500 mb-10"
:portata="recipe.vacuum_main_3_chart_setpointx"
:durata="recipe.vacuum_main_3_chart_setpointy"
></scheda>
</div>
<div class="specific">
<div class="input-area">
<label>{{'vacuum_main_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.vacuum_main_max_time" />
</article>
<article>
<div class="box transparent box-500 center">
<div class="body">
<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>
</div>
<slider
v-model="recipe.vacuum_main_max_time"
></slider>
</div>
</article>
</section>
</template>
+4 -2
View File
@@ -25,8 +25,8 @@ import "./_base/gestures";
import "./app.business-logic";
import "./app.modules";
import { messageService } from "src/_base";
import { recipeService } from "@/services/recipeService";
import { warmersService } from "./services/warmersService";
warmersService.GetChannels();
warmersService.GetResistances();
@@ -116,11 +116,13 @@ import "./filters/isValidMixin";
// registrazione componenti generali
import components from "@/app_modules_thermo/components";
import { warmersService } from "./services/warmersService";
for (let name in components) {
Vue.component(name, components[name]);
}
import toggleButton from "@/components/toggleButton.vue";
Vue.component('toggleButton', toggleButton);
// polyfills !!
if (!(String.prototype as any).format) {
(String.prototype as any).format = function () {