From 50873adeb719aa18457fc31a2f29fe9907ac23b5 Mon Sep 17 00:00:00 2001
From: "francesco.guerrieri" <fraguerr1987@gmail.com>
Date: Mon, 20 Apr 2020 18:37:50 +0200
Subject: [PATCH 1/2] add tab stampo in modal quote-velocita

---
 .../svg/disegno-quote-velocita-stampo.svg     | 397 ++++++++++++++++++
 .../components/SVG_Components/stampo.ts       |  14 +
 .../components/SVG_Components/stampo.vue      |  67 +++
 .../components/salita-stampo.ts               |  20 +
 .../components/salita-stampo.vue              |  63 +++
 .../components/show-quote-velocita-info.ts    |   2 +
 .../components/show-quote-velocita-info.vue   |   1 +
 7 files changed, 564 insertions(+)
 create mode 100644 Thermo.Active/wwwroot/assets/icons/svg/disegno-quote-velocita-stampo.svg
 create mode 100644 Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.ts
 create mode 100644 Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.vue
 create mode 100644 Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.ts
 create mode 100644 Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.vue

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..60b38a87
--- /dev/null
+++ b/Thermo.Active/wwwroot/assets/icons/svg/disegno-quote-velocita-stampo.svg
@@ -0,0 +1,397 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 297 210"
+   height="210mm"
+   width="297mm">
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="TriangleOutL"
+       refX="0.0"
+       refY="0.0"
+       orient="auto">
+      <path
+         transform="scale(0.8)"
+         style="fill-rule:evenodd;stroke:#bbbcbc;stroke-width:1pt;stroke-opacity:1;fill:#bbbcbc;fill-opacity:1"
+         d="M 5.77,0.0 L -2.88,5.0 L -2.88,-5.0 L 5.77,0.0 z "
+         id="path1162" />
+    </marker>
+    <marker
+       orient="auto-start-reverse"
+       refY="3.0"
+       refX="5.0"
+       id="marker4178">
+      <path
+         id="path4176"
+         d="m 10,3 -10,3 0,-6 z"
+         style="fill:context-stroke;stroke:#bbbcbc;stroke-opacity:1" />
+    </marker>
+    <marker
+       orient="auto-start-reverse"
+       refY="3.0"
+       refX="5.0"
+       id="marker4066">
+      <path
+         id="path4064"
+         d="m 10,3 -10,3 0,-6 z"
+         style="fill:context-stroke;stroke:#bbbcbc;stroke-opacity:1" />
+    </marker>
+    <marker
+       orient="auto-start-reverse"
+       refY="3.0"
+       refX="5.0"
+       id="marker3448">
+      <path
+         id="path3446"
+         d="m 10,3 -10,3 0,-6 z"
+         style="fill:context-stroke;stroke:#bbbcbc;stroke-opacity:1" />
+    </marker>
+    <marker
+       id="marker3312"
+       refX="5.0"
+       refY="3.0"
+       orient="auto-start-reverse">
+      <path
+         style="fill:context-stroke;stroke:#bbbcbc;stroke-opacity:1"
+         d="m 10,3 -10,3 0,-6 z"
+         id="path3310" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="StopL"
+       refX="0.0"
+       refY="0.0"
+       orient="auto">
+      <path
+         transform="scale(0.8)"
+         style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:#bbbcbc;stroke-width:1pt;stroke-opacity:1"
+         d="M 0.0,5.65 L 0.0,-5.65"
+         id="path1189" />
+    </marker>
+    <marker
+       orient="auto-start-reverse"
+       refY="3.0"
+       refX="5.0"
+       id="marker1984">
+      <path
+         id="path1982"
+         d="m 10,3 -10,3 0,-6 z"
+         style="fill:context-stroke;stroke:#bbbcbc;stroke-opacity:1" />
+    </marker>
+    <marker
+       orient="auto-start-reverse"
+       refY="3.0"
+       refX="5.0"
+       id="marker1920">
+      <path
+         id="path1918"
+         d="m 10,3 -10,3 0,-6 z"
+         style="fill:context-stroke;stroke:#bbbcbc;stroke-opacity:1" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker1502"
+       refX="0.0"
+       refY="0.0"
+       orient="auto">
+      <path
+         transform="scale(0.6) translate(0,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#000000;stroke-opacity:1;fill:#000000;fill-opacity:1"
+         id="path1500" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Sstart"
+       refX="0.0"
+       refY="0.0"
+       orient="auto">
+      <path
+         transform="scale(0.3) translate(-2.3,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#bbbcbc;stroke-opacity:1;fill:#bbbcbc;fill-opacity:1"
+         id="path1050" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker1406"
+       refX="0.0"
+       refY="0.0"
+       orient="auto">
+      <path
+         transform="scale(0.4) translate(10,0)"
+         style="fill-rule:evenodd;stroke:#bbbcbc;stroke-width:1pt;stroke-opacity:1;fill:#bbbcbc;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1404" />
+    </marker>
+    <marker
+       style="overflow:visible;"
+       id="Arrow2Mend"
+       refX="0.0"
+       refY="0.0"
+       orient="auto">
+      <path
+         transform="scale(0.6) rotate(180) translate(0,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#bbbcbc;stroke-opacity:1;fill:#bbbcbc;fill-opacity:1"
+         id="path1047" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Mstart"
+       refX="0.0"
+       refY="0.0"
+       orient="auto">
+      <path
+         transform="scale(0.6) translate(0,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#bbbcbc;stroke-opacity:1;fill:#bbbcbc;fill-opacity:1"
+         id="path1044" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Mstart"
+       refX="0.0"
+       refY="0.0"
+       orient="auto">
+      <path
+         transform="scale(0.4) translate(10,0)"
+         style="fill-rule:evenodd;stroke:#bbbcbc;stroke-width:1pt;stroke-opacity:1;fill:#bbbcbc;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1026" />
+    </marker>
+    <marker
+       id="ExperimentalArrow"
+       refX="5.0"
+       refY="3.0"
+       orient="auto-start-reverse">
+      <path
+         style="fill:context-stroke;stroke:#bbbcbc;stroke-opacity:1"
+         d="m 10,3 -10,3 0,-6 z"
+         id="path1273" />
+    </marker>
+    <marker
+       orient="auto-start-reverse"
+       refY="3"
+       refX="5"
+       id="ExperimentalArrow-5">
+      <path
+         id="path1273-2"
+         d="M 10,3 0,6 V 0 Z"
+         style="fill:context-stroke;stroke:#bbbcbc;stroke-opacity:1" />
+    </marker>
+    <marker
+       orient="auto-start-reverse"
+       refY="3"
+       refX="5"
+       id="ExperimentalArrow-2">
+      <path
+         id="path1273-1"
+         d="M 10,3 0,6 V 0 Z"
+         style="fill:context-stroke;stroke:#bbbcbc;stroke-opacity:1" />
+    </marker>
+    <marker
+       orient="auto-start-reverse"
+       refY="3"
+       refX="5"
+       id="ExperimentalArrow-3">
+      <path
+         id="path1273-6"
+         d="M 10,3 0,6 V 0 Z"
+         style="fill:context-stroke;stroke:#bbbcbc;stroke-opacity:1" />
+    </marker>
+  </defs>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1">
+    <path
+       id="path963"
+       d="M 153.3124,209.28528 152.49594,0.54430501"
+       style="fill:#979797;fill-opacity:1;stroke:#979797;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path965"
+       d="M 146.1459,0.54430501 Z"
+       style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       id="path967"
+       d="m 19.050677,101.51288 101.609593,0.0638 v 0 0 0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 20.412138,114.21333 26.766659,0.0328 v 0 0 0"
+       id="path967-2" />
+    <g
+       style="fill:#99cfff;fill-rule:evenodd;stroke:#002680;stroke-width:4;stroke-linejoin:round"
+       id="g842"
+       transform="matrix(0.26458333,0,0,0.26458333,29.379024,62.682969)">
+      <rect
+         id="Rectangle-Copy"
+         x="11"
+         y="147"
+         width="334"
+         height="48" />
+      <rect
+         id="Rectangle-Copy-2"
+         x="0"
+         y="199"
+         width="356"
+         height="4" />
+      <polygon
+         id="Rectangle"
+         points="257.62107,0 287.62107,147 68,147 98,0 " />
+      <polygon
+         id="polygon840"
+         transform="matrix(1,0,0,-1,0,326)"
+         points="257.62107,147 287.62107,179 68,179 98,147 " />
+    </g>
+    <path
+       id="path1002"
+       d="M 21.772202,101.78503 21.500048,20.955744 v 0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path1004"
+       d="m 120.66149,97.333739 -0.94916,-76.580337 v 0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.495984;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#marker3312)" />
+    <path
+       id="path1006"
+       d="M 6.2590363,20.955471 148.32359,20.41171 v 0 0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.515813;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path1012"
+       d="M 74.297634,22.588657 V 32.658299"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#ExperimentalArrow);marker-end:url(#ExperimentalArrow)" />
+    <path
+       id="path1014"
+       d="m 23.949928,117.40058 -5.26e-4,66.76812 v 0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.499017;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#marker3448)" />
+    <path
+       id="path1016"
+       d="M 7.0759652,184.5194 134.44334,184.24725"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none" />
+    <path
+       id="path1018"
+       d="m 162.20368,100.69655 32.94825,0.0636 v 0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.530934;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.420779;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#ExperimentalArrow-5)"
+       d="M 129.27244,20.275362 V 31.418383"
+       id="path1012-1" />
+    <path
+       id="path1012-1-6"
+       d="m 8.7088804,22.479905 v 5.473956"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.29492;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#marker1984);marker-end:url(#StopL)" />
+    <path
+       id="path3838"
+       d="m 202.75362,109.94961 h -40.55073 v 0"
+       style="fill:none;stroke:#bbbcbd;stroke-width:0.525286;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path4058"
+       d="m 268.07022,100.96858 h 16.60132"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.517246;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path4060"
+       d="m 271.33605,114.84836 h 13.06331"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.505291;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.374447;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#ExperimentalArrow-2);marker-end:url(#ExperimentalArrow-2)"
+       d="m 283.85507,103.22423 v 8.8242"
+       id="path1012-9" />
+    <g
+       style="fill:#99cfff;fill-rule:evenodd;stroke:#002680;stroke-width:4;stroke-linejoin:round"
+       id="g918"
+       transform="matrix(0.26458333,0,0,0.26458333,177.42999,62.410816)">
+      <rect
+         id="Rectangle-Copy-5"
+         x="11"
+         y="147"
+         width="334"
+         height="48" />
+      <rect
+         id="Rectangle-Copy-2-3"
+         x="0"
+         y="199"
+         width="356"
+         height="4" />
+      <polygon
+         id="Rectangle-1"
+         points="98,0 257.62107,0 287.62107,147 68,147 " />
+      <polygon
+         id="polygon916"
+         transform="matrix(1,0,0,-1,0,326)"
+         points="98,147 257.62107,147 287.62107,179 68,179 " />
+    </g>
+    <path
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#ExperimentalArrow-3);marker-end:url(#ExperimentalArrow-3)"
+       d="M 172.00039,65.116252 V 97.086645"
+       id="path1012-5" />
+    <path
+       id="path6954"
+       d="M 203.02577,62.050773 H 171.18393"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none" />
+    <path
+       id="path7676"
+       d="m 283.85508,115.10538 v 4.08228 0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path7678"
+       d="M 165.19657,96.971722 V 109.67746"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.585901;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#TriangleOutL)" />
+    <path
+       id="path7680"
+       d="m 165.19657,112.39898 v 5.98736"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#marker4178)" />
+    <rect
+       y="13.879778"
+       x="119.47496"
+       height="5.9873552"
+       width="28.848167"
+       id="rect10284"
+       style="fill:#979797;fill-opacity:1;stroke:none;stroke-width:0.490824;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke" />
+    <text
+       id="text8340"
+       y="19.322828"
+       x="119.20281"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.99722000000000044px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;stroke-opacity:1;"
+       xml:space="preserve"><tspan
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.99722000000000044px;font-family:sans-serif;-inkscape-font-specification:'sans-serif Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;stroke-opacity:1;"
+         y="19.322828"
+         x="119.20281"
+         id="tspan8338">1059 mm</tspan></text>
+    <rect
+       style="fill:#979797;fill-opacity:1;stroke:none;stroke-width:0.39886;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
+       id="rect10284-2"
+       width="19.050678"
+       height="5.9873552"
+       x="115.12051"
+       y="177.71559" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.99723px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;stroke-opacity:1"
+       x="116.48128"
+       y="183.15865"
+       id="text8340-0"><tspan
+         id="tspan8338-1"
+         x="116.48128"
+         y="183.15865"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.99723px;font-family:sans-serif;-inkscape-font-specification:'sans-serif Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;stroke-opacity:1">0 mm</tspan></text>
+  </g>
+</svg>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.ts b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.ts
new file mode 100644
index 00000000..b2739e23
--- /dev/null
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.ts
@@ -0,0 +1,14 @@
+import Vue from 'vue';
+import Component from 'vue-class-component';
+import {Prop} from 'vue-property-decorator';
+
+@Component({})
+export default class QuoteVelocita extends Vue{
+    @Prop({default:0})
+    x:number;
+    @Prop({default:0})
+    y:number;
+    @Prop({default:0})
+    spes:number;
+
+}
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.vue
new file mode 100644
index 00000000..c79cdca7
--- /dev/null
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.vue
@@ -0,0 +1,67 @@
+<template>
+    <div class="svg-area">
+        <img class="disegnoQuoteVelocita" src="assets/icons/svg/disegno-quote-velocita-stampo.svg">
+        <div class="input-circles">
+            <div class="circle circle1">
+                <div>
+                    <img src="assets/icons/png/salita.png">
+                    <label>{{spes}} mm</label>
+                </div>
+                <div>
+                    <img src="assets/icons/png/bassa.png">
+                    <label>30 mm/s</label>
+                </div>
+            </div>
+            <div class="circle circle2">
+                <div>
+                    <img src="assets/icons/png/salita.png">
+                    <label>{{x}} mm</label>
+                </div>
+                <div>
+                    <img src="assets/icons/png/alta.png">
+                    <label>100 mm/s</label>
+                </div>
+            </div>
+            <div class="circle circle3">
+                <div>
+                    <img src="assets/icons/png/discesa.png">
+                    <label>{{y}} mm</label>
+                </div>
+                <div>
+                    <img src="assets/icons/png/alta.png">
+                    <label>100 mm/s</label>
+                </div>
+            </div>
+            <div class="circle circle4">
+                <div>
+                    <img src="assets/icons/png/quota.png">
+                    <label>{{y}} mm</label>
+                </div>
+            </div>
+            <div class="circle circle5">
+                <div>
+                    <img src="assets/icons/png/discesa.png">
+                    <label>{{y}} mm</label>
+                </div>
+                <div>
+                    <img src="assets/icons/png/alta.png">
+                    <label>8 mm/s</label>
+                </div>
+            </div>
+            <div class="circle circle6">
+                <div>
+                    <img src="assets/icons/png/discesa.png">
+                    <label>{{y}} mm</label>
+                </div>
+                <div>
+                    <img src="assets/icons/png/bassa.png">
+                    <label>30 mm/s</label>
+                </div>
+            </div>
+            <span class="circle7">123 mm</span>
+            <span class="circle8">0 mm</span>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" src="./quote-velocita.ts"></script>
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.ts b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.ts
new file mode 100644
index 00000000..7837688e
--- /dev/null
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.ts
@@ -0,0 +1,20 @@
+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 QuoteVelocitaSVG from "./SVG_Components/quote-velocita.vue";
+
+@Component({name:"salitastampo", components:{slider:Slider}})
+export default class DiscesaCornice extends Vue {
+
+    @Prop({default:0})
+    ritardo:number;
+    @Prop({default:0})
+    corsa:number;
+    @Prop({default:0})
+    velSalita:number;
+    @Prop({default:0})
+    ralSalita:number;
+    @Prop({default:0})
+    velSalitaLenta:number;
+}
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.vue
new file mode 100644
index 00000000..9c427109
--- /dev/null
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.vue
@@ -0,0 +1,63 @@
+<template>
+	<section>
+		<aside class="scrollable">
+			<div class="box">
+				<div class="header">
+					<label>Salita stampo</label>
+				</div>
+				<div class="body">
+					<div class="input-area">
+						<img src="assets/icons/png/clessidra.png" />
+						<label>Ritardo</label>
+						<span class="rect">{{ritardo}} s</span>
+					</div>
+					<slider :min="0" :max="10" v-model="ritardo" :left="'0'" :middle="'5'" :right="'10'"></slider>
+
+					<hr />
+
+					<div class="input-area">
+						<img src="assets/icons/png/salita.png" />
+						<label>Corsa</label>
+						<span class="rect">{{corsa}} mm</span>
+					</div>
+					<slider :min="0" :max="1059" v-model="corsa" :left="'0'" :middle="'530'" :right="'1059'"></slider>
+					<div class="input-area">
+						<img src="assets/icons/png/alta.png" />
+						<label>Velocità salita</label>
+						<span class="rect">{{velSalita}} mm/s</span>
+					</div>
+					<slider :min="0" :max="200" v-model="velSalita" :left="'0'" :middle="'100'" :right="'200'"></slider>
+
+					<hr />
+
+					<div class="input-area">
+						<img src="assets/icons/png/salita.png" />
+						<label>Rallentamento salita</label>
+						<span class="rect">{{ralSalita}} mm</span>
+					</div>
+					<slider :min="0" :max="1059" v-model="ralSalita" :left="'0'" :middle="'530'" :right="'1059'"></slider>
+					<div class="input-area">
+						<img src="assets/icons/png/bassa.png" />
+						<label>Velocità salita lenta</label>
+						<span class="rect">{{velSalitaLenta}} mm/s</span>
+					</div>
+					<slider
+						:min="0"
+						:max="200"
+						v-model="velSalitaLenta"
+						:left="'0'"
+						:middle="'100'"
+						:right="'200'"
+					></slider>
+				</div>
+			</div>
+		</aside>
+		<div class="specific">
+			<button>
+				<img src="assets/icons/png/w.png" />
+			</button>
+		</div>
+	</section>
+</template>
+
+<script lang="ts" src="./salita-stampo.ts"></script>
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/show-quote-velocita-info.ts b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/show-quote-velocita-info.ts
index 291d0a3f..8a5cf7cf 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/show-quote-velocita-info.ts
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/show-quote-velocita-info.ts
@@ -3,12 +3,14 @@ import { Modal, ModalHelper } from "@/components/modals";
 import { Factory, messageService, awaiter } from "@/_base";
 import Component from "vue-class-component";
 import DiscesaCornice from "./discesa-cornice.vue";
