forked from BeIntrepid/Trello-Card-Dependencies
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (78 loc) · 2.69 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trello Card Dependencies (Feature)</title>
<meta charset="utf-8">
<!-- Styles -->
<link href="css/stylesheet.css" id="customStyle" type="text/css" rel="stylesheet" />
</head>
<body class="back">
<!-- Loading Spinner -->
<div class="loadingMessage">
<svg class="spinner" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
<circle class="circle" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
</svg>
</div>
<!-- Navigation (Legend & Controls) -->
<nav class="navigation left-nav">
<div class="legend">
<h3>Legend</h3>
<ul class="keys">
<li class="backlog"><span>Backlog</span></li>
<li class="in-progress"><span>In Progress</span></li>
<li class="blocked"><span>Blocked</span></li>
<li class="done"><span>Done</span></li>
</ul>
</div>
<div class="controls">
<h3>Controls</h3>
<ul>
<li>Use the mouse wheel to zoom</li>
<li>Drag the background to pan</li>
<li>Drag nodes to improve the layout</li>
</ul>
</div>
</nav>
<!-- Navigation (Actions) -->
<nav class="navigation right-nav addDependencyArea">
<div class="actions">
<h3>Actions</h3>
<p id="dependencyWarning"></p>
<a class="header-btn dependencyButton add-dependency-button" id="addDependencyButton">Add dependency</a>
<a class="header-btn dependencyButton remove-dependency-button" id="removeDependencyButton">Remove Dependency</a>
<a class="header-btn dependencyButton cancel-dependency-button" id="cancelDependencyButton">Cancel</a>
<p id="dependency"></p>
<p id="dependant"></p>
</div>
</nav>
<!-- Dependency Cards-->
<div id="templates">
<div id="cardTemplate">
<div class="card">
<div class="name"></div>
</div>
<div/>
<div id="listTemplate">
<div class="list">
<div class="name"></div>
</div>
<div/>
<div id="anchorTemplate">
<div class="anchor">
<div class="name"></div>
</div>
</div>
</div>
<!-- Libraries -->
<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript" src="lib/inline.plugin.js"></script>
<script type="text/javascript" src="lib/d3.v3.js"></script>
<script type="text/javascript" src="inVis.js"></script>
<script type="text/javascript" src="lib/linq.js"></script>
<!-- Trello -->
<script type="text/javascript" src="trello/transformer.js"></script>
<script type="text/javascript" src="trello/client.js"></script>
<!-- Application -->
<script type="text/javascript" src="app.js"></script>
</body>
</html>