Merge branch 'develop' into feature/removal/toolMan

This commit is contained in:
Samuele Locatelli
2020-04-22 17:53:20 +02:00
124 changed files with 5179 additions and 1844 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 416 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 717 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 476 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 878 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 82 KiB

@@ -0,0 +1,549 @@
<?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"
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"
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>
<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">
<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 />
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1">
<path
inkscape:connector-curvature="0"
id="path963"
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 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 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,36.848572,63.739768)">
<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="68,147 98,0 257.62107,0 287.62107,147 " />
<polygon
id="polygon840"
transform="matrix(1,0,0,-1,0,326)"
points="68,179 98,147 257.62107,147 287.62107,179 " />
</g>
<path
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
inkscape:connector-curvature="0"
id="path1018"
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
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.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 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 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 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
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,184.30533,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="257.62107,0 287.62107,147 68,147 98,0 " />
<polygon
id="polygon916"
transform="matrix(1,0,0,-1,0,326)"
points="257.62107,147 287.62107,179 68,179 98,147 " />
</g>
<path
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 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
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 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>

After

Width:  |  Height:  |  Size: 21 KiB

@@ -0,0 +1,308 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<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"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="1000mm"
height="700mm"
viewBox="0 0 1000 700"
version="1.1"
id="svg8"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
sodipodi:docname="disegno-termosuperiore.svg">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.23751142"
inkscape:cx="2192.6931"
inkscape:cy="1312.0808"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1920"
inkscape:window-height="1001"
inkscape:window-x="-9"
inkscape:window-y="-9"
inkscape:window-maximized="1" />
<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 />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Livello 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,403)">
<path
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"
d="m 88.76984,214.15039 v -576"
id="path815"
inkscape:connector-curvature="0" />
<path
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"
d="m 88.26284,214.63315 h 879"
id="path817"
inkscape:connector-curvature="0" />
<path
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"
d="m 89.25884,-245.34161 h 403.705"
id="path819"
inkscape:connector-curvature="0" />
<path
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"
d="M 847.71604,214.15039 V 25.150382"
id="path821"
inkscape:connector-curvature="0" />
<path
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"
d="M 89.22584,24.328661 H 971.2258"
id="path823"
inkscape:connector-curvature="0" />
<path
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"
d="m 492.33569,214.15039 v -459"
id="path825"
inkscape:connector-curvature="0" />
<path
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"
d="m 148.83569,214.15039 v -459"
id="path827"
inkscape:connector-curvature="0" />
<path
sodipodi:type="star"
style="opacity:1;fill:#979797;fill-opacity:1;stroke:#979797;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path829"
sodipodi:sides="3"
sodipodi:cx="18.241447"
sodipodi:cy="-298.28387"
sodipodi:r1="5.3497214"
sodipodi:r2="2.6748607"
sodipodi:arg1="0.67474094"
sodipodi:arg2="1.7219385"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 22.418878,-294.94193 -4.580177,-0.69758 -4.580178,-0.69758 2.894209,-3.61776 2.894209,-3.61776 1.685969,4.31534 z"
inkscape:transform-center-x="0.0087425072"
inkscape:transform-center-y="-1.3298527"
transform="rotate(-8.4725616,-339.47207,-803.35348)" />
<path
sodipodi:type="star"
style="opacity:1;fill:#979797;fill-opacity:1;stroke:#979797;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path829-1"
sodipodi:sides="3"
sodipodi:cx="18.241447"
sodipodi:cy="-298.28387"
sodipodi:r1="5.3497214"
sodipodi:r2="2.6748607"
sodipodi:arg1="0.67474094"
sodipodi:arg2="1.7219385"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 22.418878,-294.94193 -4.580177,-0.69758 -4.580178,-0.69758 2.894209,-3.61776 2.894209,-3.61776 1.685969,4.31534 z"
inkscape:transform-center-x="-1.3235569"
inkscape:transform-center-y="0.016029572"
transform="rotate(-39.002988,1214.2784,-1374.1232)" />
<path
sodipodi:type="star"
style="opacity:1;fill:#4b4b4b;fill-opacity:1;stroke:#4b4b4b;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path829-7"
sodipodi:sides="3"
sodipodi:cx="18.241447"
sodipodi:cy="-298.28387"
sodipodi:r1="5.3497214"
sodipodi:r2="2.6748607"
sodipodi:arg1="0.67474094"
sodipodi:arg2="1.7219385"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 22.418878,-294.94193 -4.580177,-0.69758 -4.580178,-0.69758 2.894209,-3.61776 2.894209,-3.61776 1.685969,4.31534 z"
inkscape:transform-center-x="0.012045521"
inkscape:transform-center-y="-1.556962"
transform="matrix(1.3624544,-0.17249811,0.20295319,1.158005,43.584775,60.630817)" />
<path
sodipodi:type="star"
style="opacity:1;fill:#4b4b4b;fill-opacity:0.92936802;stroke:#4b4b4b;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path829-76"
sodipodi:sides="3"
sodipodi:cx="18.241447"
sodipodi:cy="-298.28387"
sodipodi:r1="5.3497214"
sodipodi:r2="2.6748607"
sodipodi:arg1="0.67474094"
sodipodi:arg2="1.7219385"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 22.418878,-294.94193 -4.580177,-0.69758 -4.580178,-0.69758 2.894209,-3.61776 2.894209,-3.61776 1.685969,4.31534 z"
inkscape:transform-center-x="0.012041679"
inkscape:transform-center-y="1.5569683"
transform="matrix(1.3624544,0.17249811,0.20295318,-1.158005,43.584604,-552.18694)" />
<path
sodipodi:type="star"
style="opacity:1;fill:#4b4b4b;fill-opacity:1;stroke:#4b4b4b;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path829-3"
sodipodi:sides="3"
sodipodi:cx="18.241447"
sodipodi:cy="-298.28387"
sodipodi:r1="5.3497214"
sodipodi:r2="2.6748607"
sodipodi:arg1="0.67474094"
sodipodi:arg2="1.7219385"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 22.418878,-294.94193 -4.580177,-0.69758 -4.580178,-0.69758 2.894209,-3.61776 2.894209,-3.61776 1.685969,4.31534 z"
inkscape:transform-center-x="0.012045088"
inkscape:transform-center-y="-1.5569573"
transform="matrix(1.3624544,-0.17249811,0.20295319,1.158005,43.584867,331.04274)" />
<path
sodipodi:type="star"
style="opacity:1;fill:#4b4b4b;fill-opacity:1;stroke:#4b4b4b;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path829-30"
sodipodi:sides="3"
sodipodi:cx="18.241447"
sodipodi:cy="-298.28387"
sodipodi:r1="5.3497214"
sodipodi:r2="2.6748607"
sodipodi:arg1="0.67474094"
sodipodi:arg2="1.7219385"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 22.418878,-294.94193 -4.580177,-0.69758 -4.580178,-0.69758 2.894209,-3.61776 2.894209,-3.61776 1.685969,4.31534 z"
inkscape:transform-center-x="0.01204157"
inkscape:transform-center-y="1.5569639"
transform="matrix(1.3624544,0.17249811,0.20295318,-1.158005,43.584604,-281.77494)" />
<path
sodipodi:type="star"
style="opacity:1;fill:#4b4b4b;fill-opacity:1;stroke:#4b4b4b;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path829-5"
sodipodi:sides="3"
sodipodi:cx="18.241447"
sodipodi:cy="-298.28387"
sodipodi:r1="5.3497214"
sodipodi:r2="2.6748607"
sodipodi:arg1="0.67474094"
sodipodi:arg2="1.7219385"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 22.418878,-294.94193 -4.580177,-0.69758 -4.580178,-0.69758 2.894209,-3.61776 2.894209,-3.61776 1.685969,4.31534 z"
inkscape:transform-center-x="0.012044897"
inkscape:transform-center-y="-1.5569619"
transform="matrix(1.3624544,-0.17249811,0.20295319,1.158005,43.584831,460.48274)" />
<path
sodipodi:type="star"
style="opacity:1;fill:#4b4b4b;fill-opacity:1;stroke:#4b4b4b;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path829-4"
sodipodi:sides="3"
sodipodi:cx="18.241447"
sodipodi:cy="-298.28387"
sodipodi:r1="5.3497214"
sodipodi:r2="2.6748607"
sodipodi:arg1="0.67474094"
sodipodi:arg2="1.7219385"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 22.418878,-294.94193 -4.580177,-0.69758 -4.580178,-0.69758 2.894209,-3.61776 2.894209,-3.61776 1.685969,4.31534 z"
inkscape:transform-center-x="0.012041987"
inkscape:transform-center-y="1.5569706"
transform="matrix(1.3624544,0.17249811,0.20295318,-1.158005,43.584604,-152.33494)" />
<path
sodipodi:type="star"
style="opacity:1;fill:#4b4b4b;fill-opacity:1;stroke:#4b4b4b;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path829-13"
sodipodi:sides="3"
sodipodi:cx="18.241447"
sodipodi:cy="-298.28387"
sodipodi:r1="5.3497214"
sodipodi:r2="2.6748607"
sodipodi:arg1="0.67474094"
sodipodi:arg2="1.7219385"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 22.418878,-294.94193 -4.580177,-0.69758 -4.580178,-0.69758 2.894209,-3.61776 2.894209,-3.61776 1.685969,4.31534 z"
inkscape:transform-center-x="1.5480672"
inkscape:transform-center-y="0.02094424"
transform="matrix(1.0864486,0.50862641,-0.43159125,1.2803698,262.97182,629.62985)" />
<path
sodipodi:type="star"
style="opacity:1;fill:#4b4b4b;fill-opacity:1;stroke:#4b4b4b;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path829-75"
sodipodi:sides="3"
sodipodi:cx="18.241447"
sodipodi:cy="-298.28387"
sodipodi:r1="5.3497214"
sodipodi:r2="2.6748607"
sodipodi:arg1="0.67474094"
sodipodi:arg2="1.7219385"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 22.418878,-294.94193 -4.580177,-0.69758 -4.580178,-0.69758 2.894209,-3.61776 2.894209,-3.61776 1.685969,4.31534 z"
inkscape:transform-center-x="-1.537404"
inkscape:transform-center-y="0.03164864"
transform="matrix(0.90492592,-0.87001785,0.73678084,1.0685697,769.12654,591.58776)" />
<path
sodipodi:type="star"
style="opacity:1;fill:#4b4b4b;fill-opacity:1;stroke:#4b4b4b;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path829-2"
sodipodi:sides="3"
sodipodi:cx="18.241447"
sodipodi:cy="-298.28387"
sodipodi:r1="5.3497214"
sodipodi:r2="2.6748607"
sodipodi:arg1="0.67474094"
sodipodi:arg2="1.7219385"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 22.418878,-294.94193 -4.580177,-0.69758 -4.580178,-0.69758 2.894209,-3.61776 2.894209,-3.61776 1.685969,4.31534 z"
inkscape:transform-center-x="1.5074217"
inkscape:transform-center-y="-0.0032851622"
transform="matrix(-0.17094391,-1.3882646,1.1157981,-0.21268668,1104.0335,218.75862)" />
<path
sodipodi:type="star"
style="opacity:1;fill:#4b4b4b;fill-opacity:1;stroke:#4b4b4b;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path829-54"
sodipodi:sides="3"
sodipodi:cx="18.241447"
sodipodi:cy="-298.28387"
sodipodi:r1="5.3497214"
sodipodi:r2="2.6748607"
sodipodi:arg1="0.67474094"
sodipodi:arg2="1.7219385"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 22.418878,-294.94193 -4.580177,-0.69758 -4.580178,-0.69758 2.894209,-3.61776 2.894209,-3.61776 1.685969,4.31534 z"
inkscape:transform-center-x="-1.52698"
inkscape:transform-center-y="-0.014825546"
transform="matrix(0.16850514,1.3509028,-1.1373731,0.20014019,578.26524,292.1591)" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 13 KiB