+import SalitaStampo from "./salita-stampo.vue";
 import StepFooter from "@/app_modules_thermo/setup/components/step-footer.vue"
 
 @Component({
   components: {
     modal: Modal,
     discesacornice: DiscesaCornice,
+    salitaStampo: SalitaStampo,
     stepfooter: StepFooter
   }
 })
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/show-quote-velocita-info.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/show-quote-velocita-info.vue
index 44206b9c..709801d3 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/show-quote-velocita-info.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/show-quote-velocita-info.vue
@@ -12,6 +12,7 @@
 				</button>
 			</div>
 			<discesacornice v-if="show=='QC'"></discesacornice>
+			<salitastampo v-if="show=='QS'"></salitastampo>
 			<footer>
 				<button class="btn" @click="annulla()">Annulla</button>
 				<button class="btn btn-success" @click="conferma()">Conferma</button>

From 689c98f18a5d98007b3d20521e85b5b1496c8dd4 Mon Sep 17 00:00:00 2001
From: "francesco.guerrieri" <fraguerr1987@gmail.com>
Date: Tue, 21 Apr 2020 16:23:22 +0200
Subject: [PATCH 2/2] fix styles tab stampo in modal quote velocita

---
 .../svg/disegno-quote-velocita-stampo.svg     | 328 +++++++++++++-----
 .../assets/styles/base/quote-velocita.less    |  74 +++-
 .../wwwroot/assets/styles/base/setup.less     |   2 +-
 Thermo.Active/wwwroot/assets/styles/style.css |  65 +++-
 .../components/SVG_Components/stampo.vue      |  60 ++--
 .../components/salita-stampo.ts               |   4 +-
 .../components/salita-stampo.vue              |   1 +
 .../components/show-quote-velocita-info.vue   |   2 +-
 8 files changed, 418 insertions(+), 118 deletions(-)

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
index 60b38a87..d3cde82c 100644
--- a/Thermo.Active/wwwroot/assets/icons/svg/disegno-quote-velocita-stampo.svg
+++ b/Thermo.Active/wwwroot/assets/icons/svg/disegno-quote-velocita-stampo.svg
@@ -5,13 +5,84 @@
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0beta2 (2b71d25, 2019-12-03)"
+   sodipodi:docname="disegno-quote-velocita-stampo.svg"
    id="svg8"
    version="1.1"
    viewBox="0 0 297 210"
    height="210mm"
    width="297mm">
