diff --git a/Thermo.Active/wwwroot/assets/icons/svg/disegno-quote-velocita-stampo.svg b/Thermo.Active/wwwroot/assets/icons/svg/disegno-quote-velocita-stampo.svg
new file mode 100644
index 00000000..d3cde82c
--- /dev/null
+++ b/Thermo.Active/wwwroot/assets/icons/svg/disegno-quote-velocita-stampo.svg
@@ -0,0 +1,549 @@
+
+
diff --git a/Thermo.Active/wwwroot/assets/styles/base/arretramento-riscaldi.less b/Thermo.Active/wwwroot/assets/styles/base/arretramento-riscaldi.less
new file mode 100644
index 00000000..34dc22c6
--- /dev/null
+++ b/Thermo.Active/wwwroot/assets/styles/base/arretramento-riscaldi.less
@@ -0,0 +1,10 @@
+// out: false, sourceMap: false, main: ../style.less
+@import "grid-system.less";
+@import "colors.less";
+@import "fonts.less";
+@modal: modal;
+
+.@{modal}.estrazione-info {
+ width: 560px;
+ height: 411px;
+}
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/assets/styles/base/layout.less b/Thermo.Active/wwwroot/assets/styles/base/layout.less
index 23a58891..f04c8c32 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/layout.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/layout.less
@@ -6,9 +6,12 @@
@import "formato.less";
@import "slider.less";
@import "tastierino.less";
+@import "arretramento-riscaldi.less";
@import "setup.less";
@import "ciclo.less";
@import "raffreddamento.less";
+@import "processo.less";
+@import "progrprerisc.less";
@import "controstamposetup.less";
@import "quote-velocita.less";
@import "opzioni.less";
diff --git a/Thermo.Active/wwwroot/assets/styles/base/processo.less b/Thermo.Active/wwwroot/assets/styles/base/processo.less
new file mode 100644
index 00000000..83652a1c
--- /dev/null
+++ b/Thermo.Active/wwwroot/assets/styles/base/processo.less
@@ -0,0 +1,11 @@
+// out: false, sourceMap: false, main: ../style.less
+@import "grid-system.less";
+@import "colors.less";
+@import "fonts.less";
+@modal: modal;
+
+.@{modal}.processo-info {
+ width: 1820px;
+ height: 980px;
+ margin: 150px 193px;
+}
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/assets/styles/base/progrprerisc.less b/Thermo.Active/wwwroot/assets/styles/base/progrprerisc.less
new file mode 100644
index 00000000..934b1348
--- /dev/null
+++ b/Thermo.Active/wwwroot/assets/styles/base/progrprerisc.less
@@ -0,0 +1,268 @@
+// out: false, sourceMap: false, main: ../style.less
+@import "grid-system.less";
+@import "colors.less";
+@import "fonts.less";
+@modal: modal;
+@heightmeridian:300px;
+
+.@{modal}.progr-preriscaldo-info {
+ width: 1639px;
+ height: 565px;
+ margin-top: 220px;
+
+ header {
+ padding-left: 31px;
+ display: flex;
+ align-items: center;
+ font-size: 20px;
+ font-weight: bold;
+ color: darkblue;
+ }
+
+ section.body{
+ overflow: hidden;
+
+ section{
+ padding: 0px;
+ width: 100%;
+ height: 100%;
+
+ hr{
+ border: none;
+ }
+
+ aside{
+ margin: 14px;
+
+ button{
+ width: 197px;
+ height: 48px;
+ object-fit: contain;
+ border-radius: 2px;
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
+ border: solid 1px #001e48;
+ background-image: linear-gradient(to bottom, #1756ad, #002680);
+ font-size: 18px;
+ font-weight: 500;
+ font-stretch: normal;
+ font-style: normal;
+ line-height: normal;
+ letter-spacing: normal;
+ text-align: center;
+ color: white;
+ margin: auto;
+ }
+
+ }
+
+ .specific{
+ margin: 0;
+ padding: 20px;
+ width: 100%;
+ height: 100%;
+ background-color: #bbbcbc;
+
+ div{
+ display: flex;
+ margin-bottom: 50px;
+
+ .clock{
+ border-radius: 50%;
+ background-color: white;
+ height: @heightmeridian;
+ width: @heightmeridian;
+
+ span{
+ flex-shrink: 0;
+ border-radius: 50%;
+ width: 20px;
+ height: 20px;
+ background-color: @color-darkish-blue;
+ position: relative;
+ top: 140px;
+ right: 460px;
+ }
+
+ button{
+ flex-shrink: 0;
+ border-radius: 50%;
+ width: 50px;
+ height: 50px;
+ background-image: none;
+ box-shadow: none;
+ background-color: white;
+ color: black;
+ font-size: 20px;
+ }
+
+ .selected{
+ background-color: @color-darkish-blue;
+ color:white;
+ }
+
+ .btn1{
+ position: relative;
+ top: 22px;
+ right: -188px;
+ }
+
+ .btn2{
+ position: relative;
+ top: 68px;
+ right: -179px;
+ }
+
+ .btn3{
+ position: relative;
+ top: 125px;
+ right: -149px;
+ }
+
+ .btn4{
+ position: relative;
+ top: 182px;
+ right: -79px;
+ }
+
+ .btn5{
+ position: relative;
+ top: 227px;
+ right: 12px;
+ }
+
+ .btn6{
+ position: relative;
+ top: 248.5px;
+ right: 125px;
+ }
+
+ .btn7{
+ position: relative;
+ top: 227px;
+ right: 238px;
+ }
+
+ .btn8{
+ position: relative;
+ top: 182px;
+ right: 329px;
+ }
+
+ .btn9{
+ position: relative;
+ top: 125px;
+ right: 399px;
+ }
+
+ .btn10{
+ position: relative;
+ top: 68px;
+ right: 429px;
+ }
+
+ .btn11{
+ position: relative;
+ top: 22px;
+ right: 438px;
+ }
+
+ .btn12{
+ position: relative;
+ top: 0.5px;
+ right: 425px;
+ }
+
+
+ }
+
+ div{
+
+ &:first-of-type{
+ flex-direction: column;
+ margin-right: 20px;
+ width: 180px;
+ height: @heightmeridian;
+ background-image: linear-gradient(to bottom, #1756ad, @color-darkish-blue);
+
+ label{
+ color: #ADD8E6;
+ margin: auto;
+
+ &:first-of-type{
+ font-size: 67px;
+ }
+
+ &:last-of-type{
+ font-size: 20px;
+ margin-top: -50px;
+ }
+
+ }
+
+ }
+
+ &:last-child{
+ margin-left: -50px;
+ height: @heightmeridian;
+ flex-direction: column;
+
+ button{
+ width: 50px;
+ background-image: none;
+ box-shadow: none;
+ background-color: #bbbcbc;
+ color: @color-darkish-blue;
+ font-size: 20px;
+
+ &:first-of-type{
+ margin-bottom: @heightmeridian - 50px;
+ }
+
+ }
+
+ }
+
+ }
+
+ button{
+ border: none;
+ width: 130px;
+ height: 45px;
+ border-radius: 22.5px;
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
+ background-image: linear-gradient(to bottom, #818a8f 0%, #42494e 98%);
+ font-size: 18px;
+ font-weight: 500;
+ font-stretch: normal;
+ font-style: normal;
+ line-height: normal;
+ letter-spacing: normal;
+ text-align: center;
+ color: white;
+ }
+
+ .active{
+ box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.43);
+ background-image: linear-gradient(to bottom, #42494e 0%, #818a8f 98%);
+ }
+
+ }
+
+ label{
+ margin-bottom: 20px;
+ font-size: 24px;
+ font-weight: 500;
+ font-stretch: normal;
+ font-style: normal;
+ line-height: normal;
+ letter-spacing: normal;
+ color: @color-darkish-blue;
+ }
+
+ }
+
+ }
+
+ }
+
+}
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/assets/styles/base/quote-velocita.less b/Thermo.Active/wwwroot/assets/styles/base/quote-velocita.less
index 25576f17..ac2d1a58 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/quote-velocita.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/quote-velocita.less
@@ -41,8 +41,16 @@
height: 800px;
}
+ .disegnoStampo{
+ flex-shrink: 0;
+ margin-left: 680px;
+ width: 1200px;
+ height: 795px;
+ }
+
.input-circles{
+
span{
object-fit: contain;
font-size: 22px;
@@ -57,6 +65,8 @@
}
.circle{
+ width: 147px;
+ height: 60px;
flex-direction: column;
div{
@@ -114,9 +124,75 @@
top: 320px;
right: 220px;
}
+
+ .circle-stampo-1{
+ position: relative;
+ top: 115px;
+ right: 1212px;
+ }
- }
+ .circle-stampo-2{
+ position: relative;
+ top: 140px;
+ right: 1130px;
+ }
+ .circle-stampo-3{
+ position: relative;
+ top: 4px;
+ right: 730px;
+ }
+
+ .circle-stampo-4{
+ position: relative;
+ top: -64px;
+ right: 925px;
+ }
+
+ .circle-stampo-5{
+ position: relative;
+ top: -10px;
+ right: 740px;
+ }
+
+ .circle-stampo-6{
+ position: relative;
+ top: 205px;
+ right: 1115px;
+ }
+
+ .circle-stampo-7{
+ position: relative;
+ top: 50px;
+ right: 125px;
+ }
+
+ .circle-stampo-8{
+ position: relative;
+ top: -210px;
+ right: 550px;
+ }
+
+ .circle-stampo-9{
+ position: relative;
+ top: -90px;
+ right: 560px;
+ }
+
+ .circle-stampo-10{
+ position: relative;
+ bottom: 557px;
+ right: 769px;
+ }
+
+ .circle-stampo-11{
+ position: relative;
+ top: 38px;
+ right: 781px;
+ }
+
+ }
+
}
button{
@@ -129,9 +205,9 @@
border: solid 1px #001e48;
background-image: linear-gradient(to bottom, #1756ad, @color-darkish-blue);
}
-
- }
-
- }
+ }
+
+ }
+
}
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/assets/styles/base/setup.less b/Thermo.Active/wwwroot/assets/styles/base/setup.less
index df275470..5ee37eb3 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/setup.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/setup.less
@@ -90,7 +90,7 @@
label {
margin: auto;
object-fit: contain;
- font-size: 22px;
+ font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
diff --git a/Thermo.Active/wwwroot/assets/styles/style.css b/Thermo.Active/wwwroot/assets/styles/style.css
index 74f1be2b..9802d2cd 100644
--- a/Thermo.Active/wwwroot/assets/styles/style.css
+++ b/Thermo.Active/wwwroot/assets/styles/style.css
@@ -4072,6 +4072,10 @@
grid-column: 0.8;
grid-row: 0.5;
}
+.modal.estrazione-info {
+ width: 560px;
+ height: 411px;
+}
.setup {
padding-top: 50px;
display: flex;
@@ -4151,7 +4155,7 @@
.setup .modal section.body section .specific .svg-area .input-circles label {
margin: auto;
object-fit: contain;
- font-size: 22px;
+ font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
@@ -4470,6 +4474,222 @@
margin-left: 50px;
width: 480px;
}
+.modal.processo-info {
+ width: 1820px;
+ height: 980px;
+ margin: 150px 193px;
+}
+.modal.progr-preriscaldo-info {
+ width: 1639px;
+ height: 565px;
+ margin-top: 220px;
+}
+.modal.progr-preriscaldo-info header {
+ padding-left: 31px;
+ display: flex;
+ align-items: center;
+ font-size: 20px;
+ font-weight: bold;
+ color: darkblue;
+}
+.modal.progr-preriscaldo-info section.body {
+ overflow: hidden;
+}
+.modal.progr-preriscaldo-info section.body section {
+ padding: 0px;
+ width: 100%;
+ height: 100%;
+}
+.modal.progr-preriscaldo-info section.body section hr {
+ border: none;
+}
+.modal.progr-preriscaldo-info section.body section aside {
+ margin: 14px;
+}
+.modal.progr-preriscaldo-info section.body section aside button {
+ width: 197px;
+ height: 48px;
+ object-fit: contain;
+ border-radius: 2px;
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
+ border: solid 1px #001e48;
+ background-image: linear-gradient(to bottom, #1756ad, #002680);
+ font-size: 18px;
+ font-weight: 500;
+ font-stretch: normal;
+ font-style: normal;
+ line-height: normal;
+ letter-spacing: normal;
+ text-align: center;
+ color: white;
+ margin: auto;
+}
+.modal.progr-preriscaldo-info section.body section .specific {
+ margin: 0;
+ padding: 20px;
+ width: 100%;
+ height: 100%;
+ background-color: #bbbcbc;
+}
+.modal.progr-preriscaldo-info section.body section .specific div {
+ display: flex;
+ margin-bottom: 50px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock {
+ border-radius: 50%;
+ background-color: white;
+ height: 300px;
+ width: 300px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock span {
+ flex-shrink: 0;
+ border-radius: 50%;
+ width: 20px;
+ height: 20px;
+ background-color: #002680;
+ position: relative;
+ top: 140px;
+ right: 460px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock button {
+ flex-shrink: 0;
+ border-radius: 50%;
+ width: 50px;
+ height: 50px;
+ background-image: none;
+ box-shadow: none;
+ background-color: white;
+ color: black;
+ font-size: 20px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock .selected {
+ background-color: #002680;
+ color: white;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock .btn1 {
+ position: relative;
+ top: 22px;
+ right: -188px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock .btn2 {
+ position: relative;
+ top: 68px;
+ right: -179px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock .btn3 {
+ position: relative;
+ top: 125px;
+ right: -149px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock .btn4 {
+ position: relative;
+ top: 182px;
+ right: -79px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock .btn5 {
+ position: relative;
+ top: 227px;
+ right: 12px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock .btn6 {
+ position: relative;
+ top: 248.5px;
+ right: 125px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock .btn7 {
+ position: relative;
+ top: 227px;
+ right: 238px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock .btn8 {
+ position: relative;
+ top: 182px;
+ right: 329px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock .btn9 {
+ position: relative;
+ top: 125px;
+ right: 399px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock .btn10 {
+ position: relative;
+ top: 68px;
+ right: 429px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock .btn11 {
+ position: relative;
+ top: 22px;
+ right: 438px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .clock .btn12 {
+ position: relative;
+ top: 0.5px;
+ right: 425px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div div:first-of-type {
+ flex-direction: column;
+ margin-right: 20px;
+ width: 180px;
+ height: 300px;
+ background-image: linear-gradient(to bottom, #1756ad, #002680);
+}
+.modal.progr-preriscaldo-info section.body section .specific div div:first-of-type label {
+ color: #ADD8E6;
+ margin: auto;
+}
+.modal.progr-preriscaldo-info section.body section .specific div div:first-of-type label:first-of-type {
+ font-size: 67px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div div:first-of-type label:last-of-type {
+ font-size: 20px;
+ margin-top: -50px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div div:last-child {
+ margin-left: -50px;
+ height: 300px;
+ flex-direction: column;
+}
+.modal.progr-preriscaldo-info section.body section .specific div div:last-child button {
+ width: 50px;
+ background-image: none;
+ box-shadow: none;
+ background-color: #bbbcbc;
+ color: #002680;
+ font-size: 20px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div div:last-child button:first-of-type {
+ margin-bottom: 250px;
+}
+.modal.progr-preriscaldo-info section.body section .specific div button {
+ border: none;
+ width: 130px;
+ height: 45px;
+ border-radius: 22.5px;
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
+ background-image: linear-gradient(to bottom, #818a8f 0%, #42494e 98%);
+ font-size: 18px;
+ font-weight: 500;
+ font-stretch: normal;
+ font-style: normal;
+ line-height: normal;
+ letter-spacing: normal;
+ text-align: center;
+ color: white;
+}
+.modal.progr-preriscaldo-info section.body section .specific div .active {
+ box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.43);
+ background-image: linear-gradient(to bottom, #42494e 0%, #818a8f 98%);
+}
+.modal.progr-preriscaldo-info section.body section .specific label {
+ margin-bottom: 20px;
+ font-size: 24px;
+ font-weight: 500;
+ font-stretch: normal;
+ font-style: normal;
+ line-height: normal;
+ letter-spacing: normal;
+ color: #002680;
+}
.modal.controstamposetup-info {
width: 1820px;
height: 980px;
@@ -4513,6 +4733,12 @@
width: 800px;
height: 800px;
}
+.modal.quote-velocita-info section .specific .svg-area .disegnoStampo {
+ flex-shrink: 0;
+ margin-left: 680px;
+ width: 1200px;
+ height: 795px;
+}
.modal.quote-velocita-info section .specific .svg-area .input-circles span {
object-fit: contain;
font-size: 22px;
@@ -4526,6 +4752,8 @@
background-color: #979797;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle {
+ width: 147px;
+ height: 60px;
flex-direction: column;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle div {
@@ -4573,6 +4801,61 @@
top: 320px;
right: 220px;
}
+.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-1 {
+ position: relative;
+ top: 115px;
+ right: 1212px;
+}
+.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-2 {
+ position: relative;
+ top: 140px;
+ right: 1130px;
+}
+.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-3 {
+ position: relative;
+ top: 4px;
+ right: 730px;
+}
+.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-4 {
+ position: relative;
+ top: -64px;
+ right: 925px;
+}
+.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-5 {
+ position: relative;
+ top: -10px;
+ right: 740px;
+}
+.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-6 {
+ position: relative;
+ top: 205px;
+ right: 1115px;
+}
+.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-7 {
+ position: relative;
+ top: 50px;
+ right: 125px;
+}
+.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-8 {
+ position: relative;
+ top: -210px;
+ right: 550px;
+}
+.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-9 {
+ position: relative;
+ top: -90px;
+ right: 560px;
+}
+.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-10 {
+ position: relative;
+ bottom: 557px;
+ right: 769px;
+}
+.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-11 {
+ position: relative;
+ top: 38px;
+ right: 781px;
+}
.modal.quote-velocita-info section .specific button {
margin-left: 10px;
width: 48px;
diff --git a/Thermo.Active/wwwroot/src/app.business-logic.ts b/Thermo.Active/wwwroot/src/app.business-logic.ts
index 83ae1eb7..0ea51ce9 100644
--- a/Thermo.Active/wwwroot/src/app.business-logic.ts
+++ b/Thermo.Active/wwwroot/src/app.business-logic.ts
@@ -16,6 +16,7 @@ import ShowEstrazioneInfo from "@/app_modules_thermo/setup/estrazione/components
import ShowVuotoInfo from "@/app_modules_thermo/setup/vuoto/show-vuoto-info.vue";
import ShowImbutituraInfo from "@/app_modules_thermo/setup/imbutitura/show-imbutitura-info.vue";
import ShowOpzioniInfo from "@/app_modules_thermo/setup/opzioni/show-opzioni-info.vue";
+import ShowArretramentoRiscaldiInfo from "@/app_modules_thermo/processo/arretramento-riscaldi/show-arretramento-riscladi-info.vue";
// import { DataService } from "./services/dataService";
// import { ToolingService } from "./services/toolingService";
// import { DepotService } from "./services/depotService";
@@ -50,6 +51,7 @@ let HMIScreenshotInterval;
let HMIprodTimeout;
let RerenderInterval;
+messageService.subscribeToChannel("show-arretramento-riscaldi-info", () => { ModalHelper.ShowModal(ShowArretramentoRiscaldiInfo); });
messageService.subscribeToChannel("show-opzioni-info", () => { ModalHelper.ShowModal(ShowOpzioniInfo); });
messageService.subscribeToChannel("show-vuoto-info", () => { ModalHelper.ShowModal(ShowVuotoInfo); });
messageService.subscribeToChannel("show-estrazione-info", () => { ModalHelper.ShowModal(ShowEstrazioneInfo); });
diff --git a/Thermo.Active/wwwroot/src/app.routes.ts b/Thermo.Active/wwwroot/src/app.routes.ts
index e38f562d..0d15bf8e 100644
--- a/Thermo.Active/wwwroot/src/app.routes.ts
+++ b/Thermo.Active/wwwroot/src/app.routes.ts
@@ -60,8 +60,9 @@ export let routes = [
import { routes as alarmRoutes } from "@/app_modules/alarms/route.js";
-// import { routes as productionRoutes } from "./app_modules/production/route";
+import { routes as productionRoutes } from "./app_modules_thermo/processo/route.js";
import { routes as SetupRoutes } from "@/app_modules_thermo/setup/route.js";
+import { routes as ProgrPreriscaldoRoutes } from "@/app_modules_thermo/programmazione-preriscaldo/route.js";
// import { routes as toolingRoutes} from "./app_modules/tooling/route";
// import { routes as maintenance } from "./app_modules/maintenance/route";
// import { routes as scada} from "./app_modules/scada/route";
@@ -69,8 +70,9 @@ import { routes as SetupRoutes } from "@/app_modules_thermo/setup/route.js";
// import { routes as users } from "./app_modules/users/route";
injectRoutes(routes, alarmRoutes);
-// injectRoutes(routes, productionRoutes);
+injectRoutes(routes, productionRoutes);
injectRoutes(routes, SetupRoutes);
+injectRoutes(routes,ProgrPreriscaldoRoutes);
// injectRoutes(routes, toolingRoutes);
// injectRoutes(routes, maintenance);
// injectRoutes(routes, scada);
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/processo/arretramento-riscaldi/show-arretramento-riscladi-info.ts b/Thermo.Active/wwwroot/src/app_modules_thermo/processo/arretramento-riscaldi/show-arretramento-riscladi-info.ts
new file mode 100644
index 00000000..5d29892e
--- /dev/null
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/processo/arretramento-riscaldi/show-arretramento-riscladi-info.ts
@@ -0,0 +1,39 @@
+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 { Modal, ModalHelper } from "@/components/modals";
+import { Factory, messageService, awaiter } from "@/_base";
+
+@Component({components:{slider:Slider,modal:Modal}})
+export default class ArretramentoRiscaldi extends Vue{
+
+ @Prop({default:0})
+ ritardo:number
+
+ annulla(){
+ ModalHelper.HideModal();
+ };
+
+ conferma(){
+ ModalHelper.HideModal();
+ };
+
+ 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();
+ }
+
+
+}
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/processo/arretramento-riscaldi/show-arretramento-riscladi-info.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/processo/arretramento-riscaldi/show-arretramento-riscladi-info.vue
new file mode 100644
index 00000000..429bca6d
--- /dev/null
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/processo/arretramento-riscaldi/show-arretramento-riscladi-info.vue
@@ -0,0 +1,31 @@
+
+
+
+ {{ritardo}} s
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+