Egalware/NKC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Completato review CSS x stile in tavola

Browse Source
This commit is contained in:
Samuele E. Locatelli
2019-09-16 18:18:39 +02:00
parent bf9e46c3fb
commit eb177af3a6
12 changed files with 294 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files
NKC_WF/Content/SheetColor.css
+67 -42
View File
@@ -1,46 +1,6 @@
rect {
transform: rotate(90deg);
}
#IT000001 {
fill: #FFAA55;
}
#IT000002 {
fill: green;
}
/*#IT000003 {
fill: orange;
.flashStroke;
.strokeThick;
}*/
#IT000004 {
fill: #FF6969;
/*.flashStroke;
.strokeThick;*/
}
#IT000005 {
fill: #0033FF;
}
/*#IT000006 {
fill: orange;
}*/
#IT000007 {
fill: #AACCFF;
}
#IT000008 {
fill: #2288FF;
}
.tableSvg {
background: url(../Images/test.svg) no-repeat top left;
background-size: contain;
}
.fVerde {
fill: green;
}
.fBlu {
fill: blue;
}
/* ANIMAZIONE */
.strokeThick {
stroke-width: 2px !important;
stroke-width: 5px !important;
}
/* Animazione per richiamo attenzione*/
.flashStroke {
@@ -77,4 +37,69 @@
100% {
stroke: #005ccc;
}
}
/* COLORI */
.SFONDO {
background-image: url("../Images/MT0006110.jpg");
background-repeat: no-repeat;
/* Do not repeat the image */
background-size: cover;
/* Resize the background image to cover the entire container */
}
.GRIGIO {
fill: #ACACAC;
}
.VERDE {
fill: green;
}
.BLU {
fill: #0033FF;
}
.ARANCIO {
fill: orange;
}
.GIALLO {
fill: yellow;
}
.PURPLE {
fill: purple;
}
/* Classi da sostituire dinamicamente*/
#BLK-BCK {
background-image: url("../Images/MT0006110.jpg");
background-repeat: no-repeat;
/* Do not repeat the image */
background-size: cover;
/* Resize the background image to cover the entire container */
}
#BLK-CUT {
fill: #ACACAC;
}
#BLK-SEL {
fill: orange;
stroke: blue;
/* Safari 4.0 - 8.0 */
-webkit-animation-name: blueFlash;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
/* Standard syntax */
animation-name: blueFlash;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: alternate;
stroke-width: 5px !important;
}
#BLK-BIN {
fill: green;
}
#BLK-CART {
fill: #0033FF;
}
#BLK-SEC-OP {
fill: purple;
}
NKC_WF/Content/SheetColor.less
+52 -56
View File
@@ -1,58 +1,5 @@
rect {
transform: rotate(90deg);
}
#IT000001 {
fill: #FFAA55;
}
#IT000002 {
fill: green;
}
/*#IT000003 {
fill: orange;
.flashStroke;
.strokeThick;
}*/
#IT000004 {
fill: #FF6969;
/*.flashStroke;
.strokeThick;*/
}
#IT000005 {
fill: #0033FF;
}
/*#IT000006 {
fill: orange;
}*/
#IT000007 {
fill: #AACCFF;
}
#IT000008 {
fill: #2288FF;
}
.tableSvg {
background: url(../Images/test.svg) no-repeat top left;
background-size: contain;
}
.fVerde {
fill: green;
}
.fBlu {
fill: blue;
}
@borderThick: 2px;
/* ANIMAZIONE */
@borderThick: 5px;
.strokeThick {
stroke-width: @borderThick !important;
@@ -97,4 +44,53 @@
100% {
stroke: #005ccc;
}
}
}
/* COLORI */
.SFONDO {
background-image: url("../Images/MT0006110.jpg");
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */
}
.GRIGIO {
fill: #ACACAC;
}
.VERDE {
fill: green;
}
.BLU {
fill: #0033FF;
}
.ARANCIO {
fill: orange;
}
.GIALLO {
fill: yellow;
}
.PURPLE {
fill: purple;
}
/* Classi da sostituire dinamicamente*/
#BLK-BCK {
.SFONDO;
}
#BLK-CUT {
.GRIGIO;
}
#BLK-SEL {
.ARANCIO;
.flashStroke;
.strokeThick;
}
#BLK-BIN {
.VERDE;
}
#BLK-CART {
.BLU;
}
#BLK-SEC-OP {
.PURPLE;
}
NKC_WF/Content/SheetColor.min.css
Vendored
+1 -1
View File
@@ -1 +1 @@
rect{transform:rotate(90deg);}#IT000001{fill:#fa5;}#IT000002{fill:green;}#IT000004{fill:#ff6969;}#IT000005{fill:#03f;}#IT000007{fill:#acf;}#IT000008{fill:#28f;}.tableSvg{background:url(../Images/test.svg) no-repeat top left;background-size:contain;}.fVerde{fill:green;}.fBlu{fill:blue;}.strokeThick{stroke-width:2px !important;}.flashStroke{stroke:blue;-webkit-animation-name:blueFlash;-webkit-animation-duration:.5s;-webkit-animation-timing-function:linear;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-name:blueFlash;animation-duration:.5s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:alternate;}@-webkit-keyframes blueFlash{0%{stroke:#c4dbff;}25%{stroke:#9dc4ff;}50%{stroke:#5ca5ff;}75%{stroke:#1b82ff;}100%{stroke:#005ccc;}}
.strokeThick{stroke-width:5px !important;}.flashStroke{stroke:blue;-webkit-animation-name:blueFlash;-webkit-animation-duration:.5s;-webkit-animation-timing-function:linear;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-name:blueFlash;animation-duration:.5s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:alternate;}@-webkit-keyframes blueFlash{0%{stroke:#c4dbff;}25%{stroke:#9dc4ff;}50%{stroke:#5ca5ff;}75%{stroke:#1b82ff;}100%{stroke:#005ccc;}}.SFONDO{background-image:url("../Images/MT0006110.jpg");background-repeat:no-repeat;background-size:cover;}.GRIGIO{fill:#acacac;}.VERDE{fill:green;}.BLU{fill:#03f;}.ARANCIO{fill:orange;}.GIALLO{fill:yellow;}.PURPLE{fill:purple;}#BLK-BCK{background-image:url("../Images/MT0006110.jpg");background-repeat:no-repeat;background-size:cover;}#BLK-CUT{fill:#acacac;}#BLK-SEL{fill:orange;stroke:blue;-webkit-animation-name:blueFlash;-webkit-animation-duration:.5s;-webkit-animation-timing-function:linear;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-name:blueFlash;animation-duration:.5s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:alternate;stroke-width:5px !important;}#BLK-BIN{fill:green;}#BLK-CART{fill:#03f;}#BLK-SEC-OP{fill:purple;}
NKC_WF/Controllers/getMUCssController.cs
+24 -14
View File
@@ -1,4 +1,4 @@
using System;
using SteamWare;
using System.IO;
using System.Net;
using System.Net.Http;
@@ -13,23 +13,33 @@ namespace NKC_WF.Controllers
// GET api/<controller>
public HttpResponseMessage Get()
{
string filename = HttpContext.Current.Server.MapPath("~/Content/SheetColor.css");
string answ = File.ReadAllText(filename);
// rendo dinamico in base al secondo pari/dispari il mio #IT00006
int secondi = DateTime.Now.Second;
if (secondi % 2 == 0)
string answ = "";
// recupero da REDIS!
string redKey = memLayer.ML.redHash("MachineUnload:01:Css");
// se vuoto scrivo versione attuale...
if (!memLayer.ML.redKeyPresent(redKey))
{
answ += "#IT000006 {fill: orange;}";
answ += "#IT000003 {fill: orange; .flashStroke; .strokeThick;}";
memLayer.ML.setRSV(redKey, answ);
}
else
answ = memLayer.ML.getRSV(redKey);
// RICALCOLO SOLO SE non trovo in REDIS (perché invalidato)
if (answ == "")
// se vuoto lo calcolo... !!!FIXME!!! leggere da DB!!!!
{
answ += "#IT000006 {fill: blue;}";
answ += "#IT000003 {fill: blue; .flashStroke; .strokeThick;}";
}
string filename = HttpContext.Current.Server.MapPath("~/Content/SheetColor.css");
answ = File.ReadAllText(filename);
//return answ;
// imposto sfondo ...
answ = answ.Replace("#BLK-BCK", "#Sheet");
// ...e primi 3 items...
answ = answ.Replace("#BLK-CUT", "#IT000006, #IT000007, #IT000008");
answ = answ.Replace("#BLK-SEL", "#IT000003");
answ = answ.Replace("#BLK-BIN", "#IT000001");
answ = answ.Replace("#BLK-CART", "#IT000002");
// salvo redis!
memLayer.ML.setRSV(redKey, answ);
}
return new HttpResponseMessage(HttpStatusCode.OK)
NKC_WF/Controllers/getMUCssRevController.cs
+9 -3
View File
@@ -1,4 +1,4 @@
using System;
using SteamWare;
using System.Web.Http;
namespace NKC_WF.Controllers
@@ -8,9 +8,15 @@ namespace NKC_WF.Controllers
// GET api/<controller>
public int Get()
{
// cambio ogni 3 secondi...
int answ = 0;
answ = (DateTime.Now.Second / 5);
// recupero da REDIS!
string redKey = memLayer.ML.redHash("MachineUnload:01:CssRev");
// se vuoto scrivo 1...
if (!memLayer.ML.redKeyPresent(redKey))
{
memLayer.ML.setRCntI(redKey);
}
answ = memLayer.ML.getRCnt(redKey);
return answ;
}
NKC_WF/Images/MT0006110.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 552 KiB

NKC_WF/Images/Test11.svg
+25
View File
@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8" ?>
<svg xmlns="http://www.w3.org/2000/svg">
<path id="Sheet" d="M 10,710 L 1010,710 L 1010,10 L 10,10 L 10,710" fill="none" stroke="rgb(0,0,0)" stroke-width="1" />
<path id="Part1" d="M 100,610 L 70,410 L 160,250 L 340,230 L 470,410 L 360,570 L 230,670 L 100,610" fill="none" stroke="rgb(255,0,0)" stroke-width="1" />
<text id="Name1" x="120" y="500" font-size="50" fill="rgb(255,0,0)">Part 1</text>
<path id="_13" d="M 220,310 A 10,10 0 0,0 200,310 A 10,10 0 0,0 220,310" fill="none" stroke="rgb(255,0,0)" stroke-width="1" />
<path id="_14" d="M 320,310 A 10,10 0 0,0 300,310 A 10,10 0 0,0 320,310" fill="none" stroke="rgb(255,0,0)" stroke-width="1" />
<path id="_15" d="M 220,410 A 10,10 0 0,0 200,410 A 10,10 0 0,0 220,410" fill="none" stroke="rgb(255,0,0)" stroke-width="1" />
<path id="_16" d="M 320,410 A 10,10 0 0,0 300,410 A 10,10 0 0,0 320,410" fill="none" stroke="rgb(255,0,0)" stroke-width="1" />
<path id="Part2" d="M 420,660 L 550,420 A 213.678,213.678 0 0,1 920,410 L 860,530 A 271.523,271.523 0 0,1 610,680 L 420,660" fill="none" stroke="rgb(0,255,0)" stroke-width="1" />
<text id="Name2" x="590" y="530" font-size="50" fill="rgb(0,255,0)">Part 2</text>
<path id="_19" d="M 610,410 A 15,15 0 0,1 610,380 L 860,380 A 15,15 0 0,1 860,410 L 610,410" fill="none" stroke="rgb(0,255,0)" stroke-width="1" />
<path id="Part3" d="M 160,80 L 910,60 L 920,320 L 710,280 L 540,340 L 380,210 L 20,250 L 160,80" fill="none" stroke="rgb(0,0,255)" stroke-width="1" />
<text id="Name3" x="520" y="190" font-size="50" fill="rgb(0,0,255)">Part 3</text>
<path id="_20" d="M 800,110 A 10,10 0 0,0 780,110 A 10,10 0 0,0 800,110" fill="none" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_21" d="M 900,110 A 10,10 0 0,0 880,110 A 10,10 0 0,0 900,110" fill="none" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_22" d="M 800,210 A 10,10 0 0,0 780,210 A 10,10 0 0,0 800,210" fill="none" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_23" d="M 900,210 A 10,10 0 0,0 880,210 A 10,10 0 0,0 900,210" fill="none" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_24" d="M 470,110 A 15,15 0 0,1 470,80 L 720,80 A 15,15 0 0,1 720,110 L 470,110" fill="none" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_25" d="M 470,260 A 15,15 0 0,1 470,230 L 720,230 A 15,15 0 0,1 720,260 L 470,260" fill="none" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_26" d="M 180,200 A 10,10 0 0,0 160,200 A 10,10 0 0,0 180,200" fill="none" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_27" d="M 280,200 A 10,10 0 0,0 260,200 A 10,10 0 0,0 280,200" fill="none" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_28" d="M 180,100 A 10,10 0 0,0 160,100 A 10,10 0 0,0 180,100" fill="none" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_29" d="M 280,100 A 10,10 0 0,0 260,100 A 10,10 0 0,0 280,100" fill="none" stroke="rgb(0,0,255)" stroke-width="1" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

NKC_WF/Images/test - Copia (2).svg
+25
View File
@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8" ?>
<svg xmlns="http://www.w3.org/2000/svg">
<path id="Sheet" d="M 10,710 L 1010,710 L 1010,10 L 10,10 L 10,710" fill="none" stroke="rgb(0,0,0)" stroke-width="1" />
<path id="IT000001" d="M 100,610 L 70,410 L 160,250 L 340,230 L 470,410 L 360,570 L 230,670 L 100,610" fill="none" stroke="rgb(255,0,0)" stroke-width="1" />
<text id="Name1" x="120" y="500" font-size="50" fill="rgb(255,0,0)">IT000002</text>
<path id="_13" d="M 220,310 A 10,10 0 0,0 200,310 A 10,10 0 0,0 220,310" fill="nonzero" stroke="rgb(255,0,0)" stroke-width="1" />
<path id="_14" d="M 320,310 A 10,10 0 0,0 300,310 A 10,10 0 0,0 320,310" fill="nonzero" stroke="rgb(255,0,0)" stroke-width="1" />
<path id="_15" d="M 220,410 A 10,10 0 0,0 200,410 A 10,10 0 0,0 220,410" fill="nonzero" stroke="rgb(255,0,0)" stroke-width="1" />
<path id="_16" d="M 320,410 A 10,10 0 0,0 300,410 A 10,10 0 0,0 320,410" fill="nonzero" stroke="rgb(255,0,0)" stroke-width="1" />
<path id="IT000002" d="M 420,660 L 550,420 A 213.678,213.678 0 0,1 920,410 L 860,530 A 271.523,271.523 0 0,1 610,680 L 420,660" fill="none" stroke="rgb(0,255,0)" stroke-width="1" />
<text id="Name2" x="590" y="530" font-size="50" fill="rgb(0,255,0)">IT000002</text>
<path id="_19" d="M 610,410 A 15,15 0 0,1 610,380 L 860,380 A 15,15 0 0,1 860,410 L 610,410" fill="nonzero" stroke="rgb(0,255,0)" stroke-width="1" />
<path id="IT000003" d="M 160,80 L 910,60 L 920,320 L 710,280 L 540,340 L 380,210 L 20,250 L 160,80" />
<text id="Name3" x="520" y="190" font-size="50" fill="rgb(0,0,255)">IT000003</text>
<path id="_20" d="M 800,110 A 10,10 0 0,0 780,110 A 10,10 0 0,0 800,110" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_21" d="M 900,110 A 10,10 0 0,0 880,110 A 10,10 0 0,0 900,110" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_22" d="M 800,210 A 10,10 0 0,0 780,210 A 10,10 0 0,0 800,210" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_23" d="M 900,210 A 10,10 0 0,0 880,210 A 10,10 0 0,0 900,210" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_24" d="M 470,110 A 15,15 0 0,1 470,80 L 720,80 A 15,15 0 0,1 720,110 L 470,110" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_25" d="M 470,260 A 15,15 0 0,1 470,230 L 720,230 A 15,15 0 0,1 720,260 L 470,260" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_26" d="M 180,200 A 10,10 0 0,0 160,200 A 10,10 0 0,0 180,200" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_27" d="M 280,200 A 10,10 0 0,0 260,200 A 10,10 0 0,0 280,200" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_28" d="M 180,100 A 10,10 0 0,0 160,100 A 10,10 0 0,0 180,100" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_29" d="M 280,100 A 10,10 0 0,0 260,100 A 10,10 0 0,0 280,100" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

NKC_WF/Images/test.backup.svg → NKC_WF/Images/test - Copia.svg
+16 -17
View File
@@ -1,4 +1,5 @@
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<?xml-stylesheet href="../Content/SheetColor.css" type="text/css" ?>
<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#"
@@ -6,10 +7,9 @@
xmlns="http://www.w3.org/2000/svg"
id="svg8"
version="1.1"
viewBox="0 0 210 297"
height="297mm"
width="210mm">
<defs id="defs2" />
viewBox="0 0 297 210"
height="210mm"
width="297mm">
<metadata id="metadata5">
<rdf:RDF>
<cc:Work rdf:about="">
@@ -19,28 +19,27 @@
</cc:Work>
</rdf:RDF>
</metadata>
<g id="layer1" class="base">
<g id="layer1" class="base"
transform="rotate(-90) translate(-210,0)">
<rect ry="0.055260345"
y="15.029762"
x="15.875"
height="257.77975"
width="180.67261"
id="Tavola"
style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
<path id="IT000005" class="IT000005"
fill="#FFFFFF"
/>
<path id="IT000005"
d="m 34.773809,29.392856 21.922618,5.291666 8.315478,12.851191 -2.267857,28.726191 c 0,0 -12.851191,34.017856 -16.630954,30.994046 -3.779761,-3.02381 -15.875,-9.82738 -15.875,-9.82738 l 3.779763,-43.089284 z"
style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" />
<path id="IT000004" class="IT000004"
d="m 81.642856,31.660713 2.267858,37.041667 43.845236,4.535714 42.33333,-6.047618 9.07143,-34.017857 -65.76785,-12.095238 z"
style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
/>
<path id="IT000004"
d="m 81.642856,31.660713 2.267858,37.041667 43.845236,4.535714 42.33333,-6.047618 9.07143,-34.017857 -65.76785,-12.095238 z" />
<path id="IT000003"
d="m 80.130951,98.184522 31.749999,-3.023809 22.67857,12.095237 40.82143,-9.82738 v 37.04167 l -52.91667,30.23809 -42.333329,-27.97024 z"
style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
d="m 80.130951,98.184522 31.749999,-3.023809 22.67857,12.095237 40.82143,-9.82738 v 37.04167 l -52.91667,30.23809 -42.333329,-27.97024 z" />
<path id="IT000002"
d="m 35.52976,126.91071 27.970239,3.77977 3.779761,123.22023 -34.773809,2.26786 z"
style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<path id="IT000001"
d="m 35.52976,126.91071 27.970239,3.77977 3.779761,123.22023 -34.773809,2.26786 z" />
<path id="IT000001"
d="m 89.958332,174.53571 35.529758,24.19048 38.55357,-24.19048 5.29167,72.57143 -64.25595,8.31548 z"
style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

NKC_WF/Images/test.svg
+24 -44
View File
@@ -1,45 +1,25 @@
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<?xml-stylesheet href="../Content/SheetColor.css" type="text/css" ?>
<svg xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
id="svg8"
version="1.1"
viewBox="0 0 297 210"
height="210mm"
width="297mm">
<metadata id="metadata5">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g id="layer1" class="base"
transform="rotate(-90) translate(-210,0)">
<rect ry="0.055260345"
y="15.029762"
x="15.875"
height="257.77975"
width="180.67261"
id="Tavola"
fill="#FFFFFF"
/>
<path id="IT000005"
d="m 34.773809,29.392856 21.922618,5.291666 8.315478,12.851191 -2.267857,28.726191 c 0,0 -12.851191,34.017856 -16.630954,30.994046 -3.779761,-3.02381 -15.875,-9.82738 -15.875,-9.82738 l 3.779763,-43.089284 z"
/>
<path id="IT000004"
d="m 81.642856,31.660713 2.267858,37.041667 43.845236,4.535714 42.33333,-6.047618 9.07143,-34.017857 -65.76785,-12.095238 z" />
<path id="IT000003"
d="m 80.130951,98.184522 31.749999,-3.023809 22.67857,12.095237 40.82143,-9.82738 v 37.04167 l -52.91667,30.23809 -42.333329,-27.97024 z" />
<path id="IT000002"
d="m 35.52976,126.91071 27.970239,3.77977 3.779761,123.22023 -34.773809,2.26786 z" />
<path id="IT000001"
d="m 89.958332,174.53571 35.529758,24.19048 38.55357,-24.19048 5.29167,72.57143 -64.25595,8.31548 z"
/>
</g>
<?xml version="1.0" encoding="UTF-8" ?>
<svg xmlns="http://www.w3.org/2000/svg">
<path id="Sheet" d="M 10,710 L 1010,710 L 1010,10 L 10,10 L 10,710" fill="none" stroke="rgb(0,0,0)" stroke-width="1" />
<path id="IT000001" d="M 100,610 L 70,410 L 160,250 L 340,230 L 470,410 L 360,570 L 230,670 L 100,610" fill="none" stroke="rgb(255,0,0)" stroke-width="1" />
<text id="Name1" x="120" y="500" font-size="50" fill="rgb(255,0,0)">IT000002</text>
<path id="_13" d="M 220,310 A 10,10 0 0,0 200,310 A 10,10 0 0,0 220,310" fill="nonzero" stroke="rgb(255,0,0)" stroke-width="1" />
<path id="_14" d="M 320,310 A 10,10 0 0,0 300,310 A 10,10 0 0,0 320,310" fill="nonzero" stroke="rgb(255,0,0)" stroke-width="1" />
<path id="_15" d="M 220,410 A 10,10 0 0,0 200,410 A 10,10 0 0,0 220,410" fill="nonzero" stroke="rgb(255,0,0)" stroke-width="1" />
<path id="_16" d="M 320,410 A 10,10 0 0,0 300,410 A 10,10 0 0,0 320,410" fill="nonzero" stroke="rgb(255,0,0)" stroke-width="1" />
<path id="IT000002" d="M 420,660 L 550,420 A 213.678,213.678 0 0,1 920,410 L 860,530 A 271.523,271.523 0 0,1 610,680 L 420,660" fill="none" stroke="rgb(0,255,0)" stroke-width="1" />
<text id="Name2" x="590" y="530" font-size="50" fill="rgb(0,255,0)">IT000002</text>
<path id="_19" d="M 610,410 A 15,15 0 0,1 610,380 L 860,380 A 15,15 0 0,1 860,410 L 610,410" fill="nonzero" stroke="rgb(0,255,0)" stroke-width="1" />
<path id="IT000003" d="M 160,80 L 910,60 L 920,320 L 710,280 L 540,340 L 380,210 L 20,250 L 160,80" />
<text id="Name3" x="520" y="190" font-size="50" fill="rgb(0,0,255)">IT000003</text>
<path id="_20" d="M 800,110 A 10,10 0 0,0 780,110 A 10,10 0 0,0 800,110" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_21" d="M 900,110 A 10,10 0 0,0 880,110 A 10,10 0 0,0 900,110" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_22" d="M 800,210 A 10,10 0 0,0 780,210 A 10,10 0 0,0 800,210" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_23" d="M 900,210 A 10,10 0 0,0 880,210 A 10,10 0 0,0 900,210" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_24" d="M 470,110 A 15,15 0 0,1 470,80 L 720,80 A 15,15 0 0,1 720,110 L 470,110" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_25" d="M 470,260 A 15,15 0 0,1 470,230 L 720,230 A 15,15 0 0,1 720,260 L 470,260" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_26" d="M 180,200 A 10,10 0 0,0 160,200 A 10,10 0 0,0 180,200" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_27" d="M 280,200 A 10,10 0 0,0 260,200 A 10,10 0 0,0 280,200" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_28" d="M 180,100 A 10,10 0 0,0 160,100 A 10,10 0 0,0 180,100" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
<path id="_29" d="M 280,100 A 10,10 0 0,0 260,100 A 10,10 0 0,0 280,100" fill="nonzero" stroke="rgb(0,0,255)" stroke-width="1" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

NKC_WF/MachineUnload.aspx
+47
View File
@@ -17,6 +17,53 @@
</ContentTemplate>
</asp:UpdatePanel>--%>
<style>
.strokeThick {
stroke-width: 2px !important;
}
/* Animazione per richiamo attenzione*/
.flashStroke {
stroke: blue;
/* Safari 4.0 - 8.0 */
-webkit-animation-name: blueFlash;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
/* Standard syntax */
animation-name: blueFlash;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes blueFlash {
0% {
stroke: #c4dbff;
}
25% {
stroke: #9dc4ff;
}
50% {
stroke: #5ca5ff;
}
75% {
stroke: #1b82ff;
}
100% {
stroke: #005ccc;
}
}
</style>
<div id="uplTavola">
<link href="api/getMUCss" rel="stylesheet" id="dynCss" />
NKC_WF/NKC_WF.csproj
+4 -1
View File
@@ -208,8 +208,11 @@
</Content>
<Content Include="DevUtils.aspx" />
<Content Include="getDynCss.aspx" />
<Content Include="Images\test.backup.svg" />
<Content Include="Images\MT0006110.jpg" />
<Content Include="Images\test - Copia %282%29.svg" />
<Content Include="Images\test - Copia.svg" />
<Content Include="Images\test.svg" />
<Content Include="Images\Test11.svg" />
<Content Include="MachineLoad.aspx" />
<Content Include="MachineUnload.aspx" />
<Content Include="OrderManager.aspx" />