+  <sodipodi:namedview
+     inkscape:object-nodes="false"
+     inkscape:current-layer="layer1"
+     inkscape:window-maximized="1"
+     inkscape:window-y="23"
+     inkscape:window-x="1280"
+     inkscape:cy="394.22754"
+     inkscape:cx="520.21224"
+     inkscape:zoom="1.4623514"
+     showgrid="false"
+     id="namedview907"
+     inkscape:window-height="1311"
+     inkscape:window-width="2560"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     inkscape:document-rotation="0"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
   <defs
      id="defs2">
+    <inkscape:perspective
+       id="perspective32764"
+       inkscape:persp3d-origin="148.5 : 70 : 1"
+       inkscape:vp_z="297 : 105 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 105 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <marker
+       inkscape:isstock="true"
+       id="marker1181"
+       refX="5.0"
+       refY="3.0"
+       orient="auto-start-reverse"
+       inkscape:stockid="ExperimentalArrow">
+      <path
+         style="fill:context-stroke;stroke:#bbbcbc;stroke-opacity:1"
+         d="m 10,3 -10,3 0,-6 z"
+         id="path1179" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible;"
+       id="Arrow1Lend"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend">
+      <path
+         transform="scale(0.8) rotate(180) translate(12.5,0)"
+         style="fill-rule:evenodd;stroke:#bbbcbc;stroke-width:1pt;stroke-opacity:1;fill:#bbbcbc;fill-opacity:1"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path912" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="marker1176"
+       style="overflow:visible">
+      <path
+         id="path1055"
+         d="M 5.77,0.0 L -2.88,5.0 L -2.88,-5.0 L 5.77,0.0 z "
+         style="fill-rule:evenodd;stroke:#bbbcbc;stroke-width:1pt;stroke-opacity:1;fill:#bbbcbc;fill-opacity:1"
+         transform="scale(0.8)" />
+    </marker>
     <marker
        style="overflow:visible"
        id="TriangleOutL"
