-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathClass Diagram Sample.html
140 lines (65 loc) · 3.65 KB
/
Class Diagram Sample.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<!-- saved from url=(0112)file:///Users/jamesjongs/Desktop/Projects/Cameracamera/Cameracamera/swift-auto-diagram/htmltemplate/diagram.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Class Diagram Sample</title>
<link type="text/css" rel="stylesheet" href="./Class Diagram Sample_files/diagram.css">
<link type="text/css" rel="stylesheet" href="./Class Diagram Sample_files/vis.min.css">
<script src="./Class Diagram Sample_files/jquery-3.1.1.min.js"></script>
<script src="./Class Diagram Sample_files/mustache.min.js"></script>
<script src="./Class Diagram Sample_files/vis.min.js"></script>
<script src="./Class Diagram Sample_files/html2canvas.js"></script>
<script src="./Class Diagram Sample_files/diagram.js"></script>
</head>
<body onload="bindValues()">
<div id="entities"></div>
<div id="classDiagram" style="width: 1435px; height: 736px;"><div class="vis-network" tabindex="900" style="position: relative; overflow: hidden; touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; height: 100%;"><canvas width="4305" height="2208" style="position: relative; touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; height: 100%;"></canvas></div></div>
<div class="loading-overlay" style="display: none;">
<div class="uil-ripple-css">
<div></div>
<div></div>
</div>
</div>
<script id="case" type="x-tmpl-mustache">
<p class="entity-case case">
<span class="entity-case-name">.{{name}}</span>
</p>
</script>
<script id="property" type="x-tmpl-mustache">
<p class="entity-property entity-property-{{accessLevel}}" title="{{accessLevel}} property">
<span class="entity-property-type">{{type}}</span>
<span class="entity-property-name">{{name}}</span>
</p>
</script>
<script id="method" type="x-tmpl-mustache">
<p class="entity-method entity-method-{{accessLevel}}" title="{{accessLevel}} method">
<span class="entity-method-type">{{type}}</span>
<span class="entity-method-name">{{name}}</span>
</p>
</script>
<script id="entity" type="x-tmpl-mustache">
<div class="entity" xmlns="http://www.w3.org/1999/xhtml">
<div class="entity-{{type}}">
<p class="type">{{type}}</p>
<p>{{name}}</p>
</div>
{{#props}}
<section class="entity-properties">
{{{props}}}
</section>
{{/props}}
{{#methods}}
<section class="entity-methods">
{{{methods}}}
</section>
{{/methods}}
{{#cases}}
<section class="entity-cases">
{{{cases}}}
</section>
{{/cases}}
</div>
</script>
<script id="data" type="x-tmpl-mustache">
<img class="entity-image" src="{{{data}}}" xmlns="http://www.w3.org/1999/xhtml"/>
</script>
</body></html>