1
|
<%@page contentType="text/html" pageEncoding="UTF-8"%>
|
2
|
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
3
|
|
4
|
<c:set var="APP_NAME" value="IMiGEr"/>
|
5
|
<c:set var="APP_HOME_URL" value="${initParam.HOME_URL}"/>
|
6
|
<c:set var="isLoggedIn" value="${sessionScope.isLoggedIn}"/>
|
7
|
<c:set var="user" value="${sessionScope.user}"/>
|
8
|
|
9
|
<!DOCTYPE html>
|
10
|
<html>
|
11
|
<head>
|
12
|
<meta charset="utf-8">
|
13
|
|
14
|
<link rel="stylesheet" href="css/main.css">
|
15
|
|
16
|
<script id="htmlTags" type="application/json"><%@ include file="node_modules/html-tags/html-tags.json" %></script>
|
17
|
<script id="svgTags" type="application/json"><%@ include file="node_modules/svg-tags/lib/svg-tags.json" %></script>
|
18
|
|
19
|
<script src="js/libs/jquery-3.3.1.min.js"></script>
|
20
|
<script src="js/libs/spin.js"></script>
|
21
|
<script src="node_modules/save-svg-as-png/lib/saveSvgAsPng.js"></script>
|
22
|
|
23
|
<script src="js/components/generic/modalWindow.js"></script>
|
24
|
<script src="js/components/generic/popover.js"></script>
|
25
|
<script src="js/components/generic/popup.js"></script>
|
26
|
<script src="js/components/attribute.js"></script>
|
27
|
<script src="js/components/edge.js"></script>
|
28
|
<script src="js/components/edgePopover.js"></script>
|
29
|
<script src="js/components/floatingPoint.js"></script>
|
30
|
<script src="js/components/group.js"></script>
|
31
|
<script src="js/components/groupVertexList.js"></script>
|
32
|
<script src="js/components/header.js"></script>
|
33
|
<script src="js/components/loginPopup.js"></script>
|
34
|
<script src="js/components/minimap.js"></script>
|
35
|
<script src="js/components/navbar.js"></script>
|
36
|
<script src="js/components/registerPopup.js"></script>
|
37
|
<script src="js/components/saveDiagramModalWindow.js"></script>
|
38
|
<script src="js/components/sidebar.js"></script>
|
39
|
<script src="js/components/sidebarExcludedNodeList.js"></script>
|
40
|
<script src="js/components/sidebarUnconnectedNodeList.js"></script>
|
41
|
<script src="js/components/statusBar.js"></script>
|
42
|
<script src="js/components/vertex.js"></script>
|
43
|
<script src="js/components/vertexContextMenuList.js"></script>
|
44
|
<script src="js/components/vertexPopover.js"></script>
|
45
|
<script src="js/components/vertexSymbolList.js"></script>
|
46
|
<script src="js/components/viewport.js"></script>
|
47
|
|
48
|
<script src="js/errors/httpError.js"></script>
|
49
|
<script src="js/errors/invalidArgumentError.js"></script>
|
50
|
|
51
|
<script src="js/events/diagramUpdatedEvent.js"></script>
|
52
|
<script src="js/events/loggedInEvent.js"></script>
|
53
|
<script src="js/events/loggedOutEvent.js"></script>
|
54
|
<script src="js/events/registeredEvent.js"></script>
|
55
|
|
56
|
<script src="js/services/forceDirected.js"></script>
|
57
|
<script src="js/services/graphLoader.js"></script>
|
58
|
<script src="js/services/graphExporter.js"></script>
|
59
|
<script src="js/services/loader.js"></script>
|
60
|
<script src="js/services/markSymbol.js"></script>
|
61
|
<script src="js/services/zoom.js"></script>
|
62
|
|
63
|
<script src="js/utils/ajax.js"></script>
|
64
|
<script src="js/utils/cookies.js"></script>
|
65
|
<script src="js/utils/dom.js"></script>
|
66
|
<script src="js/utils/utils.js"></script>
|
67
|
|
68
|
<script src="js/valueObjects/coordinates.js"></script>
|
69
|
<script src="js/valueObjects/diagram.js"></script>
|
70
|
<script src="js/valueObjects/dimensions.js"></script>
|
71
|
|
72
|
<script src="js/constants.js"></script>
|
73
|
|
74
|
<title>IMiGEr</title>
|
75
|
</head>
|
76
|
|
77
|
<body class="${isLoggedIn ? 'loggedIn' : 'loggedOut'}">
|
78
|
<div id="app"></div>
|
79
|
|
80
|
<div class="loader" id="loader">
|
81
|
<div class="loader-content" id="spinLoader">
|
82
|
<p>Loading graph...</p>
|
83
|
</div>
|
84
|
</div>
|
85
|
<script type="module">
|
86
|
import ShowGraphApp from './js/showGraphApp.js';
|
87
|
|
88
|
window.app = new ShowGraphApp('${APP_NAME}', '${APP_HOME_URL}');
|
89
|
|
90
|
document.addEventListener('DOMContentLoaded', () => {
|
91
|
app.run('${param.diagramId}');
|
92
|
|
93
|
// user is logged in
|
94
|
if ('${user}' !== '') {
|
95
|
document.dispatchEvent(new LoggedInEvent({
|
96
|
id: '${user.id}',
|
97
|
username: '${user.username}',
|
98
|
}));
|
99
|
}
|
100
|
});
|
101
|
</script>
|
102
|
</body>
|
103
|
</html>
|