@@ -208,6 +279,30 @@
          d="M 10,3 0,6 V 0 Z"
          style="fill:context-stroke;stroke:#bbbcbc;stroke-opacity:1" />
     </marker>
+    <marker
+       id="marker1984-1"
+       refX="5"
+       refY="3"
+       orient="auto-start-reverse">
+      <path
+         inkscape:connector-curvature="0"
+         style="fill:context-stroke;stroke:#bbbcbc;stroke-opacity:1"
+         d="M 10,3 0,6 V 0 Z"
+         id="path1982-1" />
+    </marker>
+    <marker
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="StopL-8"
+       style="overflow:visible">
+      <path
+         inkscape:connector-curvature="0"
+         id="path1189-1"
+         d="M 0,5.65 V -5.65"
+         style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:#bbbcbc;stroke-width:1pt;stroke-opacity:1"
+         transform="scale(0.8)" />
+    </marker>
   </defs>
   <metadata
      id="metadata5">
@@ -217,32 +312,35 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
   <g
      id="layer1">
     <path
+       inkscape:connector-curvature="0"
        id="path963"
-       d="M 153.3124,209.28528 152.49594,0.54430501"
+       d="M 156.931,209.46621 156.11454,0.72523508"
        style="fill:#979797;fill-opacity:1;stroke:#979797;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
     <path
        id="path965"
        d="M 146.1459,0.54430501 Z"
        style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
     <path
