Merge branch 'newfeature/programmazione-preriscaldo' into newfeature/processo

This commit is contained in:
Alessio
2020-04-28 09:06:08 +02:00
83 changed files with 2507 additions and 412 deletions
@@ -0,0 +1,240 @@
<?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="1156mm"
height="800mm"
viewBox="0 0 1156 800"
version="1.1"
id="svg8"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
sodipodi:docname="disegno-controstampo-quote-velocita.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.125"
inkscape:cx="1119.1458"
inkscape:cy="2036.4307"
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></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Livello 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,503)">
<path
style="fill:#4d85ff;fill-opacity:0.5018587;stroke:#0000a9;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 850.19123,-221.17487 c 0,0 122.26692,-1.97359 180.30647,0.24275 l -35.60462,147.001143 -111.4927,0.65955 -7.07924,-30.572513 -27.17361,-117.34132 1.04341,0.0577"
id="path54-0"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccc"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
style="fill:none;stroke:#0000d1;stroke-width:4.21029854;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 762.66311,-224.80453 355.98669,-0.0872"
id="path4569-2"
inkscape:connector-curvature="0"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
style="fill:none;stroke:#b3b3b3;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 80.074,-467.77078 h 558"
id="path857"
inkscape:connector-curvature="0" />
<path
style="fill:#4d85ff;fill-opacity:0.5018587;stroke:#0000a9;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 220.17481,-466.8417 c 0,0 122.26692,-1.97359 180.30648,0.24275 l -35.60463,147.00114 -111.4927,0.65955 -7.07924,-30.57251 -27.17361,-117.34132 1.04341,0.0577"
id="path54"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccc"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
style="fill:none;stroke:#0000d1;stroke-width:4.21029854;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 132.64669,-470.47136 355.9867,-0.0872"
id="path4569"
inkscape:connector-curvature="0"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<path
style="fill:none;stroke:#b3b3b3;stroke-width:1.15390325;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 80.074,258.22905 H 638.07402"
id="path857-9"
inkscape:connector-curvature="0" />
<path
style="fill:#b3b3b3;stroke:#b3b3b3;stroke-width:1.99642622;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 586.55369,-466.91951 1.6e-4,723.40752"
id="path892"
inkscape:connector-curvature="0" />
<path
sodipodi:type="star"
style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:#b3b3b3;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path896"
sodipodi:sides="3"
sodipodi:cx="561.26599"
sodipodi:cy="-438.63263"
sodipodi:r1="12.744021"
sodipodi:r2="6.3720102"
sodipodi:arg1="0.8685394"
sodipodi:arg2="1.9157369"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 569.49789,-428.90402 -10.38654,-3.73194 -10.38653,-3.73194 8.42522,-7.12903 8.42522,-7.12904 1.96132,10.86098 z"
inkscape:transform-center-x="0.0055839671"
inkscape:transform-center-y="3.1811632"
transform="matrix(0.94139126,0.3373166,0.3373166,-0.94139126,206.12985,-358.50528)" />
<path
style="fill:#b3b3b3;stroke:#b3b3b3;stroke-width:1.99668467;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 153.82073,258.26847 1.6e-4,-723.59489"
id="path892-5"
inkscape:connector-curvature="0" />
<path
sodipodi:type="star"
style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:#b3b3b3;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path896-3"
sodipodi:sides="3"
sodipodi:cx="561.26599"
sodipodi:cy="-438.63263"
sodipodi:r1="12.744021"
sodipodi:r2="6.3720102"
sodipodi:arg1="0.8685394"
sodipodi:arg2="1.9157369"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 569.49789,-428.90402 -10.38654,-3.73194 -10.38653,-3.73194 8.42522,-7.12903 8.42522,-7.12904 1.96132,10.86098 z"
inkscape:transform-center-x="0.0055849117"
inkscape:transform-center-y="-3.1811677"
transform="rotate(-19.713471,317.39459,726.92906)" />
<path
style="fill:#b3b3b3;stroke:#b3b3b3;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 240.81371,257.736 1.6e-4,-49.5639"
id="path892-3"
inkscape:connector-curvature="0" />
<path
sodipodi:type="star"
style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:#b3b3b3;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path896-9"
sodipodi:sides="3"
sodipodi:cx="561.26599"
sodipodi:cy="-438.63263"
sodipodi:r1="12.744021"
sodipodi:r2="6.3720102"
sodipodi:arg1="0.8685394"
sodipodi:arg2="1.9157369"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 569.49789,-428.90402 -10.38654,-3.73194 -10.38653,-3.73194 8.42522,-7.12903 8.42522,-7.12904 1.96132,10.86098 z"
inkscape:transform-center-x="0.0055882036"
inkscape:transform-center-y="-3.1811704"
transform="rotate(-19.713471,2299.018,813.33867)" />
<path
style="fill:#b3b3b3;stroke:#b3b3b3;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 461.1167,181.58296 1.6e-4,75.04806"
id="path892-7"
inkscape:connector-curvature="0" />
<path
sodipodi:type="star"
style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:#b3b3b3;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path896-1"
sodipodi:sides="3"
sodipodi:cx="561.26599"
sodipodi:cy="-438.63263"
sodipodi:r1="12.744021"
sodipodi:r2="6.3720102"
sodipodi:arg1="0.8685394"
sodipodi:arg2="1.9157369"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 569.49789,-428.90402 -10.38654,-3.73194 -10.38653,-3.73194 8.42522,-7.12903 8.42522,-7.12904 1.96132,10.86098 z"
inkscape:transform-center-x="0.0055839671"
inkscape:transform-center-y="3.1811632"
transform="matrix(0.94139126,0.3373166,0.3373166,-0.94139126,80.692857,-358.36228)" />
<path
style="fill:#b3b3b3;stroke:#b3b3b3;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 481.95486,180.89827 -41.71686,1.6e-4"
id="path892-7-0"
inkscape:connector-curvature="0" />
<path
style="fill:#b3b3b3;stroke:#b3b3b3;stroke-width:3.42526412;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 883.40308,-73.271427 -122.54456,1.6e-4"
id="path892-7-0-9"
inkscape:connector-curvature="0" />
<path
style="fill:none;stroke:#b3b3b3;stroke-width:1.96497488;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 770.52084,-221.43693 V -75.790677"
id="path972"
inkscape:connector-curvature="0" />
<path
sodipodi:type="star"
style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:#b3b3b3;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path896-3-9"
sodipodi:sides="3"
sodipodi:cx="561.26599"
sodipodi:cy="-438.63263"
sodipodi:r1="12.744021"
sodipodi:r2="6.3720102"
sodipodi:arg1="0.8685394"
sodipodi:arg2="1.9157369"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 569.49789,-428.90402 -10.38654,-3.73194 -10.38653,-3.73194 8.42522,-7.12903 8.42522,-7.12904 1.96132,10.86098 z"
inkscape:transform-center-x="0.0055849117"
inkscape:transform-center-y="-3.1811677"
transform="rotate(-19.713471,1327.5852,-925.80315)" />
<path
sodipodi:type="star"
style="opacity:1;fill:#b3b3b3;fill-opacity:1;stroke:#b3b3b3;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path896-7"
sodipodi:sides="3"
sodipodi:cx="561.26599"
sodipodi:cy="-438.63263"
sodipodi:r1="12.744021"
sodipodi:r2="6.3720102"
sodipodi:arg1="0.8685394"
sodipodi:arg2="1.9157369"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 569.49789,-428.90402 -10.38654,-3.73194 -10.38653,-3.73194 8.42522,-7.12903 8.42522,-7.12904 1.96132,10.86098 z"
inkscape:transform-center-x="0.0055839671"
inkscape:transform-center-y="3.1811632"
transform="matrix(0.94139126,0.3373166,0.3373166,-0.94139126,390.09685,-690.78395)" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 11 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

