UNPKG

2.54 kBHTMLView Raw
1<!doctype html>
2<html>
3<head>
4 <!--<meta charset="UTF-8">-->
5 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
6 <title>Núcleo de Sistemas</title>
7 <link href="assets/css/goSamples.css" rel="stylesheet" type="text/css" /> <!-- you don't need to use this -->
8 <link href="menu.css" rel="stylesheet" type="text/css" />
9 <script src="go.js"></script>
10 <script src="goSamples.js"></script> <!-- this is only for the GoJS Samples framework -->
11 <script id="code" src="model.js"></script>
12</head>
13<body onload="init()">
14 <div style="display: inline-block;">
15 <h3>Núcleo de sistemas</h3>
16 <p>Crie e versione os seus MERs/DERs. Tipos de dados:</p>
17 <pre>checkbox boolean currency number primary_key date radio email input password select textarea url sub_document</pre>
18 <button onclick="add()">Add</button>
19 <button id="SaveButton" onclick="save()">Save</button>
20 <button onclick="load()">Load</button>
21 <button onclick="clear()">Clear</button>
22 <!-- We make a div to contain both the Diagram div and the context menu (such that they are siblings)
23 so that absolute positioning works easily.
24 This DIV containing both MUST have a non-static CSS position (we use position: relative)
25 so that our context menu's absolute coordinates work correctly. -->
26 <div style="position: relative;">
27 <div id="myDiagram" style="border: solid 1px black; width:920px; height:500px"></div>
28 <div id="contextMenu">
29 <ul>
30 <li><a href="#" id="cut" onclick="cxcommand(this.textContent)">Recortar</a></li>
31 <li><a href="#" id="copy" onclick="cxcommand(this.textContent)">Copiar</a></li>
32 <li><a href="#" id="paste" onclick="cxcommand(this.textContent)">Colar</a></li>
33 <li><a href="#" id="delete" onclick="cxcommand(this.textContent)">Deletar</a></li>
34 <li><a href="#" id="color" onclick="cxcommand('Color')">Cor</a></li>
35 </ul>
36 </div>
37 </div>
38
39
40 <textarea id="mySavedModel" style="width:100%;height:300px">
41{ "class": "go.GraphLinksModel",
42 "linkFromPortIdProperty": "fromPort",
43 "linkToPortIdProperty": "toPort",
44 "modelData": {"position":"-415 -5"},
45 "nodeDataArray": [
46{
47"key":"Entidade",
48"fields":
49[
50 {"name":"id", "data_type":"primary_key", "color":"#FFB900", "figure":"Square"},
51 {"name":"nome", "data_type":"input", "color":"#F25022", "figure":"Rectangle"},
52 {"name":"valor", "data_type":"currency", "color":"#7FBA00", "figure":"Diamond"}
53], "loc":"250 0"}
54 ],
55 "linkDataArray": []}
56 </textarea>
57
58</div>
59</body>
60</html>