+       inkscape:connector-curvature="0"
        id="path967"
-       d="m 19.050677,101.51288 101.609593,0.0638 v 0 0 0"
+       d="m 26.520225,102.56968 101.609595,0.0638 v 0 0 0"
        style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
     <path
+       inkscape:connector-curvature="0"
        style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 20.412138,114.21333 26.766659,0.0328 v 0 0 0"
+       d="m 27.881686,115.27013 26.766659,0.0328 v 0 0 0"
        id="path967-2" />
     <g
        style="fill:#99cfff;fill-rule:evenodd;stroke:#002680;stroke-width:4;stroke-linejoin:round"
        id="g842"
-       transform="matrix(0.26458333,0,0,0.26458333,29.379024,62.682969)">
+       transform="matrix(0.26458333,0,0,0.26458333,36.848572,63.739768)">
       <rect
          id="Rectangle-Copy"
          x="11"
@@ -257,68 +355,76 @@
          height="4" />
       <polygon
          id="Rectangle"
-         points="257.62107,0 287.62107,147 68,147 98,0 " />
+         points="68,147 98,0 257.62107,0 287.62107,147 " />
       <polygon
          id="polygon840"
          transform="matrix(1,0,0,-1,0,326)"
-         points="257.62107,147 287.62107,179 68,179 98,147 " />
+         points="68,179 98,147 257.62107,147 287.62107,179 " />
     </g>
     <path
-       id="path1002"
-       d="M 21.772202,101.78503 21.500048,20.955744 v 0"
+       inkscape:connector-curvature="0"
+       id="path1004"
+       d="m 128.13064,101.64777 -0.94836,-79.838053 v 0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.506214;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path1006"
+       d="M 7.7467941,22.012593 144.96042,21.468186 v 0 0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.507232;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path1012"
+       d="M 81.767182,22.017085 V 32.086727"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path1014"
+       d="m 31.419476,115.38155 -5.26e-4,69.84397 v 0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.510365;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path1016"
+       d="M 14.545513,185.5762 141.91289,185.30405"
        style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
     <path
-       id="path1004"
-       d="m 120.66149,97.333739 -0.94916,-76.580337 v 0"
-       style="fill:none;stroke:#bbbcbc;stroke-width:0.495984;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#marker3312)" />
-    <path
-       id="path1006"
-       d="M 6.2590363,20.955471 148.32359,20.41171 v 0 0"
-       style="fill:none;stroke:#bbbcbc;stroke-width:0.515813;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    <path
-       id="path1012"
-       d="M 74.297634,22.588657 V 32.658299"
-       style="fill:none;stroke:#bbbcbc;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#ExperimentalArrow);marker-end:url(#ExperimentalArrow)" />
-    <path
-       id="path1014"
-       d="m 23.949928,117.40058 -5.26e-4,66.76812 v 0"
-       style="fill:none;stroke:#bbbcbc;stroke-width:0.499017;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#marker3448)" />
-    <path
-       id="path1016"
-       d="M 7.0759652,184.5194 134.44334,184.24725"
-       style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none" />
-    <path
+       inkscape:connector-curvature="0"
        id="path1018"
-       d="m 162.20368,100.69655 32.94825,0.0636 v 0"
+       d="m 169.07902,100.69655 32.94825,0.0636 v 0"
        style="fill:none;stroke:#bbbcbc;stroke-width:0.530934;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
     <path
-       style="fill:none;stroke:#bbbcbc;stroke-width:0.420779;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#ExperimentalArrow-5)"
-       d="M 129.27244,20.275362 V 31.418383"
+       inkscape:connector-curvature="0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.420779;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:"
+       d="M 136.74199,21.332161 V 32.475182"
        id="path1012-1" />
     <path
+       inkscape:connector-curvature="0"
        id="path1012-1-6"