@@ -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;
}
@@ -5,14 +5,91 @@
@modal: modal;
.@{modal}.ciclo-info {
section{
.presenter {
display: flex;
flex-flow: column;
padding: 0 10px;
.specific{
padding: 0 10px;
.caricatore-buttons{
button{
margin-right: 15px;
margin-left: 5px;
width: 48px;
height: 48px;
object-fit: contain;
border-radius: 2px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
border: none;
background-image: linear-gradient(to bottom, #f1f1f1 0%, #bbbcbc 98%);
&:last-of-type{
border: solid 1px #001e48;
background-image: linear-gradient(to bottom, #1756ad, #002680);
}
}
}
.svg-area{
.disegnoCaricatore{
flex-shrink: 0;
width: 1137px;
height: 707px;
}
.input-circles{
label{
object-fit: contain;
background-color: #979797;
}
.circle1{
position: relative;
top: 130px;
right: 25px;
}
.circle2{
position: relative;
top: 180px;
right: 25px;
}
.circle3{
position: relative;
top: 175px;
right: 410px;
}
.circle4{
position: relative;
top: 60px;
right: 180px;
}
}
}
.box {
margin-bottom: 10px;
width: 500px;
.body{
padding: 5px 10px;
}
}
}
.box {
width: 500px;
}
}
}
}
@@ -7,86 +7,40 @@
.@{modal}.controstamposetup-info {
width: 1820px;
height: 980px;
header {
background-color: @color-white;
color: @color-darkish-blue;
font-weight: 600;
font-size: 24px;
text-align: left;
padding: 0px 23px;
}
.dato{
margin-left: 180px;
section{
.controstampo-cycle{
margin-left: 37%;
}
.specific{
padding-left: 5px;
.box {
margin-bottom: 5px;
background-color: #e5f3ff;
&:first-of-type{
background-color: white;
}
&:last-of-type{
background-color: #b3dbff;
}
}
.input-area{
width: 480px;
}
}
}
}
.schedaC{
margin-left: 10px;
margin-top: 3px;
width: 490px;
height: 263px;
border: solid #848484;
display: flex;
flex-direction: column;
}
.CC{
width: 272px;
}
.CicloC{
height: 65px;
width: 272px;
}
.AC{
width: 260px;
}
.AriaC{
height: 65px;
width: 260px;
}
.VC{
width: 280px;
}
.VuotoC{
height: 65px;
width: 280px;
}
.EC{
width: 325px;
}
.EstrC{
height: 65px;
width: 325px;
}
.divAria{
display: flex;
margin-top: 20px;
}
.Dx1{
margin-top: 5px;
display: flex;
flex-direction: column;
}
.Dx2{
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.DX{
display: flex;
}
.rid{
margin-top: 2px;
}
.s1{
background-color: white;
}
.s2{
background-color: #e8e8e8 ;
}
.s3{
background-color: #d3d3d3 ;
}
.datiA{
display: flex;
justify-content: center;
}
@@ -5,48 +5,18 @@
@modal: modal;
.@{modal}.estrazione-info {
margin-top: 100px;
width: 1370px;
width: 1820px;
height: 785px;
header {
background-color: @color-white;
color: @color-darkish-blue;
font-weight: 600;
font-size: 24px;
text-align: left;
padding: 0px 23px;
}
.sep{
height: 606px;
}
.divSx{
margin-left: 20px;
}
.scosdiv{
margin-top: 20px;
margin-bottom: 20px;
}
.specific {
justify-content: flex-end;
.box{
background-color: #e5f3ff;
}
.EP{
width: 287px;
}
.EstrP{
width: 287px;
height: 65px;
}
.ES{
width: 294px;
}
.EstrS{
width: 294px;
height: 65px;
}
.schedaE{
border: solid #30916b;
background-color: #b2e6d2;
}
.divEstr{
margin-top: 20px;
display: flex;
}
}
@@ -181,15 +181,6 @@
}
}
.input-circles {
.circle{
width: 141px;
height: 60px;
}
}
}
@@ -202,20 +193,6 @@
overflow-x: auto;
-webkit-overflow-scrolling: touch;
&::-webkit-scrollbar {
width: 10px;
height: 10px;
}
&::-webkit-scrollbar-thumb {
background: @color-silver;
border-radius: 10px;
}
&::-webkit-scrollbar-track {
background: transparent;
}
img {
flex-shrink: 0;
width: 215px;
@@ -0,0 +1,27 @@
// out: false, sourceMap: false, main: ../style.less
@import "grid-system.less";
@import "colors.less";
@import "fonts.less";
.@{modal}.imbutitura-info {
width: 1820px;
height: 980px;
section{
.specific{
padding-left: 5px;
justify-content: flex-end;
.box {
margin-bottom: 5px;
background-color: #e5f3ff;
}
}
}
}
@@ -6,12 +6,19 @@
@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";
@import "imbutitura.less";
@import "estrazione.less";
@import "scheda.less";
@import "vuoto.less";
@import "popups.less";
@import "grid-system.less";
@import "input.less";
@@ -0,0 +1,90 @@
// out: false, sourceMap: false, main: ../style.less
@import "grid-system.less";
@import "colors.less";
@import "fonts.less";
@modal: modal;
.@{modal}.opzioni-info {
width: 1820px;
height: 980px;
hr {
width: 2px;
height: 830px;
background-color: #979797;
margin: 0;
}
.section{
display: flex;
.specific{
&:last-of-type{
margin-left: 100px;
width: 471px;
}
&:first-of-type{
.box-color{
background-color: #ffffff;
}
button{
background-color: #dddddd;
display: block;
color: #000000;
padding: 22px 16px;
width: 550px;
height: 64px;
border: none;
text-align: left;
cursor: pointer;
font-size: 17px;
}
.active{
background-color: rgba(23, 145, 255, 0.75);
color:#ffffff;
}
label{
font-size: 14px;
width: 60px;
margin-left: 5px;
margin-right: 30px;
}
}
}
}
aside{
button{
display: block;
background-color: #bbbcbc;
color: #002680;
padding: 22px 16px;
margin: 2px 0;
width: 547px;
height: 70px;
border: none;
text-align: left;
cursor: pointer;
font-size: 17px;
}
.active{
background-color: #fff;
font-weight: bold;
border-top: 2px solid #002680;
}
}
}
@@ -2,213 +2,95 @@
@import "grid-system.less";
@import "colors.less";
@import "fonts.less";
@import "setup.less";
@modal: modal;
@pirometro-margin: margin-left;
.@{modal}.pirometro-info {
width: 1820px;
height: 980px;
header {
background-color: @color-white;
color: @color-darkish-blue;
section{
.specific{
width: 470px;
@{pirometro-margin}:37%;
}
.termospecific{
@{pirometro-margin}:0%;
.svg-area{
padding-left: 90px;
width: 1270px;
height: 800px;
.disegnoTermoSuperiore{
flex-shrink: 0;
width: 1100px;
height: 750px;
}
.border-termo-superiore{
.circle1{
position: relative;
top: 135px;
right: 1150px;
}
.circle2{
position: relative;
top: 355px;
right: 1150px;
}
.circle3{
position: relative;
top: 425px;
right: 1150px;
}
.circle4{
position: relative;
top: 470px;
right: 635px;
}
.circle5{
position: relative;
top: 400px;
right: 255px;
}
.circle6{
width: 64px;
height: 20px;
color:white;
object-fit: contain;
background-color: #c03d58;
position: relative;
top: 95px;
right: 125px;
}
}
}
button{
margin-left: 5px;
width: 48px;
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-weight: 600;
font-size: 24px;
text-align: left;
padding: 0px 23px;
}
}
//images
img {
width: 36px;
height: 36px;
object-fit: contain;
}
.clessidra {
width: 23px;
height: 23px;
}
.btn-switch-on {
position: relative;
left: 41px;
top: 3px;
border: none;
width: 34px;
height: 34px;
border-radius: 20px;
background-color: @color-darkish-blue;
}
.btn-switch-off {
position: relative;
left: 3px;
top: 3px;
border: none;
width: 34px;
height: 34px;
border-radius: 20px;
background-color: @color-darkish-blue;
}
//divs
.switch-on {
width: 112px;
height: 40px;
border-radius: 20px;
box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
background-color: @color-clear-blue;
}
.switch-off {
width: 112px;
height: 40px;
border-radius: 20px;
box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
background-color: @color-label-grey;
}
// .rectdato {
// display: flex;
// flex-direction: column;
// justify-content: center;
// width: 63px;
// height: 48px;
// border-radius: 2px;
// box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
// }
//labels
.ON {
position: relative;
bottom: 4.5px;
left: 22px;
width: 29px;
height: 18px;
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: @color-white;
}
.OFF {
position: relative;
bottom: 4.5px;
left: 19px;
width: 29px;
height: 18px;
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: @color-white;
}
.Ritardo {
width: 77px;
height: 29px;
font-size: 24px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: @color-darkish-blue;
}
.Set-point {
margin-right: 10px;
width: 96px;
height: 29px;
font-size: 24px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: @color-darkish-blue;
}
.mock {
margin-left: 25px;
width: 30px;
height: 22px;
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: @color-silver;
}
.Piro {
width: 177px;
height: 65px;
}
.P {
width: 177px;
}
.TRiscSup {
width: 437px;
height: 65px;
}
.TRS {
width: 437px;
}
.TRiscInf {
width: 427px;
height: 65px;
}
.TRI {
width: 427px;
}
.DivP {
display: flex;
justify-content: center;
}
.divPiro {
display: flex;
flex-direction: column;
margin-top: 45px;
}
.datiP {
margin-top: 35px;
display: flex;
justify-content: center;
}
.ritardo {
margin-right: 10px;
}
.Step {
margin-top: 990px;
}
@@ -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;
}
@@ -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;
}
}
}
}
}
@@ -9,55 +9,205 @@
width: 1820px;
height: 980px;
.specific{
section{
.svg-area{
aside{
.disegnoQuoteVelocita{
margin-left: 200px;
.box{
.body{
padding:4.5px;
.input-area{
margin: 5px auto;
}
}
}
}
.specific{
.svg-area{
width: 750px;
height: 750px;
.disegnoQuoteVelocita{
flex-shrink: 0;
margin-left: 500px;
width: 800px;
height: 800px;
}
.disegnoStampo{
flex-shrink: 0;
margin-left: 680px;
width: 1200px;
height: 795px;
}
.input-circles{
span{
object-fit: contain;
font-size: 22px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: white;
background-color: #979797;
}
.circle{
width: 147px;
height: 60px;
flex-direction: column;
div{
margin: auto;
display: flex;
flex-direction: row;
}
}
.circle1{
position: relative;
top: 120px;
right: 500px;
}
.circle2{
position: relative;
top: 140px;
right: 750px;
}
.circle3{
position: relative;
top: 140px;
right: 300px;
}
.circle4{
position: relative;
top: 395px;
right: 400px;
}
.circle5{
position: relative;
top: 240px;
right: 650px;
}
.circle6{
position: relative;
top: 305px;
right: 550px;
}
.circle7{
position: relative;
bottom: 380px;
right: 250px;
}
.circle8{
position: relative;
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;
}
}
}
.input-circles{
.circle{
flex-direction: column;
}
.circle1{
}
.circle2{
}
.circle3{
}
.circle4{
}
.circle5{
}
.circle6{
}
button{
margin-left: 10px;
width: 48px;
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, @color-darkish-blue);
}
}
button{
margin-left: 10px;
width: 48px;
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, @color-darkish-blue);
}
}
}
}
}
@@ -8,42 +8,14 @@
margin-top: 200px;
width: 626px;
height: 569px;
header {
background-color: @color-white;
color: @color-darkish-blue;
font-weight: 600;
font-size: 24px;
text-align: left;
padding: 0px 23px;
}
.Piro{
width: 174px;
height: 65px;
}
.P{
width: 174px;
}
.Vslider{
margin-left: 70px;
}
section{
.specific{
margin-left: 50px;
width: 480px;
}
.N{
width: 206px;
}
.Neb{
width: 206px;
height: 65px;
}
.V{
width: 183px;
}
.Ventilatori{
width: 183px;
height: 65px;
}
.divVent{
display: flex;
flex-direction: column;
}
}
}
@@ -0,0 +1,19 @@
// out: false, sourceMap: false, main: ../style.less
@import "grid-system.less";
@import "colors.less";
@import "fonts.less";
.scheda{
.body{
padding: 0px;
.input-area{
width: 480px;
margin: 3px;
margin-bottom: 0px;
}
}
}
@@ -14,9 +14,12 @@
height: 100vh;
hr {
flex-shrink: 0;
background-color: #979797;
width: 100%;
height: 2px;
width: 2px;
height: 100%;
margin: 0;
margin-left: 5px;
}
.modal {
@@ -30,12 +33,15 @@
height: 100%;
display: flex;
flex-flow: row nowrap;
padding: 14px;
display: flex;
justify-content: flex-start;
width: calc(~'100% - 28px');
height: calc(~'100% - 28px - 82px');
.auto{
overflow-y: auto;
}
aside {
display: flex;
@@ -46,6 +52,15 @@
flex: 0 0 520px;
overflow-y: scroll;
padding-right: 10px;
hr {
flex-shrink: 0;
background-color: #979797;
width: 100%;
height: 2px;
margin-left: 0px;
}
}
.specific {
@@ -61,6 +76,8 @@
flex-direction: column;
.circle {
width: 141px;
height: 60px;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
background-color: rgba(255, 255, 255, 0.8);
display: flex;
@@ -72,10 +89,8 @@
label {
margin: auto;
width: 89px;
height: 25px;
object-fit: contain;
font-size: 22px;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
@@ -1,436 +1,39 @@
// out: false, sourceMap: false, main: ../style.less
.@{modal}.Vuoto-info {
@import "grid-system.less";
@import "colors.less";
@import "fonts.less";
@modal: modal;
.@{modal}.vuoto-info {
width: 1820px;
height: 980px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
background-color: @color-background-white;
}
label { //vuoto principale
width: 164px;
height: 24px;
font-family: WorkSans;
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: @corlor-darkish-blue;
}
label { //vuoto diretto
width: 131px;
height: 24px;
font-family: WorkSans;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color:@color-darkish-blue;
}
section{
label { //vuoto ausiliario
width: 154px;
height: 24px;
font-family: WorkSans;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color:@color-darkish-blue;
}
label { //Prevuoto
width: 89px;
height: 24px;
font-family: WorkSans;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: @color-darkish-blue;
}
.specific{
padding-left: 5px;
.close-card {//bottone di chiusura
width: 28px;
height: 28px;
object-fit: contain;
}
.Mask {
width: 521px;
height: 826px;
}
.card_bg {
width: 1820px;
height: 826px;
background-color: @color-background-white;
}
label { //partenza
width: 104px;
height: 28px;
font-family: WorkSans;
font-size: 24px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: @color-darkish-blue;
}
.textfield {//label partenza
width: 220px;
height: 48px;
object-fit: contain;
}
label {
width: 164px;
height: 21px;
font-family: WorkSans;
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: @color-greyish-brown;
}
.triangle {// triangolino
width: 21px;
height: 16px;
transform: rotate(-180deg);
border-radius: 1px;
background-color: @color-darkish-blue;
}
.button-bg {
width: 48px;
height: 48px;
object-fit: contain;
border-radius: 8px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom, #f1f1f1 0%, #bbbcbc 98%);
}
.completo { //portata in manuale
width: 471px;
height: 122px;
object-fit: contain;
}
label { //label "portata in manuale"
width: 224px;
height: 28px;
font-family: WorkSans;
font-size: 24px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: @color-darkish-blue;
}
.Rectangle {
width: 72px;
height: 48px;
border-radius: 2px;
box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
.textfield {
width: 72px;
height: 48px;
object-fit: contain;
}
label {// 50%
width: 38px;
height: 21px;
object-fit: contain;
font-family: WorkSans;
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: @color-greyish-brown;
}
.Portata {
width: 78px;
height: 29px;
font-family: Lato;
font-size: 24px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: @color-darkish-blue;
}
.textfield {//quadratino in cui scritto 4
width: 51px;
height: 48px;
object-fit: contain;
}
label { //4
width: 17px;
height: 21px;
object-fit: contain;
font-family: WorkSans;
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color:@color-greyish-brown;
}
.Durata {
width: 73px;
height: 29px;
font-family: Lato;
font-size: 24px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: @color-darkish-blue;
}
.bg {
width: 303px;
height: 6px;
object-fit: contain;
border-radius: 3px;
background-color:@color-clear-blue;
}
.box {
margin-bottom: 5px;
background-color: #e5f3ff;
.Portata {
width: 78px;
height: 29px;
font-family: Lato;
font-size: 24px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: @color-darkish-blue;
}
.textfield {
width: 66px;
height: 48px;
object-fit: contain;
}
&:first-of-type{
background-color: white;
}
&:last-of-type{
background-color: #b3dbff;
}
label {//6.5
width: 32px;
height: 21px;
object-fit: contain;
font-family: WorkSans;
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color:@color-greyish-brown;
}
.Durata {
width: 73px;
height: 29px;
font-family: Lato;
font-size: 24px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: @color-darkish-blue;
}
.textfield {
width: 88px;
height: 48px;
object-fit: contain;
}
label {//0.23
width: 54px;
height: 21px;
object-fit: contain;
font-family: WorkSans;
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: @color-greyish-brown;
}
.button-bg {
width: 48px;
height: 48px;
object-fit: contain;
border-radius: 8px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom, #f1f1f1 0%, #bbbcbc 98%);
}
.input-area{
width: 480px;
}
}
}
.Portata {
width: 78px;
height: 29px;
font-family: Lato;
font-size: 24px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: @color-darkish-blue;
}
.textfield {
width: 51px;
height: 48px;
object-fit: contain;
}
label {//8
width: 17px;
height: 21px;
object-fit: contain;
font-family: WorkSans;
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: @color-greyish-brown;
}
.Durata {
width: 73px;
height: 29px;
font-family: Lato;
font-size: 24px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: @color-darkish-blue;
}
.textfield {
width: 78px;
height: 48px;
object-fit: contain;
}
label {//0.6
width: 44px;
height: 21px;
object-fit: contain;
font-family: WorkSans;
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: @color-greyish-brown;
}
.completo {
width: 471px;
height: 122px;
object-fit: contain;
}
label {
width: 192px;
height: 28px;
font-family: WorkSans;
font-size: 24px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: @color-darkish-blue;
}
.Rectangle {
width: 84px;
height: 48px;
border-radius: 2px;
box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
label { //label 1.63 nel quadratino
width: 50px;
height: 21px;
object-fit: contain;
font-family: WorkSans;
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: @color-greyish-brown;
}
.button-bg {
width: 104px;
height: 48px;
object-fit: contain;
border-radius: 8px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom, #f1f1f1 0%, #bbbcbc 98%);
}
label {//annulla
width: 67px;
height: 21px;
object-fit: contain;
font-family: WorkSans;
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: @color-darkish-blue;
}
.button-bg {
width: 124px;
height: 48px;
object-fit: contain;
border-radius: 8px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
border: solid 1px #001e48;
linear-gradient(to bottom, #1756ad, @color-darkish-blue);
}
label {
width: 87px;
height: 21px;
font-family: WorkSans;
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color:@color-background-white;
}
File diff suppressed because it is too large Load Diff
@@ -2,6 +2,6 @@
"env": "development",
"api": {
"enabled": true,
"apiServerUrl": "http://seriate.steamware.net:9000"
"apiServerUrl": "http://localhost:9000"
}
}
@@ -5,15 +5,18 @@ import { messageService } from "@/_base/messageService";
import { store, AppModel/*, MachineStatusModel, machineStatusActions, localizationModelActions, machineInfoActions*/ } from "@/store";
import { UserInfoDialog, MachineInfoDialog, ContactInfoDialog } from "@/app_modules/machine";
import ShowPirometroInfo from "@/app_modules_thermo/pirometro/components/show-pirometro-info.vue";
import ShowPirometroInfo from "@/app_modules_thermo/setup/pirometro/components/show-pirometro-info.vue";
import ShowFormatoInfo from "@/app_modules_thermo/setup/formato/components/show-formato-info.vue";
import ShowRiscaldamentoInfo from "@/app_modules_thermo/setup/riscaldi/components/show-riscaldi-info.vue";
import ShowCicloInfo from "@/app_modules_thermo/setup/ciclo/components/show-ciclo-info.vue";
import ShowRaffreddamentoInfo from "@/app_modules_thermo/raffreddamento/components/show-raffreddamento-info.vue";
import ShowControstampoInfo from "@/app_modules_thermo/controstampo_setup/components/show-controstampo-info.vue";
import ShowRaffreddamentoInfo from "@/app_modules_thermo/setup/raffreddamento/components/show-raffreddamento-info.vue";
import ShowControstampoInfo from "@/app_modules_thermo/setup/controstampo_setup/components/show-controstampo-info.vue";
import ShowQuoteVelocitaInfo from "@/app_modules_thermo/setup/quote-velocita/components/show-quote-velocita-info.vue";
import ShowEstrazioneInfo from "@/app_modules_thermo/estrazione/components/show-estrazione-info.vue";
import ShowVuotoInfo from "@/app_modules_thermo/vuoto/show-vuoto-info.vue";
import ShowEstrazioneInfo from "@/app_modules_thermo/setup/estrazione/components/show-estrazione-info.vue";
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";
@@ -48,6 +51,8 @@ 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); });
messageService.subscribeToChannel("show-quote-velocita-info", () => { ModalHelper.ShowModal(ShowQuoteVelocitaInfo); });
@@ -60,6 +65,8 @@ messageService.subscribeToChannel("show-pirometro-info", () => { ModalHelper.Sho
messageService.subscribeToChannel("show-user-info", () => { ModalHelper.ShowModal(UserInfoDialog); });
messageService.subscribeToChannel("show-machine-info", () => { ModalHelper.ShowModal(MachineInfoDialog); });
messageService.subscribeToChannel("show-contact-info", () => { ModalHelper.ShowModal(ContactInfoDialog); });
messageService.subscribeToChannel("show-imbutitura-info", () => { ModalHelper.ShowModal(ShowImbutituraInfo); });
// messageService.subscribeToChannel("show-axes-calibration", () => { ModalHelper.ShowNcModal(AxesCalibration); });
// messageService.subscribeToChannel("hide-axes-calibration", () => { ModalHelper.HideNcModal(AxesCalibration); });
// messageService.subscribeToChannel("show-m155-questions", () => { ModalHelper.ShowNextM155Modal(); });
+4 -2
View File
@@ -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);
@@ -10,8 +10,5 @@ export default class Scheda extends Vue{
portata:number;
@Prop({default:0})
durata:number;
mockD=this.durata;
mockP=this.portata;
}
@@ -1,23 +1,21 @@
<template>
<div class="schedaC">
<div class="datiP rid">
<div class="ritardo rid">
<label class="Ritardo">Portata</label>
</div>
<div class="rect rid">
<label class="mock">{{mockP}}</label>
<div class="box scheda">
<div class="body">
<div class="input-area">
<label>Portata</label>
<div class="rect">
{{portata}}
</div>
</div>
<slider class="rid" :min="0" :max="10" v-model="mockP" :left="'0'" :middle="'5'" :right="'10'"></slider>
<div class="datiP rid">
<div class="ritardo rid">
<label class="Ritardo">Durata</label>
</div>
<div class="rect rid">
<label class="mock">{{mockD}}s</label>
<slider :min="0" :max="10" v-model="portata"></slider>
<div class="input-area">
<label class="Ritardo">Durata</label>
<div class="rect">
{{durata}} s
</div>
</div>
<slider class="rid" :min="0" :max="2" v-model="mockD" :left="'0s'" :middle="'1s'" :right="'2s'"></slider>
<slider :min="0" :max="10" v-model="durata"></slider>
</div>
</div>
</template>
@@ -1,36 +0,0 @@
<template>
<div class="divAria">
<div class="divSX">
<div class="datiP">
<div class="ritardo">
<img class="clessidra" src="assets/icons/png/clessidra.png"><label class="Ritardo">Ritardo</label>
</div>
<div class="rect">
<label class="mock">{{mockR}}s</label>
</div>
</div>
<slider :min="0" :max="10" v-model="mockR" :left="'0s'" :middle="'5s'" :right="'10s'"></slider>
</div>
<div class="sep"></div>
<div class="Dx1">
<scheda class="s1"></scheda>
<scheda class="s2"></scheda>
<scheda class="s3"></scheda>
</div>
<div class="Dx2">
<div class="dato">
<div class="datiA">
<div class="ritardo">
<label class="Ritardo">Durata massima</label>
</div>
<div class="rect">
<label class="mock">{{mockD}}s</label>
</div>
</div>
<slider :min="0" :max="4" v-model="mockD" :left="'0s'" :middle="'2s'" :right="'4s'"></slider>
</div>
</div>
</div>
</template>
<script lang="ts" src="./aria-controstampo.ts"></script>
@@ -1,43 +0,0 @@
<template>
<div class="DivP">
<div class="divPiro">
<div class="Abilitazione">
<label class="abi">Abilitazione</label>
<div class="switch">
<div class="switch-on" v-if="abi=='ON'">
<label class="ON">{{abi}}</label> <button class="btn-switch-on" @click="retAbi()"></button>
</div>
<div class="switch-off" v-if="abi=='OFF'">
<button class="btn-switch-off" @click="retAbi()"></button><label class="OFF">{{abi}}</label>
</div>
</div>
</div>
<div class="div">
<label class="lab">Partenza</label>
<select class="RMat">
<option class="opzione" value="Label partenza">Label partenza</option>
</select>
</div>
<div class="datiP">
<div class="ritardo">
<img class="clessidra" src="assets/icons/png/clessidra.png"><label class="Ritardo">Ritardo</label>
</div>
<div class="rect">
<label class="mock">{{mockR}}s</label>
</div>
</div>
<slider :min="0" :max="10" v-model="mockR" :left="'0s'" :middle="'5s'" :right="'10s'"></slider>
<div class="datiP">
<div class="ritardo">
<label class="Ritardo">Durata</label>
</div>
<div class="rect">
<label class="mock">{{mockD}}s</label>
</div>
</div>
<slider class="Vslider" :min="0" :max="20" v-model="mockD" :left="'0s'" :middle="'10s'" :right="'20s'"></slider>
</div>
</div>
</template>
<script lang="ts" src="./ciclo-controstampo.ts"></script>
@@ -1,36 +0,0 @@
<template>
<div class="temp">
<modal type="controstamposetup-info">
<div class="schede" slot="header-buttons">
<div class="selectorbtn">
<div class="selector CC" v-if="activeCC"></div>
<button class="CicloC scheda" :class="{'active':activeCC}" @click="ActiveCC()"><label class="lab">Ciclo controstampo</label></button>
</div>
<div class="selectorbtn">
<div class="selector AC" v-if="activeAC"></div>
<button class="AriaC scheda" :class="{'active':activeAC}" @click="ActiveAC()"><label class="lab">Aria controstampo</label></button>
</div>
<div class="selectorbtn">
<div class="selector VC" v-if="activeVC"></div>
<button class="VuotoC scheda" :class="{'active':activeVC}" @click="ActiveVC()"><label class="lab">Vuoto controstampo</label></button>
</div>
<div class="selectorbtn">
<div class="selector EC" v-if="activeEC"></div>
<button class="EstrC scheda" :class="{'active':activeEC}" @click="ActiveEC()"><label class="lab">Estrazione controstampo</label></button>
</div>
</div>
<div class="divheader HCC" slot="header-buttons">
<button class="mclose" @click="close()"><i class="fa fa-remove"></i></button>
</div>
<ciclocontrostampo v-if="activeCC"></ciclocontrostampo>
<ariacontrostampo v-if="activeAC"></ariacontrostampo>
<footer class="divFooter">
<button class="annulla confirm" @click="annulla()"><label class="Annulla" >Annulla</label></button>
<button class="conferma confirm" @click="conferma()"><label class="Conferma">Conferma</label></button>
</footer>
</modal>
<stepfooter class="Step"></stepfooter>
</div>
</template>
<script lang="ts" src="./show-controstampo-info.ts"></script>
@@ -1,27 +0,0 @@
<template>
<div class="divEstr">
<div class="divSx">
<div class="datiP">
<div class="ritardo">
<img class="clessidra" src="assets/icons/png/clessidra.png"><label class="Ritardo">Ritardo</label>
</div>
<div class="rect">
<label class="mock">{{mockR}}s</label>
</div>
</div>
<slider :min="0" :max="10" v-model="mockR" :left="'0s'" :middle="'5s'" :right="'10s'"></slider>
<div class="datiP scosdiv">
<label class="lab">Tipo</label>
<select class="selTipi">
<option class="opzione" value="Normale">Normale</option>
<option class="opzione" value="Senza cornice">Senza cornice</option>
<option class="opzione" value="Assistita">Assistita</option>
</select>
</div>
<scheda class="schedaE"></scheda>
</div>
<div class="sep"></div>
</div>
</template>
<script lang="ts" src="./estrazione-principale.ts"></script>
@@ -1,39 +0,0 @@
<template>
<section>
<div class="speficic">
<modal type="estrazione-info">
<div class="schede" slot="header-buttons">
<div class="selectorbtn">
<div class="selector EP" v-if="activeEP"></div>
<button class :class="{'active': show =='activeEP'}" @click="ActiveEP()"></button>
<label>Estrazione principale</label>
</div>
<div class="selectorbtn">
<div class="selector ES" v-if="activeES"></div>
<!--da chiedere-->
<button :class="{'active': show=='activeES'}" @click="ActiveES()"></button>
<label>Estrazione secondaria</label>
</div>
</div>
<div class="divheader HE" slot="header-buttons">
<button class="modal-close" @click="close()">
<!--da chiedere-->
<i class="fa fa-remove"></i>
</button>
</div>
<estrprincipale v-if="activeEP"></estrprincipale>
<footer class="divFooter">
<button class="annulla confirm" @click="annulla()">
<label class="Annulla">Annulla</label>
</button>
<button class="conferma confirm" @click="conferma()">
<label class="Conferma">Conferma</label>
</button>
</footer>
</modal>
<stepfooter class="Step"></stepfooter>
</div>
</section>
</template>
<script lang="ts" src="./show-estrazione-info.ts"></script>
@@ -1,35 +0,0 @@
<template>
<div class="DivP">
<div class="divPiro">
<div class="Abilitazione">
<label class="abi">Abilitazione</label>
<div class="switch">
<div class="switch-on" v-if="abi=='ON'">
<label class="ON">{{abi}}</label> <button class="btn-switch-on" @click="retAbi()"></button>
</div>
<div class="switch-off" v-if="abi=='OFF'">
<button class="btn-switch-off" @click="retAbi()"></button><label class="OFF">{{abi}}</label>
</div>
</div>
</div>
<div class="datiP">
<div class="ritardo">
<img class="clessidra" src="assets/icons/png/clessidra.png"><label class="Ritardo">Ritardo</label>
</div>
<div class="rect">
<label class="mock">{{mockR}}s</label>
</div>
</div>
<slider :min="0" :max="10" v-model="mockR" :left="'0s'" :middle="'5s'" :right="'10s'"></slider>
<div class="datiP">
<label class="Set-point">Set point</label>
<div class="rect">
<label class="mock">{{mockT}}°C</label>
</div>
</div>
<slider :min="100" :max="300" v-model="mockT" :left="'100°C'" :middle="'200°C'" :right="'300°C'"></slider>
</div>
</div>
</template>
<script lang="ts" src="./pirometro.ts"></script>
@@ -1,31 +0,0 @@
<template>
<div class="temp">
<modal type="pirometro-info">
<div class="schede" slot="header-buttons">
<div class="selectorbtn">
<div class="selector P" v-if="activeP"></div>
<button class="Piro scheda" :class="{'active':activeP}" @click="ActiveP()"><label class="lab">Pirometro</label></button>
</div>
<div class="selectorbtn">
<div class="selector TRS" v-if="activeRS"></div>
<button class="TRiscSup scheda" :class="{'active':activeRS}" @click="ActiveRS()"><label class="lab">Termoregolazione riscaldo superiore</label></button>
</div>
<div class="selectorbtn">
<div class="selector TRI" v-if="activeRI"></div>
<button class="TRiscInf scheda" :class="{'active':activeRI}" @click="ActiveRI()"><label class="lab">Termoregolazione riscaldo inferiore</label></button>
</div>
</div>
<div class="divheader HP" slot="header-buttons">
<button class="mclose" @click="close()"><i class="fa fa-remove"></i></button>
</div>
<pirometro v-if="activeP"></pirometro>
<footer class="divFooter">
<button class="annulla confirm" @click="annulla()"><label class="Annulla" >Annulla</label></button>
<button class="conferma confirm" @click="conferma()"><label class="Conferma">Conferma</label></button>
</footer>
</modal>
<stepfooter class="Step"></stepfooter>
</div>
</template>
<script lang="ts" src="./show-pirometro-info.ts"></script>
@@ -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();
}
}
@@ -0,0 +1,31 @@
<template>
<div class="setup">
<modal type="arretramento-riscaldi-info" :title="'arretramentoriscaldiinfo_lbl_title' | localize('Arretramento riscaldi')">
<div slot="header-buttons">
<button class="modal-close" @click="close()">
<i class="fa fa-remove"></i>
</button>
</div>
<section>
<div class="specific">
<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"></slider>
</div>
</section>
<footer>
<button class="btn" @click="annulla()">
Annulla
</button>
<button class="btn btn-success" @click="conferma()">
Conferma
</button>
</footer>
</modal>
</div>
</template>
<script lang="ts" src="./show-arretramento-riscladi-info.ts"></script>
@@ -0,0 +1,16 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { messageService } from "@/_base/messageService";
import { Modal, ModalHelper } from "@/components/modals";
@Component({
components: {
modal: Modal
}
})
export default class Processo extends Vue{
public sendMessage(name: string) {
messageService.publishToChannel(name);
}
}
@@ -0,0 +1,9 @@
<template>
<div class="container">
<modal type="processo-info" :title="'processo_lbl_title' | localize('Processo')">
</modal>
</div>
</template>
<script lang="ts" src="./processo.ts"></script>
@@ -0,0 +1,8 @@
import Processo from "./components/processo.vue"
export const routes = [
{
name: 'production', path: "/production",
meta: { title: "Production", area: "production" },
component: Processo
}];
@@ -0,0 +1,30 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import { messageService } from "@/_base/messageService";
import { Modal, ModalHelper } from "@/components/modals";
import ToggleButton from "@/components/toggleButton.vue";
@Component({
components: {
modal: Modal,
ToggleButton
}
})
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";
public sendMessage(name: string) {
messageService.publishToChannel(name);
}
}
@@ -0,0 +1,68 @@
<template>
<div class="setup">
<modal type="progr-preriscaldo-info" :title="'progr-preriscaldo_lbl_title' | localize('Programmazione preriscaldo')">
<section>
<aside class="scrollable auto">
<div class="input-area">
<label>Abilitazione</label>
<toggle-button v-model="enabling"></toggle-button>
</div>
<hr>
<div class="input-area">
<label>Riscaldi</label>
<toggle-button v-model="risc"></toggle-button>
</div>
<div class="input-area">
<label>Termoregolatore</label>
<toggle-button v-model="termo"></toggle-button>
</div>
<div class="input-area">
<label>Blocca schermo</label>
<toggle-button v-model="block"></toggle-button>
</div>
<button>Mostra countdown</button>
</aside>
<hr>
<div class="specific">
<label>{{active}} alle ore {{hours}}:00 {{meridian}}</label>
<div>
<button :class="{'active':active=='Lunedì'}" @click="active='Lunedì'">Lunedì</button>
<button :class="{'active':active=='Martedì'}" @click="active='Martedì'">Martedì</button>
<button :class="{'active':active=='Mercoledì'}" @click="active='Mercoledì'">Mercoledì</button>
<button :class="{'active':active=='Giovedì'}" @click="active='Giovedì'">Giovedì</button>
<button :class="{'active':active=='Venerdì'}" @click="active='Venerdì'">Venerdì</button>
<button :class="{'active':active=='Sabato'}" @click="active='Sabato'">Sabato</button>
<button :class="{'active':active=='Domenica'}" @click="active='Domenica'">Domenica</button>
</div>
<div>
<div>
<label>{{hours}}:00</label>
<label>{{meridian}}</label>
</div>
<div class="clock">
<button class="btn1" :class="{'selected':hours=='1'}" @click="hours='1'">1</button>
<button class="btn2" :class="{'selected':hours=='2'}" @click="hours='2'">2</button>
<button class="btn3" :class="{'selected':hours=='3'}" @click="hours='3'">3</button>
<button class="btn4" :class="{'selected':hours=='4'}" @click="hours='4'">4</button>
<button class="btn5" :class="{'selected':hours=='5'}" @click="hours='5'">5</button>
<button class="btn6" :class="{'selected':hours=='6'}" @click="hours='6'">6</button>
<button class="btn7" :class="{'selected':hours=='7'}" @click="hours='7'">7</button>
<button class="btn8" :class="{'selected':hours=='8'}" @click="hours='8'">8</button>
<button class="btn9" :class="{'selected':hours=='9'}" @click="hours='9'">9</button>
<button class="btn10" :class="{'selected':hours=='10'}" @click="hours='10'">10</button>
<button class="btn11" :class="{'selected':hours=='11'}" @click="hours='11'">11</button>
<button class="btn12" :class="{'selected':hours=='12'}" @click="hours='12'">12</button>
<span></span>
</div>
<div>
<button @click="meridian='AM'">AM</button>
<button @click="meridian='PM'">PM</button>
</div>
</div>
</div>
</section>
</modal>
</div>
</template>
<script lang="ts" src="./programmazione-preriscaldo.ts"></script>
@@ -0,0 +1,8 @@
import ProgrammazionePreriscaldo from "./components/programmazione-preriscaldo.vue"
export const routes = [
{
name: 'progrprerisc', path: "/progrprerisc",
meta: { title: "Progrprerisc", area: "progrprerisc" },
component: ProgrammazionePreriscaldo
}];
@@ -1,34 +0,0 @@
<template>
<section>
<div class ="specific">
<div>
<label>Abilitazione</label>
<select>
<option value="Combinazioni">Combinazioni</option>
</select>
</div>
<div class="datiP">
<div class="ritardo">
<img="clessidra" src="assets/icons/png/clessidra.png">
<label>Ritardo</label>
</div>
<div class ="rect">
<span class ="rect">{{mockR}}s</span>
</div>
</div>
<slider :min="0" :max="10" v-model="mockR" :left="'0s'" :middle="'5s'" :right="'10s'"></slider>
<div class="datiP">
<div class="ritardo">
<label>="Ritardo">Durata</label>
</div>
<div class ="rect">
<span class ="rect">{{mockD}}s</span>
</div>
</div>
<slider :min="0" :max="20" v-model="mockD" :left="'0s'" :middle="'10s'" :right="'20s'"></slider>
</div>
</section>
</template>
<script lang="ts" src="./ventilatori.ts"></script>
@@ -1,37 +0,0 @@
<template>
<section>
<div class="specific">
<modal type="raffreddamento-info">
<div class="schede" slot="header-buttons">
<div slot="selector button">
<div slot="selector V" v-if="show==activeV"></div>
<button :class="{'active': show == 'activeV'}" @click="show='ActiveV'">Ventilatori</button>
</div>
<div header="selector button">
<selettore v-if="show== 'selettore'"></selettore>
<button :class="{'active': show=='activeP'}" @click="ActiveP()"></button>
<label>Pirometro</label>
</div>
<div slot="selector button">
<selettoreN v-if="show==selettoreN"></selettoreN>
<button :class="{'active': show=='activeN'}" @click="ActiveN()"></button>
<label>Nebulizzatori</label>
</div>
</div>
<div slot="header-buttons">
<button class="modal-close" @click="close()">
<i class="fa fa-remove"></i>
</button>
</div>
<ventilatori v-if="show==activeV"></ventilatori>
<footer>
<button class="btn" @click="annulla()">Annulla</button>
<button class="btn btn-success" @click="conferma()">Conferma</button>
</footer>
</modal>
<stepfooter class="Step"></stepfooter>
</div>
</section>
</template>
<script lang="ts" src="./show-raffreddamento-info.ts"></script>
@@ -1,18 +1,12 @@
<template>
<div>
<img class="disCaricatore" src="assets/icons/svg/disegno-caricatore.svg">
<div class="dxalto">
<label class="dati">{{dxalto}} mm</label>
</div>
<div class="dxbasso">
<label class="dati">{{dxbasso}} mm</label>
</div>
<div class="basso">
<label class="dati">{{minoreuguale}} {{basso}} mm</label>
</div>
<div class="volante">
<label class="dati">{{volante}} mm</label>
</div>
<div class="svg-area">
<img class="disegnoCaricatore" src="assets/icons/svg/disegno-caricatore.svg">
<div class="input-circles">
<label class="circle1">{{dxalto}} mm</label>
<label class="circle2">{{dxbasso}} mm</label>
<label class="circle3">{{minoreuguale}} {{basso}} mm</label>
<label class="circle4">{{volante}} mm</label>
</div>
</div>
</template>
@@ -1,6 +1,6 @@
<template>
<section>
<aside>
<aside class="scrollable">
<div class="input-area">
<label>Abilitazione</label>
<toggle-button></toggle-button>
@@ -32,14 +32,14 @@
</div>
<slider :min="0" :max="300" v-model="altbanc" unit-of-measure="mm"></slider>
</aside>
<div class="divDx">
<svgcaricatore class="disCaricatore"></svgcaricatore>
<div class="DivBtn">
<button class="info btnscos">
<hr>
<div class="specific">
<svgcaricatore></svgcaricatore>
<div class="caricatore-buttons">
<button>
<img src="assets/icons/png/info.png" />
</button>
<button class="play btnscos">
<button>
<img src="assets/icons/png/play.png" />
</button>
</div>
@@ -1,10 +1,10 @@
<template>
<section>
<aside>
<aside class="scrollable auto">
<div class="input-area">
<label>Tipo</label>
<select class="RMat">
<option class="opzione" value="Termorivestito">Termorivestito</option>
<select>
<option value="Termorivestito">Termorivestito</option>
</select>
</div>
<div class="input-area">
@@ -20,11 +20,11 @@
<toggle-button v-model="vent"></toggle-button>
</div>
</aside>
<div class="presenter">
<hr>
<div class="specific">
<acrilico></acrilico>
<cristallizzazione></cristallizzazione>
<riscaldo></riscaldo>
<cristallizzazione></cristallizzazione>
</div>
</section>
</template>
@@ -2,11 +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";
@Component({ components: { slider: Slider } })
@Component({ components: { slider: Slider, ToggleButton } })
export default class MascheraAcrilico extends Vue {
enabling:boolean=true;
@Prop({ default: 0 })
durata: number;
@@ -1,9 +1,13 @@
<template>
<div class="box">
<div class="header">
<label>{{'corniceacrilico' | localize('Cornice per acrilico')}}</label>
<label>Cornice per acrilico</label>
</div>
<div class="body">
<div class="input-area">
<label>Abilitazione</label>
<toggle-button v-model="enabling"></toggle-button>
</div>
<div class="input-area">
<label>Durata</label>
<div class="rect">{{durata}} s</div>
@@ -2,11 +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";
@Component({ components: { slider: Slider } })
@Component({ components: { slider: Slider, ToggleButton } })
export default class MascheraCristallizzazione extends Vue {
enabling:boolean=true;
@Prop({ default: 0 })
durata: number;
@@ -1,9 +1,13 @@
<template>
<div class="box">
<div class="header">
<label>{{'cristallizzazione' | localize('Cristallizzazione (secondo riscaldo)')}}</label>
<label>Cristallizzazione (secondo riscaldo)</label>
</div>
<div class="body">
<div class="input-area">
<label>Abilitazione</label>
<toggle-button v-model="enabling"></toggle-button>
</div>
<div class="input-area">
<label>Durata</label>
<div class="rect">{{durata}} s</div>
@@ -1,7 +1,7 @@
<template>
<div class="box">
<div class="header">
<label>{{'riscsupsuppl' | localize('Riscaldo superiore supplementare')}}</label>
<label>Riscaldo superiore supplementare</label>
</div>
<div class="body">
<div class="input-area">
@@ -11,7 +11,7 @@ import Caricatore from "./base-components/caricatore.vue";
@Component({ components: { modal: Modal, slider: Slider, stepfooter: StepFooter, caricatore: Caricatore, cicloformatura: CicloFormatura } })
export default class ShowCicloInfo extends Vue {
show: string = "formatura";
show: string = "caricatore";
annulla() {
ModalHelper.HideModal();
@@ -17,7 +17,7 @@
<button class="btn btn-success" @click="conferma()">Conferma</button>
</footer>
</modal>
<stepfooter class="Step"></stepfooter>
<stepfooter></stepfooter>
</div>
</template>
@@ -38,7 +38,7 @@
></setup-button>
<setup-button
@click="sendMessage('show-imbutitura')"
@click="sendMessage('show-imbutitura-info')"
:phase="6"
title="Imbutitura"
statusImage="fa fa-minus-circle"
@@ -59,7 +59,7 @@
></setup-button>
<setup-button
@click="sendMessage('show-vuoto')"
@click="sendMessage('show-vuoto-info')"
:phase="9"
title="Vuoto"
statusImage="fa fa-minus-circle"
@@ -73,7 +73,7 @@
></setup-button>
<setup-button
@click="sendMessage('show-lavorazione')"
@click="sendMessage('show-opzioni-info')"
:phase="11"
title="Opzioni di lavorazione"
statusImage="fa fa-minus-circle"
@@ -132,7 +132,7 @@
</div>
<div class="row-test">
<button @click="sendMessage('show-lavorazione')" class="box-footer">
<button @click="sendMessage('show-opzioni-info')" class="box-footer">
<div class="arrow-phase-footer">
<div class="fase-vertical-align-footer">
<span class="Numero-fase">11</span>
@@ -0,0 +1,27 @@
<template>
<section>
<aside class="scrollable auto">
<div class="input-area">
<img src="assets/icons/png/clessidra.png">
<label>Ritardo</label>
<div class="rect">{{mockR}}s</div>
</div>
<slider :min="0" :max="10" v-model="mockR" :unit-of-measure="s"></slider>
</aside>
<hr>
<div class="specific">
<scheda></scheda>
<scheda></scheda>
<scheda></scheda>
</div>
<div class="specific">
<div class="input-area">
<label>Durata massima</label>
<div class="rect">{{mockD}}s</div>
</div>
<slider :min="0" :max="4" v-model="mockD" :unit-of-measure="s"></slider>
</div>
</section>
</template>
<script lang="ts" src="./aria-controstampo.ts"></script>
@@ -2,8 +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:"ciclocontrostampo", components: { slider:Slider}})
@Component({
name:"ciclocontrostampo",
components: {
slider:Slider,
ToggleButton
}
})
export default class CicloControstampo extends Vue {
@Prop({default:0})
@@ -11,13 +18,9 @@ export default class CicloControstampo extends Vue {
@Prop({default:0})
ritardo:number;
abi:string="ON";
abilit:boolean=false;
mockD:number=this.durata;
mockR:number=this.ritardo;
retAbi(){
if(this.abi=="OFF") this.abi="ON"
else this.abi="OFF";
};
}
@@ -0,0 +1,33 @@
<template>
<section>
<div class="specific controstampo-cycle">
<div class="input-area">
<label>Abilitazione</label>
<toggle-button v-model="abilit"></toggle-button>
</div>
<div class="input-area">
<label>Partenza</label>
<select>
<option value="Label partenza">Label partenza</option>
</select>
</div>
<div class="input-area">
<img src="assets/icons/png/clessidra.png">
<label>Ritardo</label>
<div class="rect">
{{mockR}}s
</div>
</div>
<slider :min="0" :max="10" v-model="mockR" unit-of-measure="s"></slider>
<div class="input-area">
<label>Durata</label>
<div class="rect">
{{mockD}}s
</div>
</div>
<slider :min="0" :max="20" v-model="mockD" unit-of-measure="s"></slider>
</div>
</section>
</template>
<script lang="ts" src="./ciclo-controstampo.ts"></script>
@@ -10,38 +10,7 @@ import AriaControstampo from "./base-components/aria-controstampo.vue";
@Component({components: { modal: Modal,stepfooter:StepFooter,ciclocontrostampo:CicloControstampo,ariacontrostampo:AriaControstampo}})
export default class ShowControstampoInfo extends Vue {
activeCC:boolean=false;
activeAC:boolean=true;
activeVC:boolean=false;
activeEC:boolean=false;
ActiveCC(){
this.activeCC=true;
this.activeAC=false;
this.activeVC=false;
this.activeEC=false;
};
ActiveAC(){
this.activeCC=false;
this.activeAC=true;
this.activeVC=false;
this.activeEC=false;
};
ActiveVC(){
this.activeCC=false;
this.activeAC=false;
this.activeVC=true;
this.activeEC=false;
};
ActiveEC(){
this.activeCC=false;
this.activeAC=false;
this.activeVC=false;
this.activeEC=true;
};
show: string = "CC";
annulla(){
ModalHelper.HideModal();
@@ -0,0 +1,26 @@
<template>
<div class="setup">
<modal type="controstamposetup-info">
<div class="tab-header" slot="header-buttons">
<button :class="{'active':show == 'CC'}" @click="show='CC'">Ciclo controstampo</button>
<button :class="{'active':show == 'AC'}" @click="show='AC'">Aria controstampo</button>
<button :class="{'active':show == 'VC'}" @click="show='VC'">Vuoto controstampo</button>
<button :class="{'active':show == 'EC'}" @click="show='EC'">Estrazione controstampo</button>
</div>
<div slot="header-buttons">
<button class="modal-close" @click="close()">
<i class="fa fa-remove"></i>
</button>
</div>
<ciclocontrostampo v-if="show=='CC'"></ciclocontrostampo>
<ariacontrostampo v-if="show=='AC'"></ariacontrostampo>
<footer>
<button class="btn" @click="annulla()">Annulla</button>
<button class="btn btn-success" @click="conferma()">Conferma</button>
</footer>
</modal>
<stepfooter></stepfooter>
</div>
</template>
<script lang="ts" src="./show-controstampo-info.ts"></script>
@@ -4,7 +4,11 @@ import {Prop} from 'vue-property-decorator';
import Scheda from "@/app_modules_thermo/components/scheda.vue";
import Slider from "@/app_modules_thermo/components/slider.vue"
@Component({name:"estrprincipale", components:{scheda:Scheda,slider:Slider}})
@Component({name:"estrprincipale",
components:{
scheda:Scheda,
slider:Slider}})
export default class EstrazionePrincipale extends Vue{
@Prop({default:0})
@@ -0,0 +1,29 @@
<template>
<section>
<aside class ="scrollable auto">
<div class="input-area">
<img src="assets/icons/png/clessidra.png">
<label>Ritardo</label>
<div class="rect">
{{mockR}}s
</div>
</div>
<slider :min="0" :max="10" v-model="mockR" unit-of-measure="s"></slider>
<div class="input-area">
<label>Tipo</label>
<select>
<option value="Normale">Normale</option>
<option value="Senza cornice">Senza cornice</option>
<option value="Assistita">Assistita</option>
</select>
</div>
</aside>
<hr>
<div class="specific">
<scheda></scheda>
</div>
</section>
</template>
<script lang="ts" src="./estrazione-principale.ts"></script>
@@ -6,21 +6,15 @@ import { Modal, ModalHelper } from "@/components/modals";
import StepFooter from "@/app_modules_thermo/setup/components/step-footer.vue";
import EstrazionePrincipale from "./base-components/estrazione-principale.vue";
@Component({components: { modal: Modal,stepfooter:StepFooter,estrprincipale:EstrazionePrincipale}})
@Component({components:
{ modal: Modal,
stepfooter:StepFooter,
estrprincipale:EstrazionePrincipale
}
})
export default class ShowEstrazioneInfo extends Vue{
activeEP:boolean=true;
activeES:boolean=false;
ActiveEP(){
this.activeEP=true;
this.activeES=false;
};
ActiveES(){
this.activeEP=false;
this.activeES=true;
};
show:string="principale";
annulla(){
ModalHelper.HideModal();
@@ -0,0 +1,23 @@
<template>
<div class="setup">
<modal type="estrazione-info">
<div class="tab-header" slot="header-buttons">
<button :class="{'active':show == 'principale'}" @click="show='principale'">Estrazione principale</button>
<button :class="{'active':show == 'secondaria'}" @click="show='secondaria'">Estrazione secondaria</button>
</div>
<div slot="header-buttons">
<button class="modal-close" @click="close()">
<i class="fa fa-remove"></i>
</button>
</div>
<estrprincipale v-if="show=='principale'"></estrprincipale>
<footer>
<button class="btn" @click="annulla()">Annulla</button>
<button class="btn btn-success" @click="conferma()">Conferma</button>
</footer>
</modal>
<stepfooter></stepfooter>
</div>
</template>
<script lang="ts" src="./show-estrazione-info.ts"></script>
@@ -1,5 +1,5 @@
<template>
<div class="box box-cornice">
<div class="box">
<div class="header">
<label>Cornice</label>
</div>
@@ -7,7 +7,7 @@
<div class="input-area">
<label>Traversini</label>
<select>
<option class="opzione" value="Label tipo">Label tipo</option>
<option value="Label tipo">Label tipo</option>
</select>
</div>
<hr />
@@ -7,7 +7,7 @@
<div class="input-area">
<label>Materiale</label>
<select>
<option class="opzione" value="Policarbonato">Policarbonato</option>
<option value="Policarbonato">Policarbonato</option>
</select>
</div>
<hr />
@@ -1,13 +1,13 @@
<template>
<div class="box">
<div class="header">
<label>Piastra di riduzione</label>
<label>Piastra di riduzione</label>
</div>
<div class="body">
<div class="input-area">
<label>Tipo</label>
<select>
<option class="opzione" value="Label tipo">Label tipo</option>
<option value="Label tipo">Label tipo</option>
</select>
</div>
<hr />
@@ -13,7 +13,7 @@
<piastra></piastra>
<cornice></cornice>
<controstampo></controstampo>
<div class="radio-buttons">
<div class="radio-buttons">
<label>Zona di lavoro</label>
<label for="sx">Sx</label><br>
<input type="radio" id="sx" name="zona" value="Sx">
@@ -0,0 +1,58 @@
import Vue from "vue";
import { Modal, ModalHelper } from "@/components/modals";
import { Factory, messageService, awaiter } from "@/_base";
import Component from "vue-class-component";
import StepFooter from "@/app_modules_thermo/setup/components/step-footer.vue"
import { Prop } from "vue-property-decorator";
import Slider from "@/app_modules_thermo/components/slider.vue";
import Scheda from "@/app_modules_thermo/components/scheda.vue";
@Component({
components: {
modal: Modal,
slider: Slider,
stepfooter:StepFooter,
scheda:Scheda
}
})
export default class ShowImbutituraInfo extends Vue {
@Prop({default:0})
ritardo:number;
@Prop({default:0})
altBolla:number;
@Prop({default:0})
portMantenimento:number;
@Prop({default:0})
portManuale:number;
@Prop({default:0})
portata:number;
@Prop({default:0})
durata: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();
}
}
@@ -0,0 +1,67 @@
<template>
<div class="setup">
<modal type="imbutitura-info" :title="'drawinginfo_lbl_title' | localize('Imbutitura')">
<div slot="header-buttons">
<button class="modal-close" @click="close()">
<i class="fa fa-remove"></i>
</button>
</div>
<section>
<aside class="scrollable auto">
<div class="input-area">
<img src="assets/icons/png/clessidra.png">
<label>Ritardo</label>
<div class="rect">{{ritardo}} mm</div>
</div>
<slider :min="0" :max="10" v-model="ritardo"></slider>
<hr />
<div class="input-area">
<label>Tipo</label>
<select>
<option value="A tempo">A tempo</option>
<option value="Mantenuta">Mantenuta</option>
<option value="Negativa">Negativa</option>
</select>
</div>
<div class="input-area">
<label>Fotocellula</label>
<select>
<option value="Label opzioni">Label opzioni</option>
</select>
</div>
<div class="input-area">
<label>Altezza bolla</label>
<div class="rect">{{altBolla}} mm</div>
</div>
<slider :min="0" :max="500" v-model="altBolla"></slider>
<div class="input-area">
<label>Portata mantenimento</label>
<div class="rect">{{portMantenimento}} %</div>
</div>
<slider :min="0" :max="100" v-model="portMantenimento"></slider>
<div class="input-area">
<label>Portata manuale</label>
<div class="rect">{{portManuale}} %</div>
</div>
<slider :min="0" :max="100" v-model="portManuale"></slider>
</aside>
<hr>
<div class="specific">
<scheda></scheda>
</div>
</section>
<footer>
<button class="btn" @click="annulla()">
<label>Annulla</label>
</button>
<button class="btn btn-success" @click="conferma()">
<label>Conferma</label>
</button>
</footer>
</modal>
<stepfooter />
</div>
</template>
<script lang="ts" src="./show-imbutitura-info.ts"></script>
@@ -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";
@Component({name:"input-sottosquadra", components:{slider:Slider}})
export default class inputSottosquadra extends Vue{
@Prop({default:0})
quota:number;
@Prop({default:0})
ritardoAtt:number;
@Prop({default:0})
ritardoDisatt:number;
mockQuota:number=this.quota;
mockRitAtt:number=this.ritardoAtt;
mockRitDis:number=this.ritardoDisatt;
}
@@ -0,0 +1,33 @@
<template>
<div>
<div class="input-area">
<label>Modalità</label>
<select>
<option value="Label modalita">Label modalità</option>
</select>
</div>
<div class="input-area">
<img src="assets/icons/png/quota.png">
<label>Quota</label>
<div class="rect">
{{mockQuota}} mm
</div>
</div>
<slider :min="0" :max="800" v-model="mockQuota" unit-of-measure="mm"></slider>
<div class="input-area">
<label>Ritardo attivazione</label>
<div class="rect">
{{mockRitAtt}} s
</div>
</div>
<slider :min="0" :max="10" v-model="mockRitAtt" unit-of-measure="s"></slider>
<div class="input-area">
<label>Ritardo disattivazione</label>
<div class="rect">
{{mockRitDis}} s
</div>
</div>
<slider :min="0" :max="10" v-model="mockRitDis" unit-of-measure="s"></slider>
</div>
</template>
<script src="./inputSottosquadra.ts" />
@@ -0,0 +1,16 @@
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{
@Prop({default:0})
setpoint:number;
abilit:boolean=false;
mockSet:number=this.setpoint;
}
@@ -0,0 +1,16 @@
<template>
<div>
<div class="input-area">
<label>Abilitazione</label>
<toggle-button v-model="abilit"></toggle-button>
</div>
<div class="input-area">
<label>Setpoint</label>
<div class="rect">
{{mockSet}}°C
</div>
</div>
<slider :min="0" :max="400" v-model="mockSet" unit-of-measure="°C"></slider>
</div>
</template>
<script src="./inputTermo.ts" />
@@ -0,0 +1,21 @@
import Vue from "vue";
import Component from "vue-class-component";
import { Prop } from "vue-property-decorator";
@Component({})
export default class setupSottosquadra extends Vue {
@Prop()
numSottoSq: string;
@Prop()
status: string;
@Prop()
modalita: number;
@Prop()
quota: number;
@Prop()
ritardoAtt: number;
@Prop()
ritardoDisatt: number;
}
@@ -0,0 +1,11 @@
<template>
<div class="section">
<label>{{numSottoSq}}</label>
<label>{{status}}</label>
<label>{{modalita}}</label>
<label>{{quota}} mm</label>
<label>{{ritardoAtt}} s</label>
<label>{{ritardoDisatt}} s</label>
</div>
</template>
<script src="./setupSottosquadra.ts" lang="ts"></script>
@@ -0,0 +1,16 @@
import Vue from "vue";
import Component from "vue-class-component";
import { Prop } from "vue-property-decorator";
@Component({})
export default class setupTermo extends Vue {
@Prop()
numTermo: string;
@Prop()
status: string;
@Prop()
setpoint: number;
}
@@ -0,0 +1,8 @@
<template>
<div class="section">
<label>{{numTermo}}</label>
<label>{{status}}</label>
<label>{{setpoint}} °C</label>
</div>
</template>
<script src="./setupTermo.ts" lang="ts"></script>
@@ -0,0 +1,14 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import InputSottosquadra from "./base-components/inputSottosquadra.vue";
import SetupSottosquadra from "./base-components/setupSottosquadra.vue";
@Component({name:'sottosquadrastampo',
components: {
setupSottosquadra: SetupSottosquadra,
inputSottosquadra: InputSottosquadra
}})
export default class SottosqaudraStampo extends Vue{
showSottosquadra: string = "sottosquadra-1";
}
@@ -0,0 +1,78 @@
<template>
<div class="section">
<div class="specific">
<button :class="{'active':showSottosquadra == 'sottosquadra-1'}" @click="showSottosquadra='sottosquadra-1'">
<setup-sottosquadra
:numSottoSq="1"
status="ON"
modalita="Label modalità"
quota="230"
ritardoAtt="2"
ritardoDisatt="7"
></setup-sottosquadra>
</button>
<button :class="{'active':showSottosquadra == 'sottosquadra-2'}" @click="showSottosquadra='sottosquadra-2'" class="box-color">
<setup-sottosquadra
:numSottoSq="2"
status="ON"
modalita="Label modalità"
quota="230"
ritardoAtt="2"
ritardoDisatt="7"
></setup-sottosquadra>
</button>
<button :class="{'active':showSottosquadra == 'sottosquadra-3'}" @click="showSottosquadra='sottosquadra-3'">
<setup-sottosquadra
:numSottoSq="3"
status="ON"
modalita="Label modalità"
quota="230"
ritardoAtt="2"
ritardoDisatt="7"
></setup-sottosquadra>
</button>
<button :class="{'active':showSottosquadra == 'sottosquadra-4'}" @click="showSottosquadra='sottosquadra-4'" class="box-color">
<setup-sottosquadra
:numSottoSq="4"
status="ON"
modalita="Label modalità"
quota="230"
ritardoAtt="2"
ritardoDisatt="7"
></setup-sottosquadra>
</button>
<button :class="{'active':showSottosquadra == 'sottosquadra-5'}" @click="showSottosquadra='sottosquadra-5'">
<setup-sottosquadra
:numSottoSq="5"
status="ON"
modalita="Label modalità"
quota="230"
ritardoAtt="2"
ritardoDisatt="7"
></setup-sottosquadra>
</button>
</div>
<hr>
<div class="specific">
<div v-if="showSottosquadra=='sottosquadra-1'">
<input-sottosquadra />
</div>
<div v-if="showSottosquadra=='sottosquadra-2'">
<input-sottosquadra />
</div>
<div v-if="showSottosquadra=='sottosquadra-3'">
<input-sottosquadra />
</div>
<div v-if="showSottosquadra=='sottosquadra-4'">
<input-sottosquadra />
</div>
<div v-if="showSottosquadra=='sottosquadra-5'">
<input-sottosquadra />
</div>
</div>
</div>
</template>
<script lang="ts" src="./sottosquadra-stampo.ts"></script>
@@ -0,0 +1,15 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import SetupTermo from "./base-components/setupTermo.vue";
import InputTermo from "./base-components/inputTermo.vue";
@Component({name:'termoregolatori',
components: {
setupTermo: SetupTermo,
inputTermo: InputTermo
}
})
export default class Termoragolatori extends Vue {
showTermo: string = "termo-1";
}
@@ -0,0 +1,113 @@
<template>
<div class="section">
<div class="specific">
<button :class="{'active':showTermo == 'termo-1'}" @click="showTermo='termo-1'">
<setup-termo
:numTermo="1"
status="ON"
setpoint="280"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-2'}" @click="showTermo='termo-2'" class="box-color">
<setup-termo
:numTermo="2"
status="ON"
setpoint="280"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-3'}" @click="showTermo='termo-3'">
<setup-termo
:numTermo="3"
status="ON"
setpoint="280"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-4'}" @click="showTermo='termo-4'" class="box-color">
<setup-termo
:numTermo="4"
status="ON"
setpoint="280"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-5'}" @click="showTermo='termo-5'">
<setup-termo
:numTermo="5"
status="ON"
setpoint="280"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-6'}" @click="showTermo='termo-6'" class="box-color">
<setup-termo
:numTermo="6"
status="ON"
setpoint="280"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-7'}" @click="showTermo='termo-7'">
<setup-termo
:numTermo="7"
status="ON"
setpoint="280"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-8'}" @click="showTermo='termo-8'" class="box-color">
<setup-termo
:numTermo="8"
status="ON"
setpoint="280"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-9'}" @click="showTermo='termo-9'">
<setup-termo
:numTermo="9"
status="ON"
setpoint="280"
></setup-termo>
</button>
<button :class="{'active':showTermo == 'termo-10'}" @click="showTermo='termo-10'" class="box-color">
<setup-termo
:numTermo="10"
status="ON"
setpoint="280"
></setup-termo>
</button>
</div>
<hr>
<div class="specific">
<div v-if="showTermo=='termo-1'">
<input-termo />
</div>
<div v-if="showTermo=='termo-2'">
<input-termo />
</div>
<div v-if="showTermo=='termo-3'">
<input-termo />
</div>
<div v-if="showTermo=='termo-4'">
<input-termo />
</div>
<div v-if="showTermo=='termo-5'">
<input-termo />
</div>
<div v-if="showTermo=='termo-6'">
<input-termo />
</div>
<div v-if="showTermo=='termo-7'">
<input-termo />
</div>
<div v-if="showTermo=='termo-8'">
<input-termo />
</div>
<div v-if="showTermo=='termo-9'">
<input-termo />
</div>
<div v-if="showTermo=='termo-10'">
<input-termo />
</div>
</div>
</div>
</template>
<script lang="ts" src="./termoregolatori.ts"></script>
@@ -0,0 +1,45 @@
import Vue from "vue";
import { Modal, ModalHelper } from "@/components/modals";
import { Factory, messageService, awaiter } from "@/_base";
import Component from "vue-class-component";
import StepFooter from "@/app_modules_thermo/setup/components/step-footer.vue";
import SottosquadraStampo from "./components/sottosquadra-stampo.vue";
import Termoregolatori from "./components/termoregolatori.vue";
@Component({
components: {
modal: Modal,
sottosquadrastampo:SottosquadraStampo,
termoregolatori:Termoregolatori,
stepfooter: StepFooter
}
})
export default class ShowQuoteVelocitaInfo extends Vue {
showOpzioni: string = "TR";
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();
}
}
@@ -0,0 +1,28 @@
<template>
<div class="setup">
<modal type="opzioni-info" :title="'opzioniinfo_lbl_title' | localize('Opzioni di lavorazione')">
<div slot="header-buttons">
<button class="modal-close" @click="close()">
<i class="fa fa-remove"></i>
</button>
</div>
<div class="section">
<aside class="scrollable">
<button :class="{'active':showOpzioni == 'TR'}" @click="showOpzioni='TR'">Termoregolatori</button>
<button :class="{'active':showOpzioni == 'SS'}" @click="showOpzioni='SS'">Sottosquadra stampo</button>
<button :class="{'active':showOpzioni == 'SC'}" @click="showOpzioni='SC'">Sottosquadra controstampo</button>
</aside>
<hr>
<sottosquadrastampo v-if="showOpzioni=='SS'"></sottosquadrastampo>
<termoregolatori v-if="showOpzioni=='TR'"></termoregolatori>
</div>
<footer>
<button class="btn" @click="annulla()">Annulla</button>
<button class="btn btn-success" @click="conferma()">Conferma</button>
</footer>
</modal>
<stepfooter></stepfooter>
</div>
</template>
<script lang="ts" src="./show-opzioni-info.ts"></script>
@@ -0,0 +1,8 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
@Component({name:'svgtermosuperiore'})
export default class SVGTermoregolazioneSuperiore extends Vue{
}
@@ -0,0 +1,29 @@
<template>
<div class="svg-area">
<img class="disegnoTermoSuperiore" src="assets/icons/svg/disegno-termosuperiore.svg">
<div class="input-circles border-termo-superiore">
<div class="circle circle1">
<label>%</label>
</div>
<div class="circle circle2">
<label>%</label>
</div>
<div class="circle circle3">
<label>%</label>
</div>
<div class="circle circle4">
<img src="assets/icons/png/temperatura.png">
<label>°C</label>
</div>
<div class="circle circle5">
<img src="assets/icons/png/temperatura.png">
<label>°C</label>
</div>
<div class="circle6">
270 °C
</div>
</div>
</div>
</template>
<script lang="ts" src="./SVG-termo-superiore.ts"></script>
@@ -2,22 +2,16 @@ 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:"pirometro", components: { slider:Slider}})
@Component({name:"pirometro", components: { slider:Slider, ToggleButton}})
export default class Pirometro extends Vue{
@Prop({default:100})
temp:number;
temperatura:number;
@Prop({default:0})
ritardo:number;
abi:string="ON";
mockT:number=this.temp;
mockR:number=this.ritardo;
retAbi(){
if(this.abi=="OFF") this.abi="ON"
else this.abi="OFF";
};
enabling:boolean=true;
}
@@ -0,0 +1,28 @@
<template>
<section>
<div class="specific">
<div class="input-area">
<label>Abilitazione</label>
<toggle-button v-model="enabling"></toggle-button>
</div>
<div class="input-area">
<div>
<img src="assets/icons/png/clessidra.png"><label>Ritardo</label>
</div>
<div class="rect">
{{ritardo}} s
</div>
</div>
<slider :min="0" :max="10" v-model="ritardo" unit-of-measure="s"></slider>
<div class="input-area">
<label>Set point</label>
<div class="rect">
{{temperatura}} °C
</div>
</div>
<slider :min="100" :max="300" v-model="temperatura" unit-of-measure="°C"></slider>
</div>
</section>
</template>
<script lang="ts" src="./pirometro.ts"></script>
@@ -0,0 +1,23 @@
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'
@Component({name:'termosuperiore', components: { slider:Slider, ToggleButton, svgtermosuperiore:SVGTermoregolazioneSuperiore}})
export default class TermoregolazioneSuperiore extends Vue{
@Prop({default:0})
inizioreg:number;
@Prop({default:0})
finereg:number;
@Prop({default:0})
max:number;
@Prop({default:0})
min:number;
@Prop({default:0})
riposo:number;
enabling:boolean=true;
}
@@ -0,0 +1,60 @@
<template>
<section>
<aside class="scrollable">
<div class="input-area">
<label>Inizio regolazione</label>
<div class="rect">
{{inizioreg}} °C
</div>
</div>
<slider :min="0" :max="400" v-model="inizioreg" unit-of-measure="°C"></slider>
<div class="input-area">
<label>Fine regolazione</label>
<div class="rect">
{{finereg}} °C
</div>
</div>
<slider :min="0" :max="400" v-model="finereg" unit-of-measure="°C"></slider>
<hr />
<div class="input-area">
<label>Massimo</label>
<div class="rect">
{{max}} %
</div>
</div>
<slider :min="0" :max="100" v-model="max" unit-of-measure="%"></slider>
<div class="input-area">
<label>Minimo</label>
<div class="rect">
{{min}} %
</div>
</div>
<slider :min="0" :max="100" v-model="min" unit-of-measure="%"></slider>
<hr />
<div class="input-area">
<label>Abilitazione riposo</label>
<toggle-button v-model="enabling"></toggle-button>
</div>
<div class="input-area">
<label>Percentuale riposo</label>
<div class="rect">
{{riposo}} %
</div>
</div>
<slider :min="0" :max="100" v-model="finereg" unit-of-measure="%"></slider>
</aside>
<hr>
<div class="specific termospecific">
<svgtermosuperiore></svgtermosuperiore>
<button>
<img src="assets/icons/png/double.png" />
</button>
</div>
</section>
</template>
<script lang="ts" src="./termo-superiore.ts"></script>

Some files were not shown because too many files have changed in this diff Show More