@@ -50,26 +50,27 @@
.circle1{
position: relative;
top: 130px;
top: 200px;
right: 25px;
}
.circle2{
position: relative;
top: 180px;
top: 400px;
right: 25px;
}
.circle3{
width: 135px;
position: relative;
top: 175px;
top: 545px;
right: 410px;
}
.circle4{
position: relative;
top: 60px;
right: 180px;
top: 585px;
right: 200px;
}
}
@@ -7,16 +7,24 @@
.@{modal}.estrazione-info {
width: 1820px;
height: 785px;
.specific {
justify-content: flex-end;
.box{
background-color: #e5f3ff;
}
}
section.body{
section{
.specific {
justify-content: flex-end;
padding-left: 10px;
.box{
margin:0;
background-color: #e5f3ff;
}
}
}
}
}
@@ -11,6 +11,7 @@
@import "ciclo.less";
@import "raffreddamento.less";
@import "processo.less";
@import "progrprerisc.less";
@import "controstamposetup.less";
@import "quote-velocita.less";
@import "opzioni.less";
@@ -15,8 +15,10 @@
margin: 0;
}
.section{
display: flex;
section.body{
section{
padding: 0px;
.specific{
@@ -60,31 +62,33 @@
}
}
aside{
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;
}
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;
}
.active{
background-color: #fff;
font-weight: bold;
border-top: 2px solid #002680;
}
}
}
}
}
@@ -10,83 +10,84 @@
width: 1820px;
height: 980px;
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;
}
}
section.body{
section{
.specific{
width: 470px;
@{pirometro-margin}:37%;
}
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);
.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: 100px;
background-color: #c03d58;
position: relative;
top: 87px;
right: 150px;
}
}
}
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);
}
}
}
@@ -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;
}
}
}
}
}
@@ -41,22 +41,25 @@
height: 800px;
}
.disegnoStampo{
flex-shrink: 0;
margin-left: 680px;
width: 1200px;
height: 795px;
}
.disegnoControstampoQuoteVelocita{
flex-shrink: 0;
margin-left: 600px;
width: 1156px;
height: 800px;
}
.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{
@@ -114,9 +117,116 @@
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: 560px;
right: 769px;
}
.circle-stampo-11{
position: relative;
top: 35px;
right: 781px;
}
.circle-controstampo-1{
position: relative;
top: 300px;
right: 1090px;
}
.circle-controstampo-2{
position: relative;
top: 570px;
right: 990px;
}
.circle-controstampo-3{
position: relative;
top: 475px;
right: 770px;
}
.circle-controstampo-4{
position: relative;
right: 650px;
}
.circle-controstampo-5{
position: relative;
top: 45px;
right: 480px;
}
.circle-controstampo-6{
position: relative;
top: -335px;
right: 650px;
}
.circle-controstampo-7{
position: relative;
top: 400px;
right: 650px;
}
}
}
button{
@@ -129,9 +239,9 @@
border: solid 1px #001e48;
background-image: linear-gradient(to bottom, #1756ad, @color-darkish-blue);
}
}
}
}
}
}
@@ -10,7 +10,7 @@
.input-area{
width: 480px;
margin: 3px;
margin: 4px;
margin-bottom: 0px;
}
@@ -41,6 +41,7 @@
.auto{
overflow-y: auto;
overflow-x: hidden;
}
aside {
@@ -75,6 +76,19 @@
display: flex;
flex-direction: column;
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: 141px;
height: 60px;
@@ -87,10 +101,25 @@
border: solid 4px #9b9b9b;
}
input{
width: 40px;
height: 21px;
margin: auto;
object-fit: contain;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #6d6d6d;
border: none;
}
label {
margin: auto;
object-fit: contain;
font-size: 22px;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
@@ -390,10 +419,19 @@
}
.rect {
display: flex;
align-items: center;
justify-content: flex-end;
padding-inline-end: 20px;
// display: flex;
// align-items: center;
// justify-content: flex-end;
// padding-inline-end: 20px;
object-fit: contain;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #6d6d6d;
text-align: center;
width: 98px;
height: 48px;
border-radius: 2px;
+384 -50
View File
@@ -3674,59 +3674,56 @@
width: 1820px;
height: 980px;
}
.modal.pirometro-info section .specific {
.modal.pirometro-info section.body section .specific {
width: 470px;
margin-left: 37%;
}
.modal.pirometro-info section .termospecific {
.modal.pirometro-info section.body section .termospecific {
margin-left: 0%;
}
.modal.pirometro-info section .termospecific .svg-area {
.modal.pirometro-info section.body section .termospecific .svg-area {
padding-left: 90px;
width: 1270px;
height: 800px;
}
.modal.pirometro-info section .termospecific .svg-area .disegnoTermoSuperiore {
.modal.pirometro-info section.body section .termospecific .svg-area .disegnoTermoSuperiore {
flex-shrink: 0;
width: 1100px;
height: 750px;
}
.modal.pirometro-info section .termospecific .svg-area .border-termo-superiore .circle1 {
.modal.pirometro-info section.body section .termospecific .svg-area .border-termo-superiore .circle1 {
position: relative;
top: 135px;
right: 1150px;
}
.modal.pirometro-info section .termospecific .svg-area .border-termo-superiore .circle2 {
.modal.pirometro-info section.body section .termospecific .svg-area .border-termo-superiore .circle2 {
position: relative;
top: 355px;
right: 1150px;
}
.modal.pirometro-info section .termospecific .svg-area .border-termo-superiore .circle3 {
.modal.pirometro-info section.body section .termospecific .svg-area .border-termo-superiore .circle3 {
position: relative;
top: 425px;
right: 1150px;
}
.modal.pirometro-info section .termospecific .svg-area .border-termo-superiore .circle4 {
.modal.pirometro-info section.body section .termospecific .svg-area .border-termo-superiore .circle4 {
position: relative;
top: 470px;
right: 635px;
}
.modal.pirometro-info section .termospecific .svg-area .border-termo-superiore .circle5 {
.modal.pirometro-info section.body section .termospecific .svg-area .border-termo-superiore .circle5 {
position: relative;
top: 400px;
right: 255px;
}
.modal.pirometro-info section .termospecific .svg-area .border-termo-superiore .circle6 {
width: 64px;
height: 20px;
color: white;
object-fit: contain;
.modal.pirometro-info section.body section .termospecific .svg-area .border-termo-superiore .circle6 {
width: 100px;
background-color: #c03d58;
position: relative;
top: 95px;
right: 125px;
top: 87px;
right: 150px;
}
.modal.pirometro-info section .termospecific button {
.modal.pirometro-info section.body section .termospecific button {
margin-left: 5px;
width: 48px;
height: 48px;
@@ -4111,6 +4108,7 @@
}
.setup .modal section.body section .auto {
overflow-y: auto;
overflow-x: hidden;
}
.setup .modal section.body section aside {
display: flex;
@@ -4141,6 +4139,18 @@
display: flex;
flex-direction: column;
}
.setup .modal section.body section .specific .svg-area .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;
}
.setup .modal section.body section .specific .svg-area .input-circles .circle {
width: 141px;
height: 60px;
@@ -4152,10 +4162,24 @@
border-radius: 40.5px;
border: solid 4px #9b9b9b;
}
.setup .modal section.body section .specific .svg-area .input-circles input {
width: 40px;
height: 21px;
margin: auto;
object-fit: contain;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #6d6d6d;
border: none;
}
.setup .modal section.body section .specific .svg-area .input-circles label {
margin: auto;
object-fit: contain;
font-size: 22px;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
@@ -4390,10 +4414,15 @@
flex: 1;
}
.input-area .rect {
display: flex;
align-items: center;
justify-content: flex-end;
padding-inline-end: 20px;
object-fit: contain;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #6d6d6d;
text-align: center;
width: 98px;
height: 48px;
border-radius: 2px;
@@ -4440,23 +4469,24 @@
}
.modal.ciclo-info section .specific .svg-area .input-circles .circle1 {
position: relative;
top: 130px;
top: 200px;
right: 25px;
}
.modal.ciclo-info section .specific .svg-area .input-circles .circle2 {
position: relative;
top: 180px;
top: 400px;
right: 25px;
}
.modal.ciclo-info section .specific .svg-area .input-circles .circle3 {
width: 135px;
position: relative;
top: 175px;
top: 545px;
right: 410px;
}
.modal.ciclo-info section .specific .svg-area .input-circles .circle4 {
position: relative;
top: 60px;
right: 180px;
top: 585px;
right: 200px;
}
.modal.ciclo-info section .specific .box {
margin-bottom: 10px;
@@ -4479,6 +4509,217 @@
height: 980px;
margin: 150px 193px;
}
.modal.progr-preriscaldo-info {
width: 1639px;
height: 565px;
margin-top: 220px;
}
.modal.progr-preriscaldo-info header {
padding-left: 31px;
display: flex;
align-items: center;
font-size: 20px;
font-weight: bold;
color: darkblue;
}
.modal.progr-preriscaldo-info section.body {
overflow: hidden;
}
.modal.progr-preriscaldo-info section.body section {
padding: 0px;
width: 100%;
height: 100%;
}
.modal.progr-preriscaldo-info section.body section hr {
border: none;
}
.modal.progr-preriscaldo-info section.body section aside {
margin: 14px;
}
.modal.progr-preriscaldo-info section.body section aside button {
width: 197px;
height: 48px;
object-fit: contain;
border-radius: 2px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
border: solid 1px #001e48;
background-image: linear-gradient(to bottom, #1756ad, #002680);
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: white;
margin: auto;
}
.modal.progr-preriscaldo-info section.body section .specific {
margin: 0;
padding: 20px;
width: 100%;
height: 100%;
background-color: #bbbcbc;
}
.modal.progr-preriscaldo-info section.body section .specific div {
display: flex;
margin-bottom: 50px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock {
border-radius: 50%;
background-color: white;
height: 300px;
width: 300px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock span {
flex-shrink: 0;
border-radius: 50%;
width: 20px;
height: 20px;
background-color: #002680;
position: relative;
top: 140px;
right: 460px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock button {
flex-shrink: 0;
border-radius: 50%;
width: 50px;
height: 50px;
background-image: none;
box-shadow: none;
background-color: white;
color: black;
font-size: 20px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock .selected {
background-color: #002680;
color: white;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock .btn1 {
position: relative;
top: 22px;
right: -188px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock .btn2 {
position: relative;
top: 68px;
right: -179px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock .btn3 {
position: relative;
top: 125px;
right: -149px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock .btn4 {
position: relative;
top: 182px;
right: -79px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock .btn5 {
position: relative;
top: 227px;
right: 12px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock .btn6 {
position: relative;
top: 248.5px;
right: 125px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock .btn7 {
position: relative;
top: 227px;
right: 238px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock .btn8 {
position: relative;
top: 182px;
right: 329px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock .btn9 {
position: relative;
top: 125px;
right: 399px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock .btn10 {
position: relative;
top: 68px;
right: 429px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock .btn11 {
position: relative;
top: 22px;
right: 438px;
}
.modal.progr-preriscaldo-info section.body section .specific div .clock .btn12 {
position: relative;
top: 0.5px;
right: 425px;
}
.modal.progr-preriscaldo-info section.body section .specific div div:first-of-type {
flex-direction: column;
margin-right: 20px;
width: 180px;
height: 300px;
background-image: linear-gradient(to bottom, #1756ad, #002680);
}
.modal.progr-preriscaldo-info section.body section .specific div div:first-of-type label {
color: #ADD8E6;
margin: auto;
}
.modal.progr-preriscaldo-info section.body section .specific div div:first-of-type label:first-of-type {
font-size: 67px;
}
.modal.progr-preriscaldo-info section.body section .specific div div:first-of-type label:last-of-type {
font-size: 20px;
margin-top: -50px;
}
.modal.progr-preriscaldo-info section.body section .specific div div:last-child {
margin-left: -50px;
height: 300px;
flex-direction: column;
}
.modal.progr-preriscaldo-info section.body section .specific div div:last-child button {
width: 50px;
background-image: none;
box-shadow: none;
background-color: #bbbcbc;
color: #002680;
font-size: 20px;
}
.modal.progr-preriscaldo-info section.body section .specific div div:last-child button:first-of-type {
margin-bottom: 250px;
}
.modal.progr-preriscaldo-info section.body section .specific div button {
border: none;
width: 130px;
height: 45px;
border-radius: 22.5px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
background-image: linear-gradient(to bottom, #818a8f 0%, #42494e 98%);
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: white;
}
.modal.progr-preriscaldo-info section.body section .specific div .active {
box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.43);
background-image: linear-gradient(to bottom, #42494e 0%, #818a8f 98%);
}
.modal.progr-preriscaldo-info section.body section .specific label {
margin-bottom: 20px;
font-size: 24px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #002680;
}
.modal.controstamposetup-info {
width: 1820px;
height: 980px;
@@ -4522,19 +4763,21 @@
width: 800px;
height: 800px;
}
.modal.quote-velocita-info section .specific .svg-area .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;
.modal.quote-velocita-info section .specific .svg-area .disegnoStampo {
flex-shrink: 0;
margin-left: 680px;
width: 1200px;
height: 795px;
}
.modal.quote-velocita-info section .specific .svg-area .disegnoControstampoQuoteVelocita {
flex-shrink: 0;
margin-left: 600px;
width: 1156px;
height: 800px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle {
width: 147px;
height: 60px;
flex-direction: column;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle div {
@@ -4582,6 +4825,95 @@
top: 320px;
right: 220px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-1 {
position: relative;
top: 115px;
right: 1212px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-2 {
position: relative;
top: 140px;
right: 1130px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-3 {
position: relative;
top: 4px;
right: 730px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-4 {
position: relative;
top: -64px;
right: 925px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-5 {
position: relative;
top: -10px;
right: 740px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-6 {
position: relative;
top: 205px;
right: 1115px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-7 {
position: relative;
top: 50px;
right: 125px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-8 {
position: relative;
top: -210px;
right: 550px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-9 {
position: relative;
top: -90px;
right: 560px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-10 {
position: relative;
bottom: 560px;
right: 769px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-stampo-11 {
position: relative;
top: 35px;
right: 781px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-controstampo-1 {
position: relative;
top: 300px;
right: 1090px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-controstampo-2 {
position: relative;
top: 570px;
right: 990px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-controstampo-3 {
position: relative;
top: 475px;
right: 770px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-controstampo-4 {
position: relative;
right: 650px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-controstampo-5 {
position: relative;
top: 45px;
right: 480px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-controstampo-6 {
position: relative;
top: -335px;
right: 650px;
}
.modal.quote-velocita-info section .specific .svg-area .input-circles .circle-controstampo-7 {
position: relative;
top: 400px;
right: 650px;
}
.modal.quote-velocita-info section .specific button {
margin-left: 10px;
width: 48px;
@@ -4602,17 +4934,17 @@
background-color: #979797;
margin: 0;
}
.modal.opzioni-info .section {
display: flex;
.modal.opzioni-info section.body section {
padding: 0px;
}
.modal.opzioni-info .section .specific:last-of-type {
.modal.opzioni-info section.body section .specific:last-of-type {
margin-left: 100px;
width: 471px;
}
.modal.opzioni-info .section .specific:first-of-type .box-color {
.modal.opzioni-info section.body section .specific:first-of-type .box-color {
background-color: #ffffff;
}
.modal.opzioni-info .section .specific:first-of-type button {
.modal.opzioni-info section.body section .specific:first-of-type button {
background-color: #dddddd;
display: block;
color: #000000;
@@ -4624,17 +4956,17 @@
cursor: pointer;
font-size: 17px;
}
.modal.opzioni-info .section .specific:first-of-type .active {
.modal.opzioni-info section.body section .specific:first-of-type .active {
background-color: rgba(23, 145, 255, 0.75);
color: #ffffff;
}
.modal.opzioni-info .section .specific:first-of-type label {
.modal.opzioni-info section.body section .specific:first-of-type label {
font-size: 14px;
width: 60px;
margin-left: 5px;
margin-right: 30px;
}
.modal.opzioni-info aside button {
.modal.opzioni-info section.body section aside button {
display: block;
background-color: #bbbcbc;
color: #002680;
@@ -4647,7 +4979,7 @@
cursor: pointer;
font-size: 17px;
}
.modal.opzioni-info aside .active {
.modal.opzioni-info section.body section aside .active {
background-color: #fff;
font-weight: bold;
border-top: 2px solid #002680;
@@ -4668,10 +5000,12 @@
width: 1820px;
height: 785px;
}
.modal.estrazione-info .specific {
.modal.estrazione-info section.body section .specific {
justify-content: flex-end;
padding-left: 10px;
}
.modal.estrazione-info .specific .box {
.modal.estrazione-info section.body section .specific .box {
margin: 0;
background-color: #e5f3ff;
}
.scheda .body {
@@ -4679,7 +5013,7 @@
}
.scheda .body .input-area {
width: 480px;
margin: 3px;
margin: 4px;
margin-bottom: 0px;
}
.modal.vuoto-info {
+2
View File
@@ -62,6 +62,7 @@ export let routes = [
import { routes as alarmRoutes } from "@/app_modules/alarms/route.js";
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";
@@ -71,6 +72,7 @@ import { routes as SetupRoutes } from "@/app_modules_thermo/setup/route.js";
injectRoutes(routes, alarmRoutes);
injectRoutes(routes, productionRoutes);
injectRoutes(routes, SetupRoutes);
injectRoutes(routes,ProgrPreriscaldoRoutes);
// injectRoutes(routes, toolingRoutes);
// injectRoutes(routes, maintenance);
// injectRoutes(routes, scada);
@@ -11,4 +11,7 @@ export default class Scheda extends Vue{
@Prop({default:0})
durata:number;
mock_portata:number=this.portata;
mock_durata:number=this.durata;
}
@@ -3,18 +3,14 @@
<div class="body">
<div class="input-area">
<label>Portata</label>
<div class="rect">
{{portata}}
</div>
<input class="rect" v-model="mock_portata">
</div>
<slider :min="0" :max="10" v-model="portata"></slider>
<slider :min="0" :max="10" v-model="mock_portata"></slider>
<div class="input-area">
<label class="Ritardo">Durata</label>
<div class="rect">
{{durata}} s
</div>
<input class="rect" v-model="mock_durata">
</div>
<slider :min="0" :max="10" v-model="durata"></slider>
<slider :min="0" :max="10" v-model="mock_durata"></slider>
</div>
</div>
</template>
@@ -9,7 +9,9 @@ import { Factory, messageService, awaiter } from "@/_base";
export default class ArretramentoRiscaldi extends Vue{
@Prop({default:0})
ritardo:number
ritardo:number;
mock_ritardo:number=this.ritardo;
annulla(){
ModalHelper.HideModal();
@@ -11,9 +11,9 @@
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>Ritardo</label>
<span class="rect">{{ritardo}} s</span>
<input class="rect" v-model="mock_ritardo">
</div>
<slider :min="0" :max="10" v-model="ritardo"></slider>
<slider :min="0" :max="10" v-model="mock_ritardo"></slider>
</div>
</section>
<footer>
@@ -2,7 +2,7 @@ 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 { Modal, ModalHelper } from "@/components/modals";
@Component({
components: {
@@ -1,8 +1,8 @@
import Setup from "./components/processo.vue"
import Processo from "./components/processo.vue"
export const routes = [
{
name: 'production', path: "/production",
meta: { title: "Production", area: "production" },
component: Setup
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
}];
@@ -6,11 +6,11 @@ import {Prop} from 'vue-property-decorator';
export default class SVGCaricatore extends Vue{
@Prop({default:1600})
dxalto:number;
@Prop({default:0})
@Prop({default:610})
dxbasso:number;
@Prop({default:0})
@Prop({default:1030})
basso:number;
@Prop({default:0})
@Prop({default:1360})
volante:number;
minoreuguale:string="<=";
@@ -2,10 +2,10 @@
<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>
<span class="circle1">{{dxalto}} mm</span>
<span class="circle2">{{dxbasso}} mm</span>
<span class="circle3">{{minoreuguale}} {{basso}} mm</span>
<span class="circle4">{{volante}} mm</span>
</div>
</div>
</template>
@@ -8,29 +8,29 @@
<hr />
<div class="input-area">
<label>Ritardo discesa sollevatore</label>
<div class="rect">{{ritdsol}} s</div>
<input class="rect" v-model="ritdsol">
</div>
<slider :min="0" :max="10" v-model="ritdsol" unit-of-measure="s"></slider>
<slider :min="0" :max="10" v-model="ritdsol" :unit-of-measure="'s'"></slider>
<div class="input-area">
<label>Ritardo salita sollevatore</label>
<div class="rect">{{ritssol}} s</div>
<input class="rect" v-model="ritssol">
</div>
<slider :min="0" :max="10" v-model="ritssol" unit-of-measure="s"></slider>
<slider :min="0" :max="10" v-model="ritssol" :unit-of-measure="'s'"></slider>
<div class="input-area">
<label>Durata separazione lastra</label>
<div class="rect">{{dursep}} s</div>
<input class="rect" v-model="dursep">
</div>
<slider :min="0" :max="10" v-model="dursep" unit-of-measure="s"></slider>
<slider :min="0" :max="10" v-model="dursep" :unit-of-measure="'s'"></slider>
<div class="input-area">
<label>Ritardo espulsore</label>
<div class="rect">{{ritesp}} s</div>
<input class="rect" v-model="ritesp">
</div>
<slider :min="0" :max="10" v-model="ritesp" unit-of-measure="s"></slider>
<slider :min="0" :max="10" v-model="ritesp" :unit-of-measure="'s'"></slider>
<div class="input-area">
<label>Altezza bancale</label>
<div class="rect">{{altbanc}} mm</div>
<input class="rect" v-model="altbanc">
</div>
<slider :min="0" :max="300" v-model="altbanc" unit-of-measure="mm"></slider>
<slider :min="0" :max="300" v-model="altbanc" :unit-of-measure="'mm'"></slider>
</aside>
<hr>
<div class="specific">
@@ -12,7 +12,6 @@ export default class MascheraAcrilico extends Vue {
@Prop({ default: 0 })
durata: number;
mock_durata:number=this.durata;
}
@@ -10,9 +10,9 @@
</div>
<div class="input-area">
<label>Durata</label>
<div class="rect">{{durata}} s</div>
<input class="rect" v-model="mock_durata">
</div>
<slider :min="0" :max="10" v-model="durata"></slider>
<slider :min="0" :max="10" v-model="mock_durata"></slider>
</div>
</div>
</template>
@@ -12,7 +12,6 @@ export default class MascheraCristallizzazione extends Vue {
@Prop({ default: 0 })
durata: number;
mock_durata:number=this.durata;
}
@@ -10,9 +10,9 @@
</div>
<div class="input-area">
<label>Durata</label>
<div class="rect">{{durata}} s</div>
<input class="rect" v-model="mock_durata">
</div>
<slider :min="0" :max="10" v-model="durata"></slider>
<slider :min="0" :max="10" v-model="mock_durata"></slider>
</div>
</div>
</template>
@@ -6,12 +6,10 @@ import Slider from "@/app_modules_thermo/components/slider.vue";
@Component({ components: { slider: Slider } })
export default class MascheraRiscaldo extends Vue {
@Prop({ default: 0 })
durata: number;
mock_durata:number=this.durata;
}
@@ -6,9 +6,9 @@
<div class="body">
<div class="input-area">
<label>Durata</label>
<div class="rect">{{durata}} s</div>
<input class="rect" v-model="mock_durata">
</div>
<slider :min="0" :max="10" v-model="durata"></slider>
<slider :min="0" :max="10" v-model="mock_durata"></slider>
</div>
</div>
</template>
@@ -1,14 +1,13 @@
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 StepFooter from "@/app_modules_thermo/setup/components/step-footer.vue";
import { Modal, ModalHelper } from "@/components/modals";
import { Factory, messageService, awaiter } from "@/_base";
import CicloFormatura from "./base-components/ciclo-formatura.vue";
import Caricatore from "./base-components/caricatore.vue";
@Component({ components: { modal: Modal, slider: Slider, stepfooter: StepFooter, caricatore: Caricatore, cicloformatura: CicloFormatura } })
@Component({ components: { modal: Modal, stepfooter: StepFooter, caricatore: Caricatore, cicloformatura: CicloFormatura } })
export default class ShowCicloInfo extends Vue {
show: string = "caricatore";
@@ -4,9 +4,9 @@
<div class="input-area">
<img src="assets/icons/png/clessidra.png">
<label>Ritardo</label>
<div class="rect">{{mockR}}s</div>
<input class="rect" v-model="mockR">
</div>
<slider :min="0" :max="10" v-model="mockR" :unit-of-measure="s"></slider>
<slider :min="0" :max="10" v-model="mockR" :unit-of-measure="'s'"></slider>
</aside>
<hr>
<div class="specific">
@@ -17,9 +17,9 @@
<div class="specific">
<div class="input-area">
<label>Durata massima</label>
<div class="rect">{{mockD}}s</div>
<input class="rect" v-model="mockD">
</div>
<slider :min="0" :max="4" v-model="mockD" :unit-of-measure="s"></slider>
<slider :min="0" :max="4" v-model="mockD" :unit-of-measure="'s'"></slider>
</div>
</section>
</template>
@@ -12,20 +12,16 @@
</select>
</div>
<div class="input-area">
<img src="assets/icons/png/clessidra.png">
<label>Ritardo</label>
<div class="rect">
{{mockR}}s
</div>
<img src="assets/icons/png/clessidra.png">
<label>Ritardo</label>
<input class="rect" v-model="mockR">
</div>
<slider :min="0" :max="10" v-model="mockR" unit-of-measure="s"></slider>
<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>
<label>Durata</label>
<input class="rect" v-model="mockD">
</div>
<slider :min="0" :max="20" v-model="mockD" unit-of-measure="s"></slider>
<slider :min="0" :max="20" v-model="mockD" :unit-of-measure="'s'"></slider>
</div>
</section>
</template>
@@ -1,15 +1,12 @@
<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 class="input-area">
<img src="assets/icons/png/clessidra.png">
<label>Ritardo</label>
<input class="rect" v-model="mockR">
</div>
<slider :min="0" :max="10" v-model="mockR" unit-of-measure="s"></slider>
<slider :min="0" :max="10" v-model="mockR" :unit-of-measure="'s'"></slider>
<div class="input-area">
<label>Tipo</label>
<select>
@@ -21,7 +18,7 @@
</aside>
<hr>
<div class="specific">
<scheda></scheda>
<scheda></scheda>
</div>
</section>
</template>
@@ -4,7 +4,8 @@
<div class="input-circles border-controstampo">
<div class="circle circle1">
<img src="assets/icons/png/quota.png">
<label>{{alt}} mm</label>
<input v-model="alt">
<label>mm</label>
</div>
</div>
</div>
@@ -4,11 +4,13 @@
<div class="input-circles border-cornice">
<div class="circle circle1">
<img src="assets/icons/png/quota.png">
<label>{{y}} mm</label>
<input v-model="y">
<label>mm</label>
</div>
<div class="circle circle2">
<img src="assets/icons/png/quota.png">
<label>{{x}} mm</label>
<input v-model="x">
<label>mm</label>
</div>
</div>
</div>
@@ -4,15 +4,18 @@
<div class="input-circles border-lastra">
<div class="circle circle1">
<img src="assets/icons/png/quota.png">
<label>{{spes}} mm</label>
<input v-model="spes">
<label>mm</label>
</div>
<div class="circle circle2">
<img src="assets/icons/png/quota.png">
<label>{{x}} mm</label>
<input v-model="x">
<label>mm</label>
</div>
<div class="circle circle3">
<img src="assets/icons/png/quota.png">
<label>{{y}} mm</label>
<input v-model="y">
<label>mm</label>
</div>
</div>
</div>
@@ -4,11 +4,13 @@
<div class="input-circles border-piastra">
<div class="circle circle1">
<img src="assets/icons/png/quota.png">
<label>{{y}} mm</label>
<input v-model="y">
<label>mm</label>
</div>
<div class="circle circle2">
<img src="assets/icons/png/quota.png">
<label>{{x}} mm</label>
<input v-model="x">
<label>mm</label>
</div>
</div>
</div>
@@ -4,23 +4,28 @@
<div class="input-circles border-stampo">
<div class="circle circle1">
<img src="assets/icons/png/quota.png">
<label>{{alt}} mm</label>
<input v-model="alt">
<label>mm</label>
</div>
<div class="circle circle2">
<img src="assets/icons/png/quota.png">
<label>{{altB}} mm</label>
<input v-model="altB">
<label>mm</label>
</div>
<div class="circle circle3">
<img src="assets/icons/png/quota.png">
<label>{{x}} mm</label>
<input v-model="x">
<label>mm</label>
</div>
<div class="circle circle4">
<img src="assets/icons/png/quota.png">
<label>{{y}} mm</label>
<input v-model="y">
<label>mm</label>
</div>
<div class="circle circle5">
<img src="assets/icons/png/quota.png">
<label>{{stampoNeg}} mm</label>
<input v-model="stampoNeg">
<label>mm</label>
</div>
</div>
</div>
@@ -9,4 +9,6 @@ export default class Controstampo extends Vue {
@Prop({default:0})
alt:number;
mock_alt:number=this.alt;
}
@@ -6,9 +6,9 @@
<div class="body">
<div class="input-area">
<label>Altezza</label>
<div class="rect">{{alt}}mm</div>
<input class="rect" v-model="mock_alt">
</div>
<slider :min="0" :max="1000" v-model="alt" :left="'0 mm'" :middle="'500 mm'" :right="'1000 mm'"></slider>
<slider :min="0" :max="1000" v-model="mock_alt" :unit-of-measure="'mm'"></slider>
</div>
</div>
</template>
@@ -13,4 +13,7 @@ export default class Cornice extends Vue {
@Prop({default:false})
notsel:boolean;
mock_x:number=this.x;
mock_y:number=this.y
}
@@ -13,15 +13,15 @@
<hr />
<div class="input-area">
<label>Apertura X</label>
<div class="rect">{{x}}mm</div>
<input class="rect" v-model="mock_x">
</div>
<slider :min="0" :max="1000" v-model="x" unit-of-measure="mm"></slider>
<slider :min="0" :max="1000" v-model="mock_x" :unit-of-measure="'mm'"></slider>
<button class="submit">Muovi</button>
<div class="input-area">
<label>Apertura Y</label>
<div class="rect">{{y}}mm</div>
<input class="rect" v-model="mock_y">
</div>
<slider :min="0" :max="1000" v-model="y" unit-of-measure="mm"></slider>
<slider :min="0" :max="1000" v-model="mock_y" :unit-of-measure="'mm'"></slider>
<button class="submit">Muovi</button>
</div>
</div>
@@ -13,4 +13,8 @@ export default class Lastra extends Vue {
@Prop({default:0})
spes:number;
mock_x:number=this.x;
mock_y:number=this.y;
mock_spes:number=this.spes;
}
@@ -13,19 +13,19 @@
<hr />
<div class="input-area">
<label>Dimensione X</label>
<div class="rect">{{x}} mm</div>
<input class="rect" v-model="mock_x">
</div>
<slider :min="0" :max="1000" v-model="x" unit-of-measure="mm"></slider>
<slider :min="0" :max="1000" v-model="mock_x" :unit-of-measure="'mm'"></slider>
<div class="input-area">
<label>Dimensione Y</label>
<div class="rect">{{y}} mm</div>
<input class="rect" v-model="mock_y">
</div>
<slider :min="0" :max="1000" v-model="y" unit-of-measure="mm"></slider>
<slider :min="0" :max="1000" v-model="mock_y" :unit-of-measure="'mm'"></slider>
<div class="input-area">
<label>Spessore</label>
<div class="rect">{{spes}} mm</div>
<input class="rect" v-model="mock_spes">
</div>
<slider :min="0" :max="40" v-model="spes" unit-of-measure="mm"></slider>
<slider :min="0" :max="40" v-model="mock_spes" :unit-of-measure="'mm'"></slider>
</div>
</div>
</template>
@@ -13,4 +13,7 @@ export default class Piastra extends Vue {
@Prop({default:true})
notsel:boolean;
mock_x:number=this.x;
mock_y:number=this.y;
}
@@ -13,15 +13,15 @@
<hr />
<div class="input-area">
<label>Apertura X</label>
<div class="rect">{{x}}mm</div>
<input class="rect" v-model="mock_x">
</div>
<slider :min="0" :max="1000" v-model="x" unit-of-measure="mm"></slider>
<slider :min="0" :max="1000" v-model="mock_x" :unit-of-measure="'mm'"></slider>
<button class="submit" :class="{'NotSelected':notsel}">Muovi</button>
<div class="input-area">
<label>Apertura Y</label>
<div class="rect">{{y}}mm</div>
<input class="rect" v-model="mock_y">
</div>
<slider :min="0" :max="1000" v-model="y" unit-of-measure="mm"></slider>
<slider :min="0" :max="1000" v-model="mock_y" :unit-of-measure="'mm'"></slider>
<button class="submit" :class="{'NotSelected':notsel}">Muovi</button>
</div>
</div>
@@ -6,23 +6,23 @@
<div class="body">
<div class="input-area">
<label>Dimensione X</label>
<span class="rect">{{x}} mm</span>
<input class="rect" v-model="x">
</div>
<div class="input-area">
<label>Dimensione Y</label>
<span class="rect">{{y}} mm</span>
<input class="rect" v-model="y">
</div>
<div class="input-area">
<label>Altezza</label>
<span class="rect">{{alt}} mm</span>
<input class="rect" v-model="alt">
</div>
<div class="input-area">
<label>Altezza base</label>
<span class="rect">{{altB}} mm</span>
<input class="rect" v-model="altB">
</div>
<div class="input-area">
<label>Stampo negativo</label>
<span class="rect">{{stampoNeg}} mm</span>
<input class="rect" v-model="stampoNeg">
</div>
</div>
</div>
@@ -25,10 +25,11 @@ export default class ShowImbutituraInfo extends Vue {
portMantenimento:number;
@Prop({default:0})
portManuale:number;
@Prop({default:0})
portata:number;
@Prop({default:0})
durata:number;
mock_ritardo:number=this.ritardo;
mock_altBolla:number=this.altBolla;
mock_portMantenimento:number=this.portMantenimento;
mock_portManuale:number=this.portManuale;
annulla(){
@@ -11,9 +11,9 @@
<div class="input-area">
<img src="assets/icons/png/clessidra.png">
<label>Ritardo</label>
<div class="rect">{{ritardo}} mm</div>
<input class="rect" v-model="mock_ritardo">
</div>
<slider :min="0" :max="10" v-model="ritardo"></slider>
<slider :min="0" :max="10" v-model="mock_ritardo"></slider>
<hr />
<div class="input-area">
<label>Tipo</label>
@@ -31,19 +31,19 @@
</div>
<div class="input-area">
<label>Altezza bolla</label>
<div class="rect">{{altBolla}} mm</div>
<input class="rect" v-model="mock_altBolla">
</div>
<slider :min="0" :max="500" v-model="altBolla"></slider>
<slider :min="0" :max="500" v-model="mock_altBolla"></slider>
<div class="input-area">
<label>Portata mantenimento</label>
<div class="rect">{{portMantenimento}} %</div>
<input class="rect" v-model="mock_portMantenimento">
</div>
<slider :min="0" :max="100" v-model="portMantenimento"></slider>
<slider :min="0" :max="100" v-model="mock_portMantenimento"></slider>
<div class="input-area">
<label>Portata manuale</label>
<div class="rect">{{portManuale}} %</div>
<input class="rect" v-model="mock_portManuale">
</div>
<slider :min="0" :max="100" v-model="portManuale"></slider>
<slider :min="0" :max="100" v-model="mock_portManuale"></slider>
</aside>
<hr>
<div class="specific">
@@ -9,25 +9,19 @@
<div class="input-area">
<img src="assets/icons/png/quota.png">
<label>Quota</label>
<div class="rect">
{{mockQuota}} mm
</div>
<input class="rect" v-model="mockQuota">
</div>
<slider :min="0" :max="800" v-model="mockQuota" unit-of-measure="mm"></slider>
<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>
<input class="rect" v-model="mockRitAtt">
</div>
<slider :min="0" :max="10" v-model="mockRitAtt" unit-of-measure="s"></slider>
<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>
<input class="rect" v-model="mockRitDis">
</div>
<slider :min="0" :max="10" v-model="mockRitDis" unit-of-measure="s"></slider>
<slider :min="0" :max="10" v-model="mockRitDis" :unit-of-measure="'s'"></slider>
</div>
</template>
<script src="./inputSottosquadra.ts" />
@@ -6,11 +6,9 @@
</div>
<div class="input-area">
<label>Setpoint</label>
<div class="rect">
{{mockSet}}°C
</div>
<input class="rect" v-model="mockSet">
</div>
<slider :min="0" :max="400" v-model="mockSet" unit-of-measure="°C"></slider>
<slider :min="0" :max="400" v-model="mockSet" :unit-of-measure="'°C'"></slider>
</div>
</template>
<script src="./inputTermo.ts" />
@@ -1,5 +1,5 @@
<template>
<div class="section">
<section>
<div class="specific">
<button :class="{'active':showSottosquadra == 'sottosquadra-1'}" @click="showSottosquadra='sottosquadra-1'">
<setup-sottosquadra
@@ -72,7 +72,7 @@
<input-sottosquadra />
</div>
</div>
</div>
</section>
</template>
<script lang="ts" src="./sottosquadra-stampo.ts"></script>
@@ -1,5 +1,5 @@
<template>
<div class="section">
<section>
<div class="specific">
<button :class="{'active':showTermo == 'termo-1'}" @click="showTermo='termo-1'">
<setup-termo
@@ -107,7 +107,7 @@
<input-termo />
</div>
</div>
</div>
</section>
</template>
<script lang="ts" src="./termoregolatori.ts"></script>
@@ -6,8 +6,8 @@
<i class="fa fa-remove"></i>
</button>
</div>
<div class="section">
<aside class="scrollable">
<section>
<aside class="scrollable auto">
<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>
@@ -15,7 +15,7 @@
<hr>
<sottosquadrastampo v-if="showOpzioni=='SS'"></sottosquadrastampo>
<termoregolatori v-if="showOpzioni=='TR'"></termoregolatori>
</div>
</section>
<footer>
<button class="btn" @click="annulla()">Annulla</button>
<button class="btn btn-success" @click="conferma()">Conferma</button>
@@ -5,4 +5,21 @@ import {Prop} from 'vue-property-decorator';
@Component({name:'svgtermosuperiore'})
export default class SVGTermoregolazioneSuperiore extends Vue{
@Prop({default:0})
max:number;
@Prop({default:0})
min:number;
@Prop({default:0})
inizio:number;
@Prop({default:0})
fine:number;
@Prop({default:0})
perc_riposo:number;
mock_max:number=this.max
mock_min:number=this.min
mock_inizio:number=this.inizio
mock_fine:number=this.fine
mock_perc_riposo:number=this.perc_riposo
}
@@ -3,25 +3,28 @@
<img class="disegnoTermoSuperiore" src="assets/icons/svg/disegno-termosuperiore.svg">
<div class="input-circles border-termo-superiore">
<div class="circle circle1">
<input v-model="mock_max">
<label>%</label>
</div>
<div class="circle circle2">
<input v-model="mock_min">
<label>%</label>
</div>
<div class="circle circle3">
<input v-model="mock_perc_riposo">
<label>%</label>
</div>
<div class="circle circle4">
<img src="assets/icons/png/temperatura.png">
<input v-model="mock_inizio">
<label>°C</label>
</div>
<div class="circle circle5">
<img src="assets/icons/png/temperatura.png">
<input v-model="mock_fine">
<label>°C</label>
</div>
<div class="circle6">
270 °C
</div>
<span class="circle6">270 °C</span>
</div>
</div>
</template>
@@ -12,6 +12,9 @@ export default class Pirometro extends Vue{
@Prop({default:0})
ritardo:number;
mock_temperatura:number=this.temperatura;
mock_ritardo:number=this.ritardo;
enabling:boolean=true;
}
@@ -9,18 +9,14 @@
<div>
<img src="assets/icons/png/clessidra.png"><label>Ritardo</label>
</div>
<div class="rect">
{{ritardo}} s
</div>
<input class="rect" v-model="mock_ritardo">
</div>
<slider :min="0" :max="10" v-model="ritardo" unit-of-measure="s"></slider>
<slider :min="0" :max="10" v-model="mock_ritardo" :unit-of-measure="'s'"></slider>
<div class="input-area">
<label>Set point</label>
<div class="rect">
{{temperatura}} °C
</div>
<input class="rect" v-model="mock_temperatura">
</div>
<slider :min="100" :max="300" v-model="temperatura" unit-of-measure="°C"></slider>
<slider :min="100" :max="300" v-model="mock_temperatura" :unit-of-measure="'°C'"></slider>
</div>
</section>
</template>
@@ -18,6 +18,13 @@ export default class TermoregolazioneSuperiore extends Vue{
min:number;
@Prop({default:0})
riposo:number;
mock_inizioreg:number=this.inizioreg
mock_finereg:number=this.finereg
mock_max:number=this.max
mock_min:number=this.min
mock_riposo:number=this.riposo
enabling:boolean=true;
}
@@ -3,35 +3,27 @@
<aside class="scrollable">
<div class="input-area">
<label>Inizio regolazione</label>
<div class="rect">
{{inizioreg}} °C
</div>
<input class="rect" v-model="mock_inizioreg">
</div>
<slider :min="0" :max="400" v-model="inizioreg" unit-of-measure="°C"></slider>
<slider :min="0" :max="400" v-model="mock_inizioreg" :unit-of-measure="'°C'"></slider>
<div class="input-area">
<label>Fine regolazione</label>
<div class="rect">
{{finereg}} °C
</div>
<input class="rect" v-model="mock_finereg">
</div>
<slider :min="0" :max="400" v-model="finereg" unit-of-measure="°C"></slider>
<slider :min="0" :max="400" v-model="mock_finereg" :unit-of-measure="'°C'"></slider>
<hr />
<div class="input-area">
<label>Massimo</label>
<div class="rect">
{{max}} %
</div>
<input class="rect" v-model="mock_max">
</div>
<slider :min="0" :max="100" v-model="max" unit-of-measure="%"></slider>
<slider :min="0" :max="100" v-model="mock_max" :unit-of-measure="'%'"></slider>
<div class="input-area">
<label>Minimo</label>
<div class="rect">
{{min}} %
</div>
<input class="rect" v-model="mock_min">
</div>
<slider :min="0" :max="100" v-model="min" unit-of-measure="%"></slider>
<slider :min="0" :max="100" v-model="mock_min" :unit-of-measure="'%'"></slider>
<hr />
@@ -41,11 +33,9 @@
</div>
<div class="input-area">
<label>Percentuale riposo</label>
<div class="rect">
{{riposo}} %
</div>
<input class="rect" v-model="mock_riposo">
</div>
<slider :min="0" :max="100" v-model="finereg" unit-of-measure="%"></slider>
<slider :min="0" :max="100" v-model="mock_riposo" :unit-of-measure="'%'"></slider>
</aside>
<hr>
<div class="specific termospecific">
@@ -4,11 +4,14 @@ import {Prop} from 'vue-property-decorator';
@Component({})
export default class QuoteVelocita extends Vue{
@Prop({default:0})
x:number;
corsa:number;
@Prop({default:0})
y:number;
vel_salita:number;
@Prop({default:0})
spes:number;
vel_salita_lenta:number;
@Prop({default:0})
rall_salita:number;
}
@@ -5,57 +5,68 @@
<div class="circle circle1">
<div>
<img src="assets/icons/png/salita.png">
<label>{{spes}} mm</label>
<input v-model="rall_salita">
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/bassa.png">
<label>30 mm/s</label>
<input v-model="vel_salita_lenta">
<label>mm/s</label>
</div>
</div>
<div class="circle circle2">
<div>
<img src="assets/icons/png/salita.png">
<label>{{x}} mm</label>
<input v-model="corsa">
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/alta.png">
<label>100 mm/s</label>
<input v-model="vel_salita">
<label>mm/s</label>
</div>
</div>
<div class="circle circle3">
<div>
<img src="assets/icons/png/discesa.png">
<label>{{y}} mm</label>
<!-- <input v-model=""> mancante -->
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/alta.png">
<label>100 mm/s</label>
<!-- <input v-model=""> mancante -->
<label>mm/s</label>
</div>
</div>
<div class="circle circle4">
<div>
<img src="assets/icons/png/quota.png">
<label>{{y}} mm</label>
<!-- <input v-model=""> mancante -->
<label>mm</label>
</div>
</div>
<div class="circle circle5">
<div>
<img src="assets/icons/png/discesa.png">
<label>{{y}} mm</label>
<!-- <input v-model=""> mancante -->
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/alta.png">
<label>8 mm/s</label>
<!-- <input v-model=""> mancante -->
<label>mm/s</label>
</div>
</div>
<div class="circle circle6">
<div>
<img src="assets/icons/png/discesa.png">
<label>{{y}} mm</label>
<!-- <input v-model=""> mancante -->
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/bassa.png">
<label>30 mm/s</label>
<!-- <input v-model=""> mancante -->
<label>mm/s</label>
</div>
</div>
<span class="circle7">123 mm</span>
@@ -0,0 +1,17 @@
import Vue from 'vue';
import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
@Component({})
export default class QuoteVelocita extends Vue{
@Prop({default:0})
corsa:number;
@Prop({default:0})
vel_salita:number;
@Prop({default:0})
vel_salita_lenta:number;
@Prop({default:0})
rall_salita:number;
}
@@ -0,0 +1,94 @@
<template>
<div class="svg-area">
<img class="disegnoStampo" src="assets/icons/svg/disegno-quote-velocita-stampo.svg">
<div class="input-circles">
<div class="circle circle-stampo-1">
<div>
<img src="assets/icons/png/salita.png">
<input v-model="rall_salita">
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/bassa.png">
<input v-model="vel_salita_lenta">
<label>mm/s</label>
</div>
</div>
<div class="circle circle-stampo-2">
<div>
<img src="assets/icons/png/salita.png">
<input v-model="corsa">
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/alta.png">
<input v-model="vel_salita">
<label>mm/s</label>
</div>
</div>
<div class="circle circle-stampo-3">
<div>
<img src="assets/icons/png/discesa.png">
<!-- <input v-model=""> mancante -->
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/alta.png">
<!-- <input v-model=""> mancante -->
<label>mm/s</label>
</div>
</div>
<div class="circle circle-stampo-4">
<div>
<img src="assets/icons/png/quota.png">
<!-- <input v-model=""> mancante -->
<label>mm</label>
</div>
</div>
<div class="circle circle-stampo-5">
<div>
<img src="assets/icons/png/discesa.png">
<!-- <input v-model=""> mancante -->
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/alta.png">
<!-- <input v-model=""> mancante -->
<label>mm/s</label>
</div>
</div>
<div class="circle circle-stampo-6">
<div>
<img src="assets/icons/png/quota.png">
<!-- <input v-model=""> mancante -->
<label>mm</label>
</div>
</div>
<div class="circle circle-stampo-7">
<div>
<img src="assets/icons/png/quota.png">
<!-- <input v-model=""> mancante -->
<label>mm</label>
</div>
</div>
<div class="circle circle-stampo-8">
<div>
<img src="assets/icons/png/quota.png">
<!-- <input v-model=""> mancante -->
<label>mm</label>
</div>
</div>
<div class="circle circle-stampo-9">
<div>
<img src="assets/icons/png/quota.png">
<!-- <input v-model=""> mancante -->
<label>mm</label>
</div>
</div>
<span class="circle-stampo-10">1059 mm</span>
<span class="circle-stampo-11">0 mm</span>
</div>
</div>
</template>
<script lang="ts" src="./stampo.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 Controstamposvg extends Vue{
@Prop({default:0})
corsa:number;
@Prop({default:0})
vel_discesa:number;
@Prop({default:0})
vel_discesa_lenta:number;
@Prop({default:0})
rall_discesa:number;
}
@@ -0,0 +1,66 @@
e<template>
<div class="svg-area">
<img class="disegnoControstampoQuoteVelocita" src="assets/icons/svg/disegno-controstampo-quote-velocita.svg">
<div class="input-circles">
<div class="circle circle-controstampo-1">
<div>
<img src="assets/icons/png/salita.png">
<!-- <input v-model=""> mancante -->
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/alta.png">
<!-- <input v-model=""> mancante -->
<label>mm/s</label>
</div>
</div>
<div class="circle circle-controstampo-2">
<div>
<img src="assets/icons/png/salita.png">
<!-- <input v-model=""> mancante -->
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/bassa.png">
<!-- <input v-model=""> mancante -->
<label>mm/s</label>
</div>
</div>
<div class="circle circle-controstampo-3">
<div>
<img src="assets/icons/png/discesa.png">
<input v-model="rall_discesa">
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/bassa.png">
<input v-model="vel_discesa_lenta">
<label>mm/s</label>
</div>
</div>
<div class="circle circle-controstampo-4">
<div>
<img src="assets/icons/png/discesa.png">
<input v-model="corsa">
<label>mm</label>
</div>
<div>
<img src="assets/icons/png/alta.png">
<input v-model="vel_discesa">
<label>mm/s</label>
</div>
</div>
<div class="circle circle-controstampo-5">
<div>
<img src="assets/icons/png/quota.png">
<!-- <input v-model=""> mancante -->
<label>mm</label>
</div>
</div>
<span class="circle-controstampo-6">1059 mm</span>
<span class="circle-controstampo-7">0 mm</span>
</div>
</div>
</template>
<script lang="ts" src="./svgcontrostampo.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 Scheda from "@/app_modules_thermo/components/scheda.vue";
import Controstamposvg from "./SVG_Components/svgcontrostampo.vue";
@Component({name:"controstampo",
components: { scheda:Scheda,
slider:Slider,svgcontrostampo:Controstamposvg
}
})
export default class Controstampo extends Vue {
@Prop({default:0})
ritardo:number;
mockR:number=this.ritardo;
@Prop({default:0})
corsa:number;
mockC:number=this.corsa;
@Prop({default:0})
velocità_discesa:number;
mockVD:number=this.velocità_discesa;
@Prop({default:0})
rallentamento_discesa:number;
mockRD:number=this.rallentamento_discesa;
@Prop({default:0})
velocità_discesa_lenta:number;
mockVDL:number=this.velocità_discesa_lenta;
}
@@ -0,0 +1,62 @@
<template>
<section>
<aside class="scrollable">
<div class="box">
<div class="header">
<label>Discesa controstampo</label>
</div>
<div class="body">
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>Ritardo</label>
<input class="rect" v-model="mockR">
</div>
<slider :min="0" :max="10" v-model="mockR" :unit-of-measure="'s'"></slider>
<hr />
<div class="input-area">
<img src="assets/icons/png/discesa@2x.png" />
<label>Corsa</label>
<input class="rect" v-model="mockC">
</div>
<slider :min="0" :max="1059" v-model="mockC"></slider>
<div class="input-area">
<img src="assets/icons/png/alta.png" />
<label>Velocità discesa</label>
<input class="rect" v-model="mockVD">
</div>
<slider :min="0" :max="200" v-model="mockVD"></slider>
<hr />
<div class="input-area">
<img src="assets/icons/png/discesa@2x.png" />
<label>Rallentamento discesa</label>
<input class="rect" v-model="mockRD">
</div>
<slider :min="0" :max="1059" v-model="mockRD"></slider>
<div class="input-area">
<img src="assets/icons/png/bassa.png" />
<label>Velocità discesa lenta</label>
<input class="rect" v-model="mockVDL">
</div>
<slider
:min="0"
:max="200"
v-model="mockVDL"
></slider>
</div>
</div>
</aside>
<hr>
<div class="specific">
<svgcontrostampo></svgcontrostampo>
<button>
<img src="assets/icons/png/w.png" />
</button>
</div>
</section>
</template>
<script lang="ts" src="./controstampo.ts"></script>
@@ -17,4 +17,11 @@ export default class DiscesaCornice extends Vue {
ralSalita:number;
@Prop({default:0})
velSalitaLenta:number;
mock_ritardo:number=this.ritardo;
mock_corsa:number=this.corsa;
mock_velSalita:number=this.velSalita;
mock_ralSalita:number=this.ralSalita;
mock_velSalitaLenta:number=this.velSalitaLenta;
}
@@ -9,39 +9,39 @@
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>Ritardo</label>
<span class="rect">{{ritardo}} s</span>
<input class="rect" v-model="mock_ritardo">
</div>
<slider :min="0" :max="10" v-model="ritardo"></slider>
<slider :min="0" :max="10" v-model="mock_ritardo" :unit-of-measure="'s'"></slider>
<hr />
<div class="input-area">
<img src="assets/icons/png/salita.png" />
<label>Corsa</label>
<span class="rect">{{corsa}} mm</span>
<input class="rect" v-model="mock_corsa">
</div>
<slider :min="0" :max="1059" v-model="corsa"></slider>
<slider :min="0" :max="1059" v-model="mock_corsa"></slider>
<div class="input-area">
<img src="assets/icons/png/alta.png" />
<label>Velocità salita</label>
<span class="rect">{{velSalita}} mm/s</span>
<input class="rect" v-model="mock_velSalita">
</div>
<slider :min="0" :max="200" v-model="velSalita"></slider>
<slider :min="0" :max="200" v-model="mock_velSalita"></slider>
<hr />
<div class="input-area">
<img src="assets/icons/png/salita.png" />
<label>Rallentamento salita</label>
<span class="rect">{{ralSalita}} mm</span>
<input class="rect" v-model="mock_ralSalita">
</div>
<slider :min="0" :max="1059" v-model="ralSalita"></slider>
<slider :min="0" :max="1059" v-model="mock_ralSalita"></slider>
<div class="input-area">
<img src="assets/icons/png/bassa.png" />
<label>Velocità salita lenta</label>
<span class="rect">{{velSalitaLenta}} mm/s</span>
<input class="rect" v-model="mock_velSalitaLenta">
</div>
<slider :min="0" :max="200" v-model="velSalitaLenta"></slider>
<slider :min="0" :max="200" v-model="mock_velSalitaLenta"></slider>
</div>
</div>
</aside>
@@ -0,0 +1,27 @@
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 StampoSVG from "./SVG_Components/stampo.vue";
@Component({name:"salita-stampo", components:{slider:Slider, stampoSVG: StampoSVG}})
export default class DiscesaCornice extends Vue {
@Prop({default:0})
ritardo:number;
@Prop({default:0})
corsa:number;
@Prop({default:0})
velSalita:number;
@Prop({default:0})
ralSalita:number;
@Prop({default:0})
velSalitaLenta:number;
mock_ritardo:number=this.ritardo;
mock_corsa:number=this.corsa;
mock_velSalita:number=this.velSalita;
mock_ralSalita:number=this.ralSalita;
mock_velSalitaLenta:number=this.velSalitaLenta;
}
@@ -0,0 +1,62 @@
<template>
<section>
<aside class="scrollable">
<div class="box">
<div class="header">
<label>Salita stampo</label>
</div>
<div class="body">
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>Ritardo</label>
<input class="rect" v-model="mock_ritardo">
</div>
<slider :min="0" :max="10" v-model="mock_ritardo" :unit-of-measure="'s'"></slider>
<hr />
<div class="input-area">
<img src="assets/icons/png/salita.png" />
<label>Corsa</label>
<input class="rect" v-model="mock_corsa">
</div>
<slider :min="0" :max="1059" v-model="mock_corsa"></slider>
<div class="input-area">
<img src="assets/icons/png/alta.png" />
<label>Velocità salita</label>
<input class="rect" v-model="mock_velSalita">
</div>
<slider :min="0" :max="200" v-model="mock_velSalita"></slider>
<hr />
<div class="input-area">
<img src="assets/icons/png/salita.png" />
<label>Rallentamento salita</label>
<input class="rect" v-model="mock_ralSalita">
</div>
<slider :min="0" :max="1059" v-model="mock_ralSalita"></slider>
<div class="input-area">
<img src="assets/icons/png/bassa.png" />
<label>Velocità salita lenta</label>
<input class="rect" v-model="mock_velSalitaLenta">
</div>
<slider
:min="0"
:max="200"
v-model="mock_velSalitaLenta"
></slider>
</div>
</div>
</aside>
<hr>
<div class="specific">
<stampoSVG></stampoSVG>
<button>
<img src="assets/icons/png/w.png" />
</button>
</div>
</section>
</template>
<script lang="ts" src="./salita-stampo.ts"></script>
@@ -3,12 +3,16 @@ import { Modal, ModalHelper } from "@/components/modals";
import { Factory, messageService, awaiter } from "@/_base";
import Component from "vue-class-component";
import DiscesaCornice from "./discesa-cornice.vue";
import SalitaStampo from "./salita-stampo.vue";
import Controstampo from "./controstampo.vue";
import StepFooter from "@/app_modules_thermo/setup/components/step-footer.vue"
@Component({
components: {
modal: Modal,
discesacornice: DiscesaCornice,
salitaStampo: SalitaStampo,
controstampo:Controstampo,
stepfooter: StepFooter
}
})
@@ -11,7 +11,9 @@
<i class="fa fa-remove"></i>
</button>
</div>
<salita-stampo v-if="show=='QS'"></salita-stampo>
<discesacornice v-if="show=='QC'"></discesacornice>
<controstampo v-if="show=='QCS'"></controstampo>
<footer>
<button class="btn" @click="annulla()">Annulla</button>
<button class="btn btn-success" @click="conferma()">Conferma</button>
@@ -10,14 +10,14 @@
<div class="input-area">
<img src="assets/icons/png/clessidra.png">
<label>Ritardo</label>
<div class ="rect">{{mockR}}s</div>
<input class="rect" v-model="mockR">
</div>
<slider :min="0" :max="10" v-model="mockR" unit-of-measure="s"></slider>
<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>
<input class="rect" v-model="mockD">
</div>
<slider :min="0" :max="20" v-model="mockD" :unit-of-measure="'s'"></slider>
</div>
</section>
</template>
@@ -13,10 +13,10 @@ export default class RiscaldiSuperiori extends Vue {
@Prop({ default: 0 })
ritardo: number;
@Prop({ default: 40 })
@Prop({ default: 0 })
durata: number;
mockD: number = 0;
mockR: number = 0;
mockD: number = this.durata;
mockR: number = this.ritardo;
}
@@ -8,15 +8,15 @@
<div class="input-area">
<label>Durata massima</label>
<div class="rect">{{mockD}} s</div>
<input class="rect" v-model="mockD">
</div>
<slider :min="40" :max="100" v-model="mockD" :left="'40s'" :middle="'70s'" :right="'100s'"></slider>
<slider :min="40" :max="100" v-model="mockD" :unit-of-measure="'s'"></slider>
<div class="input-area">
<label>Setpoint ceramica</label>
<div class="rect">{{mockR}} s</div>
<input class="rect" v-model="mockR">
</div>
<slider :min="0" :max="320" v-model="mockR" unit-of-measure="°C"></slider>
<slider :min="0" :max="320" v-model="mockR" :unit-of-measure="'°C'"></slider>
<div class="input-area col">
<h3>Selezione</h3>
@@ -9,14 +9,14 @@
</div>
<div class="input-area">
<label>Portata sostentamento</label>
<div class="rect">{{mockP}} %</div>
<input class="rect" v-model="mockP">
</div>
<slider :min="0" :max="100" v-model="mockP" :left="'0%'" :middle="'50%'" :right="'100%'"></slider>
<slider :min="0" :max="100" v-model="mockP" :unit-of-measure="'%'"></slider>
<div class="input-area">
<label>Durata minima soffio</label>
<div class="rect">{{mockDM}} ms</div>
<input class="rect" v-model="mockDM">
</div>
<slider :min="0" :max="800" v-model="mockDM" :left="'0ms'" :middle="'400ms'" :right="'800ms'"></slider>
<slider :min="0" :max="800" v-model="mockDM" :unit-of-measure="'ms'"></slider>
<div class="input-area">
<label>Funzione "fumo"</label>
<toggle-button></toggle-button>
@@ -9,11 +9,13 @@ export default class VuotoPrincipale extends Vue{
@Prop({default:0})
ritardo:number;
@Prop({default:0})
percentuale:number;
@Prop({default:0})
durata:number;
mock_ritardo:number=this.ritardo;
mock_percentuale:number=this.percentuale;
mock_durata:number=this.durata;
}
@@ -13,21 +13,17 @@
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>Ritardo</label>
<div class="rect">
{{ritardo}} s
</div>
<input class="rect" v-model="mock_ritardo">
</div>
<slider :min="0" :max="10" v-model="ritardo" unit-of-measure="s"></slider>
<slider :min="0" :max="10" v-model="mock_ritardo" :unit-of-measure="'s'"></slider>
<hr />
<div class="input-area">
<label>Portata in manuale</label>
<div class="rect">
{{percentuale}} %
</div>
<input class="rect" v-model="mock_percentuale">
</div>
<slider :min="0" :max="100" v-model="percentuale" unit-of-measure="%"></slider>
<slider :min="0" :max="100" v-model="mock_percentuale" :unit-of-measure="'%'"></slider>
</aside>
<hr>
<div class="specific">
@@ -38,11 +34,9 @@
<div class="specific">
<div class="input-area">
<label>Durata massima</label>
<div class="rect">
{{durata}} s
</div>
<input class="rect" v-model="mock_durata">
</div>
<slider :min="0" :max="4" v-model="durata" unit-of-measure="s"></slider>
<slider :min="0" :max="4" v-model="mock_durata" :unit-of-measure="'s'"></slider>
</div>
</section>
</template>
@@ -80,9 +80,11 @@
<button @click="openProgram('/ricetta')" :title="'footer_tooltip_ricetta' | localize('Apertura Ricetta')"
:disabled="!isAreaEnabled('ricetta')" v-if="isAreaVisible('ricetta')" class="oval ricetta" :class="{ big:isInPath('ricetta') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('/setup')" :title="'footer_tooltip_setup' | localize('Setup')"
<button @click="openProgram('/setup')" :title="'footer_tooltip_setup' | localize('Setup')"
:disabled="!isAreaEnabled('jobeditor')" v-if="isAreaVisible('jobeditor')" class="oval jobeditor" :class="{ big:isInPath('setup') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('/production')" :title="'footer_tooltip_production' | localize('Production')"
<button @click="openProgram('/production')" :title="'footer_tooltip_production' | localize('Production')"
:disabled="!isAreaEnabled('production')" v-if="isAreaVisible('production')" class="oval main-production" :class="{ big:isInPath('production') && !state.isMainViewLiftedUp}"> </button>
<!-- <button @click="openProgram('/tooling')" :title="'footer_tooltip_tooling' | localize('Tooling')"
@@ -90,7 +92,8 @@
<button @click="openProgram('/report')" :title="'footer_tooltip_report' | localize('Report')"
:disabled="!isAreaEnabled('report')" v-if="isAreaVisible('report')" class="oval report-manager" :class="{ big:isInPath('report') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('/alarms')" :title="'footer_tooltip_alarms' | localize('Alarms')"
<button @click="openProgram('/alarms')" :title="'footer_tooltip_alarms' | localize('Alarms')"
:disabled="!isAreaEnabled('alarms')" v-if="isAreaVisible('alarms')" class="oval alarms-manager" :class="{ big:isInPath('alarms') && !state.isMainViewLiftedUp}"></button>
<!-- <button @click="openProgram('/maintenance')" :title="'footer_tooltip_maintenance' | localize('Maintenance')"
@@ -103,9 +106,10 @@
:disabled="!isAreaEnabled('utilities')" v-if="isAreaVisible('utilities')" class="oval utilities" :class="{ big:isInPath('utilities') && !state.isMainViewLiftedUp}"></button> -->
<button @click="openProgram('/progr-prerisc')" :title="'footer_tooltip_progr_prerisc' | localize('Programmazione Preriscaldo')"
:disabled="!isAreaEnabled('progrprerisc')" v-if="isAreaVisible('progrprerisc')" class="oval progrprerisc" :class="{ big:isInPath('progr-prerisc') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('/clock')" :title="'footer_tooltip_clock' | localize('Clock')"
<button @click="openProgram('/progrprerisc')" :title="'footer_tooltip_progr_prerisc' | localize('Programmazione Preriscaldo')"
:disabled="!isAreaEnabled('progrprerisc')" v-if="isAreaVisible('progrprerisc')" class="oval progrprerisc" :class="{ big:isInPath('progrprerisc') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('/clock')" :title="'footer_tooltip_clock' | localize('Clock')"
:disabled="!isAreaEnabled('clock')" v-if="isAreaVisible('clock')" class="oval clock" :class="{ big:isInPath('clock') && !state.isMainViewLiftedUp}"></button>
<!-- <div v-if="isAreaVisible('utilities') && getUtilities().length > 0" class="divider"><i class="fa fa-circle"></i></div>