-       d="m 8.7088804,22.479905 v 5.473956"
-       style="fill:none;stroke:#bbbcbc;stroke-width:0.29492;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#marker1984);marker-end:url(#StopL)" />
+       d="m 8.1373094,22.089263 v 7.19921"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.573405;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#StopL)" />
     <path
+       inkscape:connector-curvature="0"
        id="path3838"
-       d="m 202.75362,109.94961 h -40.55073 v 0"
+       d="m 209.62896,109.94961 h -40.55073 v 0"
        style="fill:none;stroke:#bbbcbd;stroke-width:0.525286;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
     <path
+       inkscape:connector-curvature="0"
        id="path4058"
-       d="m 268.07022,100.96858 h 16.60132"
+       d="m 274.94556,100.96858 h 16.60132"
        style="fill:none;stroke:#bbbcbc;stroke-width:0.517246;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
     <path
+       inkscape:connector-curvature="0"
        id="path4060"
-       d="m 271.33605,114.84836 h 13.06331"
+       d="M 278.21139,114.84836 H 291.2747"
        style="fill:none;stroke:#bbbcbc;stroke-width:0.505291;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
     <path
-       style="fill:none;stroke:#bbbcbc;stroke-width:0.374447;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#ExperimentalArrow-2);marker-end:url(#ExperimentalArrow-2)"
-       d="m 283.85507,103.22423 v 8.8242"
+       inkscape:connector-curvature="0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.5132;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 290.73041,100.87214 v 14.2521"
        id="path1012-9" />
     <g
        style="fill:#99cfff;fill-rule:evenodd;stroke:#002680;stroke-width:4;stroke-linejoin:round"
        id="g918"
-       transform="matrix(0.26458333,0,0,0.26458333,177.42999,62.410816)">
+       transform="matrix(0.26458333,0,0,0.26458333,184.30533,62.410816)">
       <rect
          id="Rectangle-Copy-5"
          x="11"
@@ -333,65 +439,111 @@
          height="4" />
       <polygon
          id="Rectangle-1"
-         points="98,0 257.62107,0 287.62107,147 68,147 " />
+         points="257.62107,0 287.62107,147 68,147 98,0 " />
       <polygon
          id="polygon916"
          transform="matrix(1,0,0,-1,0,326)"
-         points="98,147 257.62107,147 287.62107,179 68,179 " />
+         points="257.62107,147 287.62107,179 68,179 98,147 " />
     </g>
     <path
-       style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#ExperimentalArrow-3);marker-end:url(#ExperimentalArrow-3)"
-       d="M 172.00039,65.116252 V 97.086645"
+       inkscape:connector-curvature="0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.544692;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 178.87573,62.402301 V 100.34339"
        id="path1012-5" />
     <path
+       inkscape:connector-curvature="0"
        id="path6954"
-       d="M 203.02577,62.050773 H 171.18393"
-       style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none" />
-    <path
-       id="path7676"
-       d="m 283.85508,115.10538 v 4.08228 0"
+       d="M 209.90111,62.050773 H 178.05927"
        style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
     <path
-       id="path7678"
-       d="M 165.19657,96.971722 V 109.67746"
-       style="fill:none;stroke:#bbbcbc;stroke-width:0.585901;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#TriangleOutL)" />
+       inkscape:connector-curvature="0"
+       id="path7676"
+       d="m 290.73042,115.10538 v 4.08228 0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
     <path
+       inkscape:connector-curvature="0"
+       id="path7678"
+       d="M 172.07191,96.971722 V 109.67746"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.585901;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:" />
+    <path
+       inkscape:connector-curvature="0"
        id="path7680"
