397 lines
26 KiB
Plaintext
397 lines
26 KiB
Plaintext
@addTagHelper*, Microsoft.AspNetCore.Mvc.TagHelpers
|
|
@model SelectList
|
|
@{
|
|
ViewData["Title"] = "My workspace";
|
|
Layout = "~/Views/Shared/_LayoutAreaRiservata.cshtml";
|
|
}
|
|
|
|
|
|
|
|
|
|
<script src="https://unpkg.com/gojs@2.3.16/release/go.js"></script>
|
|
|
|
<div id="allSampleContent" class="p-4 w-full" style="text-align:center;">
|
|
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet" type="text/css">
|
|
<script id="code">
|
|
function init() {
|
|
|
|
// Abstract colors
|
|
var Colors = {
|
|
"red": "#be4b15",
|
|
"green": "#52ce60",
|
|
"blue": "#6ea5f8",
|
|
"lightred": "#fd8852",
|
|
"lightblue": "#afd4fe",
|
|
"lightgreen": "#b9e986",
|
|
"pink": "#faadc1",
|
|
"purple": "#d689ff",
|
|
"orange": "#f08c00"
|
|
}
|
|
|
|
var ColorNames = [];
|
|
for (var n in Colors) ColorNames.push(n);
|
|
|
|
// a conversion function for translating general color names to specific colors
|
|
function colorFunc(colorname) {
|
|
var c = Colors[colorname]
|
|
if (c) return c;
|
|
return "gray";
|
|
}
|
|
|
|
|
|
// Icons derived from SVG paths designed by freepik: http://www.freepik.com/
|
|
var Icons = {};
|
|
Icons.natgas =
|
|
"M512 505.6c-108.8 0-204.8-89.6-204.8-204.8S396.8 102.4 512 102.4c108.8 0 204.8 89.6 204.8 204.8S620.8 505.6 512 505.6z m0-358.4c-83.2 0-153.6 70.4-153.6 153.6s64 153.6 153.6 153.6 153.6-70.4 153.6-153.6S595.2 147.2 512 147.2z M832 864c0-211.2-147.2-377.6-326.4-377.6s-326.4 166.4-326.4 377.6H832z M832 889.6H147.2v-25.6c0-224 160-403.2 352-403.2s352 179.2 352 396.8v25.6l-19.2 6.4z m-633.6-51.2h608C800 659.2 665.6 512 505.6 512c-166.4 0-294.4 147.2-307.2 326.4zM710.4 499.2c-12.8 0-25.6-12.8-25.6-25.6s12.8-25.6 25.6-25.6c64 0 121.6-51.2 121.6-121.6 0-51.2-32-96-83.2-115.2-12.8-6.4-19.2-19.2-12.8-32 6.4-12.8 19.2-19.2 32-12.8 70.4 19.2 115.2 83.2 115.2 160-6.4 96-83.2 172.8-172.8 172.8z M966.4 806.4h-57.6c-12.8 0-25.6-12.8-25.6-25.6s12.8-25.6 25.6-25.6h32c-12.8-140.8-115.2-249.6-236.8-249.6-12.8 0-25.6-12.8-25.6-25.6s12.8-25.6 25.6-25.6c160 0 288 147.2 288 326.4v25.6h-25.6z M300.8 499.2c-6.4 0-6.4 0 0 0-44.8 0-89.6-12.8-121.6-44.8-32-32-44.8-76.8-44.8-121.6 0-70.4 44.8-134.4 115.2-160 12.8-6.4 25.6 0 32 12.8 6.4 12.8 0 25.6-12.8 32-57.6 19.2-89.6 64-89.6 115.2 0 32 12.8 64 32 83.2 19.2 25.6 51.2 32 83.2 38.4 19.2 0 25.6 12.8 25.6 25.6s-6.4 19.2-19.2 19.2z M89.6 806.4H12.8v-25.6c0-179.2 128-320 288-320 12.8 0 25.6 12.8 25.6 25.6s-12.8 25.6-25.6 25.6C179.2 512 76.8 620.8 64 761.6h32c12.8 0 25.6 12.8 25.6 25.6-6.4 6.4-12.8 19.2-32 19.2z";
|
|
|
|
Icons.oil =
|
|
"M136.896,147.739V92.723h45.017v55.016H136.896z M159.806,85.007c19.885,0,36.202-15.239,37.932-34.673h-75.864 C123.605,69.769,139.922,85.007,159.806,85.007z M197.899,40.093c0-21.038-17.055-38.092-38.092-38.092 c-17.423,0-32.103,11.702-36.637,27.672H96.453v11.807h101.411C197.882,41.019,197.899,40.558,197.899,40.093z M207.295,92.723 H191.01v86.543h13.671v65.878h-90.518l0.006-65.878h13.63V92.723h-16.531c-25.57,0-46.299,20.729-46.299,46.299v40.244 l-28.533-0.042v-40.34c8.81-3.885,14.693-12.47,14.693-22.711c0-10.253-6.039-19.515-14.855-23.393v23.704H16.522V92.779 C7.974,96.766,2,106.118,2,116.173c0,10.049,6.213,18.719,14.758,22.711v40.34C8.672,179.799,2,186.539,2,194.771 c0,8.232,6.385,14.959,14.472,15.534v23.93h19.697v-23.847l40.351,0.059c10.604,0,19.258-8.26,19.934-18.694v-44.014h8.855v106.26 h108.228v-106.26h8.878l0.082,90.42c0,8.611,6.817,15.841,15.427,15.841h0.346c8.61,0,15.73-6.897,15.73-15.507v-99.47 C254,113.452,232.865,92.723,207.295,92.723z"
|
|
|
|
Icons.pyrolysis =
|
|
"F M226.46,198.625v-75.5h-87.936v-19.391h-14.304V92.319h-5.079l-3.724-82.777H91.766l-3.724,82.777h-6.18v11.415H68.535\
|
|
V92.319h-5.079L59.731,9.542H36.08l-3.724,82.777h-6.18v11.415H11.872v94.891H0v35.167h243.333v-35.167H226.46z M61.355,191.792h-28\
|
|
v-69.333h28V191.792z M117.041,191.792h-28v-69.333h28V191.792z M168.46,198.625h-29.936v-17.5h29.936V198.625z M206.46,198.625h-18\
|
|
v-37.5h-49.936v-18h67.936V198.625z";
|
|
|
|
Icons.fractionation =
|
|
"F M224.609,218.045l-5.24-173.376h9.172V18.297h-9.969L218.019,0h-32.956l-0.553,18.297h-9.969v26.372h9.171l-2.475,81.878\
|
|
h-39.196l-1.833-52.987h8.998V47.188h-9.91l-0.633-18.297h-32.913l-0.633,18.297h-9.911V73.56h8.999l-1.833,52.987H62.081\
|
|
l-0.974-24.097h8.767V76.079h-9.833l-0.74-18.298H26.446l-0.739,18.298h-9.832v26.371h8.766L19.97,218.045H3.041v26.371h238.333\
|
|
v-26.371z M144.536,198.667h34.522l-0.586,19.378h-33.267L144.536,198.667z M143.624,172.296l-0.67-19.378h37.487\
|
|
l-0.586,19.378H143.624z M100.792,172.296H63.93l-0.783-19.378h38.315L100.792,172.296z M99.88,198.667l-0.67,19.378h-33.43\
|
|
l-0.783-19.378H99.88z";
|
|
|
|
Icons.export =
|
|
"M491.951,414.346l-66.37-66.37c-6.971-6.97-17.36-9.036-26.468-5.264c-9.108,3.772-14.993,12.58-14.993,22.438v9.98\
|
|
c0,2.364-1.923,4.287-4.287,4.287h-6.713V103c0-2.652-1.054-5.196-2.929-7.071l-93-93C275.316,1.054,272.772,0,270.12,0h-253\
|
|
c-5.523,0-10,4.477-10,10v482c0,5.523,4.477,10,10,10h346c5.523,0,10-4.477,10-10v-28.583h6.713c2.364,0,4.287,1.923,4.287,4.287\
|
|
v9.98c0,9.858,5.885,18.666,14.993,22.438c3.023,1.252,6.186,1.861,9.319,1.861c6.308,0,12.492-2.469,17.149-7.125l66.37-66.37\
|
|
c1.875-1.875,2.929-4.419,2.929-7.071S493.826,416.221,491.951,414.346z M280.12,34.142L338.978,93H280.12V34.142z M353.12,482\
|
|
h-326V20h233v83c0,5.523,4.477,10,10,10h83v266.417h-21c-5.523,0-10,4.477-10,10v64c0,5.523,4.477,10,10,10h21V482z\
|
|
M342.12,443.417v-44h37.713c13.392,0,24.287-10.895,24.287-24.287v-9.98c0-2.492,1.658-3.551,2.646-3.96\
|
|
c0.988-0.41,2.91-0.834,4.672,0.929l0,0l59.299,59.298l-59.299,59.299c-1.762,1.763-3.683,1.338-4.672,0.929\
|
|
c-0.988-0.41-2.646-1.468-2.646-3.961v-9.98c0-13.392-10.895-24.287-24.287-24.287H342.12z";
|
|
|
|
Icons.polymerization =
|
|
"M0,940.564c82.388,0,149.744-16.086,200.198-47.812c13.561-8.527,24.204-17.158,32.446-25.025l187.903,36.854 l0.227-58.355h540.128V200.749h-539.65L420.55,20.338L160.318,67.584l-7.978,12.615c-3.423,5.413-83.832,135.405-83.832,381.968 c0,246.764,80.604,373.989,84.035,379.284l0.152,0.234C104.717,867.08,43.664,872.564,0,872.564V940.564z M173.203,203.848 c11.382-35.955,22.858-61.104,29.869-74.914l149.794-27.195l0.385,99.011l0.083,21.222l-114.299,42.032l-3.647,18.826 C224.116,341.025,218.4,401.363,218.4,462.168c0,60.804,5.716,121.142,16.988,179.337l3.647,18.826l7.13,2.621l107.169,39.41 l-0.295,75.859l-0.171,43.787l-149.847-29.391c-5.947-11.475-15.189-31.15-24.857-58.789c-1.676-4.789-3.364-9.812-5.05-15.078 c-30.256-94.502-36.606-191.691-36.606-256.583C136.508,344.461,156.462,256.724,173.203,203.848z M892.904,268.749v509.474 H421.041l0.479-123.238l-122.781-45.15c-8.192-48.121-12.339-97.701-12.339-147.666c0-49.964,4.146-99.545,12.339-147.667 l122.781-45.15l-0.002-0.601L892.904,268.749L892.904,268.749z";
|
|
Icons.impianti =
|
|
"F M242.179,212.635V58.634h-80.936v40.877h-13.465l-1.351-33.828h5.284V45.247h-6.1l-0.415-10.382h6.515V14.431h-46.927\
|
|
v20.435h6.515l-0.415,10.382h-6.1v20.436h5.284l-2.8,70.125H96.186V95.007H10.642v117.628H0v25.755h252.82v-25.755H242.179z\
|
|
M73.501,135.808H51.714v76.827H33.327v-94.942h40.174V135.808z M137.797,213.516h-19.099v-88h19.099V213.516z M219.494,212.635\
|
|
h-18.316v-51.411h18.316V212.635z M219.494,138.539h-18.316V99.511h-17.25V81.319h35.566V138.539z";
|
|
Icons.buono =
|
|
"M511.283,36.602V24.686H138.117v11.916c0,24.609,0.684,50.334,0.684,77.044\
|
|
c0,38.954-1.435,79.993-8.379,122.717c-6.606,40.631-18.175,82.794-38.254,126.262H56.249c-6.347,0-12.755,1.021-18.937,3.166\
|
|
c-9.261,3.216-18.029,9.087-24.67,17.717c-6.658,8.612-11.05,19.81-12.356,33.014C0.096,418.432,0,420.334,0,422.219\
|
|
c-0.009,9.572,2.456,18.6,6.606,26.511c6.234,11.899,16.083,21.35,27.523,27.947c11.458,6.589,24.6,10.385,37.985,10.48\
|
|
l283.679,0.156c10.8,0.026,20.165-2.179,28.138-5.802c7.98-3.605,14.492-8.396,20.536-13.212\
|
|
c24.713-19.68,43.805-44.073,58.461-71.146c21.989-40.658,34.13-87.368,40.917-134.866c6.771-47.498,8.146-95.851,8.154-139.864\
|
|
C512,90.904,511.283,61.6,511.283,36.602z M72.245,463.336h0.009c-5.915-0.027-12.046-1.194-17.848-3.364\
|
|
c-8.715-3.234-16.619-8.716-22.058-15.331c-2.732-3.312-4.859-6.892-6.312-10.627c-1.443-3.744-2.214-7.643-2.214-11.794\
|
|
c0-1.089,0.052-2.196,0.165-3.32c0.631-6.295,2.144-11.336,4.15-15.408c3.026-6.088,7.117-10.135,11.942-12.91\
|
|
c4.816-2.75,10.462-3.995,16.17-3.995H311.54c-2.767,3.174-5.231,6.805-7.203,10.912c-2.905,6.018-4.85,13.005-5.638,20.866\
|
|
c-0.173,1.789-0.26,3.545-0.26,5.291c0,8.319,1.989,16.196,5.447,23.192c3.113,6.286,7.394,11.872,12.469,16.628L72.245,463.336z\
|
|
M471.914,303.895c-6.875,29.357-16.533,57.174-29.936,81.921c-13.402,24.747-30.48,46.416-52.357,63.857\
|
|
c-5.516,4.41-10.368,7.826-15.478,10.117c-5.136,2.291-10.609,3.674-18.34,3.7l-7.955-0.008\
|
|
c-7.203-2.041-13.887-5.646-19.326-10.385c-4.393-3.814-7.947-8.327-10.394-13.29c-2.446-4.963-3.805-10.359-3.805-16.152\
|
|
c0-1.21,0.052-2.447,0.182-3.701c0.623-6.234,2.11-11.362,4.133-15.564c3.053-6.294,7.256-10.575,12.115-13.454\
|
|
c4.851-2.862,10.428-4.255,15.996-4.246c5.621-0.017,11.189,1.436,15.798,4.021c4.626,2.603,8.25,6.26,10.446,10.818\
|
|
c1.159,2.404,1.876,5.612,1.876,8.846c0,2.654-0.475,5.292-1.34,7.497c-0.856,2.222-2.076,3.96-3.494,5.171\
|
|
c-2.663,2.239-5.378,3.087-8.12,3.104c-2.386,0-4.772-0.718-6.761-2.006c-2.006-1.28-3.563-3.079-4.479-5.214l-14.596,6.261\
|
|
c2.23,5.214,5.983,9.425,10.497,12.322c4.505,2.896,9.814,4.513,15.339,4.513c6.321,0.026,12.953-2.214,18.418-6.892\
|
|
c3.744-3.199,6.338-7.246,7.998-11.509c1.652-4.263,2.404-8.777,2.404-13.247c0-5.43-1.098-10.834-3.433-15.72\
|
|
c-3.744-7.791-9.874-13.801-16.982-17.787c-6.97-3.9-14.925-5.94-23.01-6.044v-0.122h-232.61\
|
|
c20.528-44.972,32.444-88.708,39.231-130.516c7.246-44.6,8.681-87.013,8.681-126.538c0-22.724-0.458-44.445-0.605-65.137h325.513\
|
|
c0.156,22.507,0.657,47.497,0.657,73.913C488.196,180.417,485.679,245.183,471.914,303.895z";
|
|
|
|
|
|
|
|
var IconNames = [];
|
|
for (var n in Icons) IconNames.push(n);
|
|
|
|
// A data binding conversion function. Given a name, return the Geometry.
|
|
// If there is only a string, replace it with a Geometry object, which can be shared by multiple Shapes.
|
|
function geoFunc(geoname) {
|
|
var geo = Icons[geoname];
|
|
if (typeof geo === "string") {
|
|
geo = Icons[geoname] = go.Geometry.parse(geo, true);
|
|
}
|
|
return geo;
|
|
}
|
|
|
|
|
|
|
|
// Since 2.2 you can also author concise templates with method chaining instead of GraphObject.make
|
|
// For details, see https://gojs.net/latest/intro/buildingObjects.html
|
|
const $ = go.GraphObject.make; // for conciseness in defining templates
|
|
myDiagram = new go.Diagram("myDiagramDiv", // create a Diagram for the DIV HTML element
|
|
{
|
|
initialAutoScale: go.Diagram.Uniform, // scale to show all of the contents
|
|
"ChangedSelection": onSelectionChanged, // view additional information
|
|
maxSelectionCount: 1, // don't allow users to select more than one thing at a time
|
|
isReadOnly: true
|
|
});
|
|
|
|
myDiagram.nodeTemplate =
|
|
$(go.Node, "Spot",
|
|
{
|
|
locationObjectName: "PORT",
|
|
locationSpot: go.Spot.Top, // location point is the middle top of the PORT
|
|
linkConnected: updatePortHeight,
|
|
linkDisconnected: updatePortHeight,
|
|
toolTip:
|
|
$("ToolTip",
|
|
$(go.TextBlock, { margin: 4, width: 140 },
|
|
new go.Binding("text", "", data => data.text + ":\n\n" + data.description))
|
|
),
|
|
click: function (e, obj) {
|
|
|
|
var _url = obj.part.data.urlvt;
|
|
|
|
window.location.href = "." + _url;
|
|
//window.location.href = "https://localhost:7140" + _url;
|
|
|
|
|
|
}
|
|
},
|
|
new go.Binding("location", "pos", go.Point.parse).makeTwoWay(go.Point.stringify),
|
|
// The main element of the Spot panel is a vertical panel housing an optional icon,
|
|
// plus a rectangle that acts as the port
|
|
$(go.Panel, "Vertical",
|
|
$(go.Shape,
|
|
{
|
|
width: 80, height: 0,
|
|
stroke: null, strokeWidth: 0, fill: "gray"
|
|
},
|
|
|
|
new go.Binding("height", "icon", () => 80),
|
|
new go.Binding("fill", "color", colorFunc),
|
|
new go.Binding("geometry", "icon", geoFunc)
|
|
|
|
|
|
),
|
|
|
|
$(go.Shape,
|
|
{
|
|
name: "PORT",
|
|
width: 40, height: 24, margin: new go.Margin(-1, 0, 0, 0),
|
|
stroke: null, strokeWidth: 0, fill: "gray",
|
|
portId: "", fromLinkable: true, toLinkable: true
|
|
},
|
|
new go.Binding("fill", "color", colorFunc)),
|
|
|
|
$(go.TextBlock,
|
|
{
|
|
font: "Bold 14px Lato, sans-serif",
|
|
textAlign: "center",
|
|
margin: 3,
|
|
maxSize: new go.Size(100, NaN),
|
|
alignment: go.Spot.Top,
|
|
alignmentFocus: go.Spot.Bottom,
|
|
editable: true
|
|
},
|
|
new go.Binding("text").makeTwoWay())
|
|
)
|
|
);
|
|
|
|
function updatePortHeight(node, link, port) {
|
|
var sideinputs = 0;
|
|
var sideoutputs = 0;
|
|
node.findLinksConnected().each(l => {
|
|
if (l.toNode === node && l.toSpot === go.Spot.LeftSide) sideinputs++;
|
|
if (l.fromNode === node && l.fromSpot === go.Spot.RightSide) sideoutputs++;
|
|
});
|
|
var tot = Math.max(sideinputs, sideoutputs);
|
|
tot = Math.max(1, Math.min(tot, 2));
|
|
port.height = tot * (10 + 2) + 2; // where 10 is the link path's strokeWidth
|
|
}
|
|
|
|
myDiagram.linkTemplate =
|
|
$(go.Link,
|
|
{
|
|
layerName: "Background",
|
|
routing: go.Link.Orthogonal,
|
|
corner: 15,
|
|
reshapable: true,
|
|
resegmentable: true,
|
|
fromSpot: go.Spot.RightSide,
|
|
toSpot: go.Spot.LeftSide
|
|
},
|
|
// make sure links come in from the proper direction and go out appropriately
|
|
new go.Binding("fromSpot", "fromSpot", go.Spot.parse),
|
|
new go.Binding("toSpot", "toSpot", go.Spot.parse),
|
|
new go.Binding("points").makeTwoWay(),
|
|
// mark each Shape to get the link geometry with isPanelMain: true
|
|
$(go.Shape, { isPanelMain: true, stroke: "gray", strokeWidth: 10 },
|
|
// get the default stroke color from the fromNode
|
|
new go.Binding("stroke", "fromNode", n => go.Brush.lighten((n && Colors[n.data.color]) || "gray")).ofObject(),
|
|
// but use the link's data.color if it is set
|
|
new go.Binding("stroke", "color", colorFunc)),
|
|
$(go.Shape, { isPanelMain: true, stroke: "white", strokeWidth: 3, name: "PIPE", strokeDashArray: [20, 40] })
|
|
);
|
|
|
|
var SpotNames = ["Top", "Left", "Right", "Bottom", "TopSide", "LeftSide", "RightSide", "BottomSide"];
|
|
|
|
myDiagram.model = go.Model.fromJson(document.getElementById("mySavedModel").textContent);
|
|
|
|
loop(); // animate some flow through the pipes
|
|
}
|
|
|
|
var opacity = 1;
|
|
var down = true;
|
|
function loop() {
|
|
var diagram = myDiagram;
|
|
setTimeout(() => {
|
|
var oldskips = diagram.skipsUndoManager;
|
|
diagram.skipsUndoManager = true;
|
|
diagram.links.each(link => {
|
|
var shape = link.findObject("PIPE");
|
|
var off = shape.strokeDashOffset - 3;
|
|
// animate (move) the stroke dash
|
|
shape.strokeDashOffset = (off <= 0) ? 60 : off;
|
|
// animte (strobe) the opacity:
|
|
if (down) opacity = opacity - 0.01;
|
|
else opacity = opacity + 0.003;
|
|
if (opacity <= 0) { down = !down; opacity = 0; }
|
|
if (opacity > 1) { down = !down; opacity = 1; }
|
|
shape.opacity = opacity;
|
|
});
|
|
diagram.skipsUndoManager = oldskips;
|
|
loop();
|
|
}, 60);
|
|
}
|
|
|
|
function onSelectionChanged() {
|
|
var node = myDiagram.selection.first();
|
|
if (!(node instanceof go.Node)) return;
|
|
var data = node.data;
|
|
var image = document.getElementById("Image");
|
|
var title = document.getElementById("Title");
|
|
var description = document.getElementById("Description");
|
|
|
|
if (data.imgsrc) {
|
|
image.src = data.imgsrc;
|
|
image.alt = data.caption;
|
|
} else {
|
|
image.src = "";
|
|
image.alt = "";
|
|
}
|
|
title.textContent = data.text;
|
|
description.textContent = data.description;
|
|
}
|
|
window.addEventListener('DOMContentLoaded', init);
|
|
</script>
|
|
|
|
<div id="sample">
|
|
<div style="width:100%">
|
|
<div id="myDiagramDiv" style="border: 1px solid black; width: 70%; height: 550px; display: inline-block; vertical-align: top; position: relative; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); cursor: auto;"><canvas tabindex="0" width="737" height="548" style="position: absolute; top: 0px; left: 0px; z-index: 2; user-select: none; touch-action: none; width: 737px; height: 548px; cursor: auto;"></canvas><div style="position: absolute; overflow: auto; width: 737px; height: 548px; z-index: 1;"><div style="position: absolute; width: 1px; height: 1px;"></div></div></div>
|
|
<!-- <div id="infobox" style="display: inline-block; vertical-align: top; width: 256px; background: #757575; color: #FFF; padding: 20px;"> -->
|
|
<!-- <img id="Image" width="216" alt="Gas Drilling Well" src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/BarnettShaleDrilling-9323.jpg/256px-BarnettShaleDrilling-9323.jpg"> -->
|
|
<!-- <h3 id="Title">Virtual task</h3> -->
|
|
<!-- <p id="Description">Area privata</p> -->
|
|
<!-- </div> -->
|
|
</div>
|
|
<div>
|
|
<textarea id="mySavedModel" style="display: none">{ "class": "GraphLinksModel",
|
|
"nodeDataArray": [
|
|
{"key":1, "pos":"-170 -48", "icon":"natgas", "color":"blue", "text":"Clienti", "description":"Archivio clienti", "caption":"Clienti", "imgsrc":"","urlvt":"/Anag"},
|
|
{"key":2, "pos":"-170 96", "icon":"oil", "color":"blue", "text":"Tecnici", "description":"Anagrafica dei tecnici con le informazioni relative al telefono e alle credenziali di accesso all'APP", "caption":"Tecnici", "imgsrc":"logo__tecnico.jpg","urlvt":"/Tecnici"},
|
|
{"key":3, "pos":"-170 240", "icon":"impianti", "color":"blue", "text":"Impianti", "description":"Anagrafica degli Impianti associati ai clienti", "caption":"Impianti", "imgsrc":"logo__impianto.jpg","urlvt":"/Impianti"},
|
|
{"key":4, "pos":"60 96", "icon":"polymerization", "color":"red", "text":"Chiamate", "description":"Appuntamenti stabiliti dalla richiesta di un cliente e disponibili via APP", "caption":"", "imgsrc":"","urlvt":"/Chiamate"},
|
|
{"key":5, "pos":"290 102", "icon":"buono", "color":"green", "text":"Buoni", "description":"Elenco dei documenti prodotti dall'APP e firmati dal cliente a seguito dell'intervento", "caption":"Buoni", "imgsrc":"","urlvt":"/Rapp_New"},
|
|
{"key":6, "pos":"520 102", "icon":"export","color":"orange", "text":"Export6", "description":"Export dei dati relativi ai buoni prodotti", "caption":"", "imgsrc":"Export","urlvt":"/Rapportini"}
|
|
|
|
|
|
],
|
|
"linkDataArray": [
|
|
{"from":1, "to":4, "points":[]},
|
|
{"from":2, "to":4, "points":[]},
|
|
{"from":3, "to":4, "points":[]},
|
|
{"from":4, "to":5, "points":[]},
|
|
{"from":5, "to":6, "points":[]}
|
|
]}
|
|
</textarea>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@* <div class="row agy-work-text" style="">
|
|
<div style="float:left;width:20%;font-weight:bold;text-align:center;">Anagrafiche/Codifiche</div>
|
|
<div style="float:left;width:5%;"> </div>
|
|
<div style="float:left;width:20%;font-weight:bold;text-align:center">Chiamate</div>
|
|
<div style="float:left;width:5%;"> </div>
|
|
<div style="float:left;width:20%;font-weight:bold;text-align:center">Buoni intervento</div>
|
|
<div style="float:left;width:5%;"> </div>
|
|
<div style="float:left;width:20%;font-weight:bold;text-align:center">Export</div>
|
|
<div style="float:left;width:5%;"> </div>
|
|
</div>
|
|
<div class="row agy-work-text" style="">
|
|
<div style="float:left;width:100%;"> </div>
|
|
</div>
|
|
<div class="row agy-work-text" style="">
|
|
<div style="float:left;width:20%;text-align:center;"><a asp-area="" asp-controller="Anag" asp-action="Index"><img src="~/assets/images/Entity.png"></a></div>
|
|
<div style="float:left;width:5%;background-color:white;"><img src="~/assets/images/r_arrow2.png"></div>
|
|
<div style="float:left;width:20%;text-align:center;"> </div>
|
|
<div style="float:left;width:5%;background-color:white;"> </div>
|
|
<div style="float:left;width:20%;text-align:center;"> </div>
|
|
<div style="float:left;width:5%;background-color:white;"> </div>
|
|
<div style="float:left;width:20%;text-align:center;"> </div>
|
|
<div style="float:left;width:5%;background-color:white;"> </div>
|
|
</div>
|
|
<div class="row agy-work-text" style="">
|
|
<div style="float:left;width:20%;text-align:center;">Clienti</div>
|
|
<div style="float:left;width:5%;"> </div>
|
|
<div style="float:left;width:20%;text-align:center;"> </div>
|
|
<div style="float:left;width:5%;background-color:white;"> </div>
|
|
<div style="float:left;width:20%;text-align:center;"> </div>
|
|
<div style="float:left;width:5%;background-color:white;"> </div>
|
|
<div style="float:left;width:20%;"> </div>
|
|
<div style="float:left;width:5%;"> </div>
|
|
</div>
|
|
<div class="row agy-work-text" style="">
|
|
<div style="float:left;width:20%;text-align:center;"><a asp-area="" asp-controller="Tecnici" asp-action="Index"><img src="~/assets/images/Entity.png"></a></div>
|
|
<div style="float:left;width:5%;"><img src="~/assets/images/r_arrow2.png"></div>
|
|
<div style="float:left;width:20%;text-align:center;"><a asp-area="" asp-controller="Chiamate" asp-action="Index"><img src="~/assets/images/chiamate.png"></a></div>
|
|
<div style="float:left;width:5%;background-color:white;"><img src="~/assets/images/r_arrow2.png"></div>
|
|
<div style="float:left;width:20%;text-align:center;"><a asp-area="" asp-controller="Rapp_New" asp-action="Index"><img src="~/assets/images/buoni.png"></a></div>
|
|
<div style="float:left;width:5%;background-color:white;"><img src="~/assets/images/r_arrow2.png"></div>
|
|
<div style="float:left;width:20%;text-align:center;"><a asp-area="" asp-controller="Rapportini" asp-action="Index"><img src="~/assets/images/export.png"></a></div>
|
|
<div style="float:left;width:5%;"> </div>
|
|
</div>
|
|
<div class="row agy-work-text" style="">
|
|
<div style="float:left;width:20%;text-align:center;">Tecnici</div>
|
|
<div style="float:left;width:5%;"> </div>
|
|
<div style="float:left;width:20%;"> </div>
|
|
<div style="float:left;width:55%;"> </div>
|
|
</div>
|
|
<div class="row agy-work-text" style="">
|
|
<div style="float:left;width:20%;text-align:center;"><a asp-area="" asp-controller="Impianti" asp-action="Index"><img src="~/assets/images/Entity.png"></a></div>
|
|
<div style="float:left;width:5%;"><img src="~/assets/images/r_arrow2.png"></div>
|
|
<div style="float:left;width:20%;"> </div>
|
|
<div style="float:left;width:55%;"> </div>
|
|
</div>
|
|
<div class="row agy-work-text" style="">
|
|
<div style="float:left;width:20%;text-align:center;">Impianti</div>
|
|
<div style="float:left;width:5%;"> </div>
|
|
<div style="float:left;width:20%;"> </div>
|
|
<div style="float:left;width:55%;"> </div>
|
|
</div>
|
|
*@
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|