-       d="m 165.19657,112.39898 v 5.98736"
-       style="fill:none;stroke:#bbbcbc;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#marker4178)" />
-    <rect
-       y="13.879778"
-       x="119.47496"
-       height="5.9873552"
-       width="28.848167"
-       id="rect10284"
-       style="fill:#979797;fill-opacity:1;stroke:none;stroke-width:0.490824;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke" />
-    <text
-       id="text8340"
-       y="19.322828"
-       x="119.20281"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.99722000000000044px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;stroke-opacity:1;"
-       xml:space="preserve"><tspan
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.99722000000000044px;font-family:sans-serif;-inkscape-font-specification:'sans-serif Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;stroke-opacity:1;"
-         y="19.322828"
-         x="119.20281"
-         id="tspan8338">1059 mm</tspan></text>
-    <rect
-       style="fill:#979797;fill-opacity:1;stroke:none;stroke-width:0.39886;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
-       id="rect10284-2"
-       width="19.050678"
-       height="5.9873552"
-       x="115.12051"
-       y="177.71559" />
-    <text
-       xml:space="preserve"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.99723px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;stroke-opacity:1"
-       x="116.48128"
-       y="183.15865"
-       id="text8340-0"><tspan
-         id="tspan8338-1"
-         x="116.48128"
-         y="183.15865"
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.99723px;font-family:sans-serif;-inkscape-font-specification:'sans-serif Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;stroke-opacity:1">0 mm</tspan></text>
+       d="m 172.07191,110.04689 v 8.33945"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       style="fill:none;stroke:#bbbcbc;stroke-width:0.510445;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 28.871798,21.809207 V 102.21125"
+       id="path1012-1-6-1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path32784"
+       d="m 178.74528,61.891705 -1.99023,4.161391 h 3.98046 z"
+       style="fill:#bbbcbc;fill-opacity:1;stroke:none;stroke-width:0.299082px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="fill:#bbbcbc;fill-opacity:1;stroke:none;stroke-width:0.299082px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 81.78039,21.621142 -1.99023,4.16139 h 3.98046 z"
+       id="path32784-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#bbbcbc;fill-opacity:1;stroke:none;stroke-width:0.299082px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 28.948815,21.983004 -1.99023,4.16139 h 3.98046 z"
+       id="path32784-6"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#bbbcbc;fill-opacity:1;stroke:none;stroke-width:0.299082px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 8.1418572,21.802077 -1.99023,4.16139 h 3.9804598 z"
+       id="path32784-5"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#bbbcbc;fill-opacity:1;stroke:none;stroke-width:0.299082px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 31.481832,115.52385 -1.99023,4.16139 h 3.98046 z"
+       id="path32784-57"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#bbbcbc;fill-opacity:1;stroke:none;stroke-width:0.299082px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 290.75461,101.04944 -1.99023,4.16139 h 3.98046 z"
+       id="path32784-51"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#bbbcbc;fill-opacity:1;stroke:none;stroke-width:0.299082px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 172.0645,109.91501 -1.99023,4.16139 h 3.98046 z"
+       id="path32784-23"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#bbbcbc;fill-opacity:1;stroke:none;stroke-width:0.278896px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 81.961325,35.733683 -1.99023,-3.6186 h 3.98046 z"
+       id="path32784-3"
+       inkscape:connector-curvature="0" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path32784-3-7"
+       d="m 136.96407,35.643226 -1.99023,-3.6186 h 3.98046 z"
+       style="fill:#bbbcbc;fill-opacity:1;stroke:none;stroke-width:0.278897px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path32784-3-73"
+       d="m 172.24542,100.41618 -1.99023,-3.618595 h 3.98046 z"
+       style="fill:#bbbcbc;fill-opacity:1;stroke:none;stroke-width:0.278897px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path32784-3-2"
+       d="m 178.93983,100.41619 -1.99023,-3.6186 h 3.98046 z"
+       style="fill:#bbbcbc;fill-opacity:1;stroke:none;stroke-width:0.278897px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path32784-3-70"
+       d="m 290.75462,114.89059 -1.99023,-3.6186 h 3.98046 z"
+       style="fill:#bbbcbc;fill-opacity:1;stroke:none;stroke-width:0.278897px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path32784-3-5"
+       d="m 127.93118,102.04456 -1.99023,-3.618604 h 3.98046 z"
+       style="fill:#bbbcbc;fill-opacity:1;stroke:none;stroke-width:0.278897px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path32784-3-24"
+       d="m 31.481836,185.27239 -1.99023,-3.6186 h 3.98046 z"
+       style="fill:#bbbcbc;fill-opacity:1;stroke:none;stroke-width:0.278897px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
   </g>
 </svg>
diff --git a/Thermo.Active/wwwroot/assets/styles/base/quote-velocita.less b/Thermo.Active/wwwroot/assets/styles/base/quote-velocita.less
index 2c723b5d..6334f4b4 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/quote-velocita.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/quote-velocita.less
@@ -22,6 +22,13 @@
                 height: 800px;
             }
 
+            .disegnoStampo{
+                flex-shrink: 0;
+                margin-left: 680px;
+                width: 1200px;
+                height: 795px;
+            }
+
             .input-circles{
 
                 span{
@@ -38,7 +45,7 @@
                 }
 
                 .circle{
-                    width: 141px;
+                    width: 147px;
                     height: 60px;
                     flex-direction: column;
 
@@ -98,6 +105,71 @@
                     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;                  
+                }
             }
 
         }
diff --git a/Thermo.Active/wwwroot/assets/styles/base/setup.less b/Thermo.Active/wwwroot/assets/styles/base/setup.less
index 368b1ade..1e31fe0d 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/setup.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/setup.less
@@ -76,7 +76,7 @@
                 width: 89px;
                 height: 25px;
                 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 67b40d55..0767f742 100644
--- a/Thermo.Active/wwwroot/assets/styles/style.css
+++ b/Thermo.Active/wwwroot/assets/styles/style.css
@@ -4239,7 +4239,7 @@ img {
   width: 89px;
   height: 25px;
   object-fit: contain;
-  font-size: 22px;
+  font-size: 20px;
   font-weight: 500;
   font-stretch: normal;
   font-style: normal;
@@ -4643,6 +4643,12 @@ img {
   width: 800px;
   height: 800px;
 }
+.modal.quote-velocita-info .specific .svg-area .disegnoStampo {
+  flex-shrink: 0;
+  margin-left: 680px;
+  width: 1200px;
+  height: 795px;
+}
 .modal.quote-velocita-info .specific .svg-area .input-circles span {
   object-fit: contain;
   font-size: 22px;
@@ -4656,7 +4662,7 @@ img {
   background-color: #979797;
 }
 .modal.quote-velocita-info .specific .svg-area .input-circles .circle {
-  width: 141px;
+  width: 147px;
   height: 60px;
   flex-direction: column;
 }
@@ -4705,6 +4711,61 @@ img {
   top: 320px;
   right: 220px;
 }
+.modal.quote-velocita-info .specific .svg-area .input-circles .circle-stampo-1 {
+  position: relative;
+  top: 115px;
+  right: 1212px;
+}
+.modal.quote-velocita-info .specific .svg-area .input-circles .circle-stampo-2 {
+  position: relative;
+  top: 140px;
+  right: 1130px;
+}
+.modal.quote-velocita-info .specific .svg-area .input-circles .circle-stampo-3 {
+  position: relative;
+  top: 4px;
+  right: 730px;
+}
+.modal.quote-velocita-info .specific .svg-area .input-circles .circle-stampo-4 {
+  position: relative;
+  top: -64px;
+  right: 925px;
+}
+.modal.quote-velocita-info .specific .svg-area .input-circles .circle-stampo-5 {
+  position: relative;
+  top: -10px;
+  right: 740px;
+}
+.modal.quote-velocita-info .specific .svg-area .input-circles .circle-stampo-6 {
+  position: relative;
+  top: 205px;
+  right: 1115px;
+}
+.modal.quote-velocita-info .specific .svg-area .input-circles .circle-stampo-7 {
+  position: relative;
+  top: 50px;
+  right: 125px;
+}
+.modal.quote-velocita-info .specific .svg-area .input-circles .circle-stampo-8 {
+  position: relative;
+  top: -210px;
+  right: 550px;
+}
+.modal.quote-velocita-info .specific .svg-area .input-circles .circle-stampo-9 {
+  position: relative;
+  top: -90px;
+  right: 560px;
+}
+.modal.quote-velocita-info .specific .svg-area .input-circles .circle-stampo-10 {
+  position: relative;
+  bottom: 557px;
+  right: 769px;
+}
+.modal.quote-velocita-info .specific .svg-area .input-circles .circle-stampo-11 {
+  position: relative;
+  top: 38px;
+  right: 781px;
+}
 .modal.quote-velocita-info .specific button {
   margin-left: 10px;
   width: 48px;
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.vue
index c79cdca7..fee6eb5c 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="svg-area">
-        <img class="disegnoQuoteVelocita" src="assets/icons/svg/disegno-quote-velocita-stampo.svg">
+        <img class="disegnoStampo" src="assets/icons/svg/disegno-quote-velocita-stampo.svg">
         <div class="input-circles">
-            <div class="circle circle1">
+            <div class="circle circle-stampo-1">
                 <div>
                     <img src="assets/icons/png/salita.png">
                     <label>{{spes}} mm</label>
@@ -12,7 +12,7 @@
                     <label>30 mm/s</label>
                 </div>
             </div>
-            <div class="circle circle2">
+            <div class="circle circle-stampo-2">
                 <div>
                     <img src="assets/icons/png/salita.png">
                     <label>{{x}} mm</label>
@@ -22,7 +22,23 @@
                     <label>100 mm/s</label>
                 </div>
             </div>
-            <div class="circle circle3">
+            <div class="circle circle-stampo-3">
+                <div>
+                    <img src="assets/icons/png/discesa.png">
+                    <label>{{y}} mm</label>
+                </div>
+                <div>
+                    <img src="assets/icons/png/alta.png">
+                    <label>30 mm/s</label>
+                </div>
+            </div>
+            <div class="circle circle-stampo-4">
+                <div>
+                    <img src="assets/icons/png/quota.png">
+                    <label>64 mm</label>
+                </div>
+            </div>
+            <div class="circle circle-stampo-5">
                 <div>
                     <img src="assets/icons/png/discesa.png">
                     <label>{{y}} mm</label>
@@ -32,36 +48,34 @@
                     <label>100 mm/s</label>
                 </div>
             </div>
-            <div class="circle circle4">
+            <div class="circle circle-stampo-6">
                 <div>
                     <img src="assets/icons/png/quota.png">
-                    <label>{{y}} mm</label>
+                    <label>486 mm</label>
                 </div>
             </div>
-            <div class="circle circle5">
+            <div class="circle circle-stampo-7">
                 <div>
-                    <img src="assets/icons/png/discesa.png">
-                    <label>{{y}} mm</label>
-                </div>
-                <div>
-                    <img src="assets/icons/png/alta.png">
-                    <label>8 mm/s</label>
+                    <img src="assets/icons/png/quota.png">
+                    <label>70 mm</label>
                 </div>
             </div>
-            <div class="circle circle6">
+            <div class="circle circle-stampo-8">
                 <div>
-                    <img src="assets/icons/png/discesa.png">
-                    <label>{{y}} mm</label>
-                </div>
-                <div>
-                    <img src="assets/icons/png/bassa.png">
-                    <label>30 mm/s</label>
+                    <img src="assets/icons/png/quota.png">
+                    <label>214 mm</label>
                 </div>
             </div>
-            <span class="circle7">123 mm</span>
-            <span class="circle8">0 mm</span>
+            <div class="circle circle-stampo-9">
+                <div>
+                    <img src="assets/icons/png/quota.png">
+                    <label>50 mm</label>
+                </div>
+            </div>
+            <span class="circle-stampo-10">1059 mm</span>
+            <span class="circle-stampo-11">0 mm</span>
         </div>
     </div>
 </template>
 
-<script lang="ts" src="./quote-velocita.ts"></script>
\ No newline at end of file
+<script lang="ts" src="./stampo.ts"></script>
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.ts b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.ts
index 7837688e..7fe81e7e 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.ts
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.ts
@@ -2,9 +2,9 @@ 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 QuoteVelocitaSVG from "./SVG_Components/quote-velocita.vue";
+import StampoSVG from "./SVG_Components/stampo.vue";
 
-@Component({name:"salitastampo", components:{slider:Slider}})
+@Component({name:"salita-stampo", components:{slider:Slider, stampoSVG: StampoSVG}})
 export default class DiscesaCornice extends Vue {
 
     @Prop({default:0})
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.vue
index 9c427109..71b2341f 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.vue
@@ -53,6 +53,7 @@
 			</div>
 		</aside>
 		<div class="specific">
+			<stampoSVG></stampoSVG>
 			<button>
 				<img src="assets/icons/png/w.png" />
 			</button>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/show-quote-velocita-info.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/show-quote-velocita-info.vue
index 709801d3..22175c5d 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/show-quote-velocita-info.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/show-quote-velocita-info.vue
@@ -11,8 +11,8 @@
 					<i class="fa fa-remove"></i>
 				</button>
 			</div>
+			<salita-stampo v-if="show=='QS'"></salita-stampo>
 			<discesacornice v-if="show=='QC'"></discesacornice>
-			<salitastampo v-if="show=='QS'"></salitastampo>
 			<footer>
 				<button class="btn" @click="annulla()">Annulla</button>
 				<button class="btn btn-success" @click="conferma()">Conferma</button>