-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
134 lines (133 loc) · 5.91 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Moodle Log Analytics</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css"
integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk="
crossorigin="anonymous"
/>
<link rel="stylesheet" href="css/normalize.8.0.1.min.css" />
<link rel="stylesheet" href="css/codemirror.css" />
<link rel="stylesheet" href="css/app.css" />
<link rel="stylesheet" href="css/loader.css" />
<link rel="stylesheet" href="css/widgets.css" />
<script src="js/lib/codemirror.js"></script>
<script src="js/lib/codemirror.5.5.2.0.formatting.js"></script>
<script src="js/class/error.js"></script>
<script src="js/class/filehandler.js"></script>
<script src="js/class/msldb.js"></script>
<script src="js/class/widget.js"></script>
<script src="js/class/bstorage.js"></script>
<script src="js/class/dashboard.js"></script>
<script src="js/class/modalpopup.js"></script>
<script src="js/app.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<header>
<div id="menu-options-toggle" class="fa fa-bars"></div>
<!--<div id="menu-locales-toggle" class="fas fa-globe-americas">
</div>-->
<div id="file-log-label">Log: <b>Not loaded yet</b></div>
<!--<div id="pagination"><span>1</span>/<span>1</span><button class="btn small" onclick=""><i class="fas fa-cog"></i></button></div>-->
<div id="menu-options">
<ul style="list-style: none">
<li onclick="renderDefaultDashboard();">Render default dashboard</li>
<!--<li onclick="newWidget()">New widget</li>
<li class="separator"></li>-->
<li onclick="loadDashboard();">Load dashboard</li>
<li onclick="saveDashboard();">Save dashboard</li>
</ul>
<form style="display: none">
<input type="file" id="load-file-input" />
</form>
</div>
<div id="menu-locales">
<select multiple>
<option value="ar-SA">Arabic (Saudi Arabia)</option>
<option value="bn-BD">Bangla (Bangladesh)</option>
</select>
</div>
</header>
<main>
<div id="subheader">
<div id="menu-bar">
<button class="btn small" onclick="dateFilter();">
<i class="far fa-calendar-alt"></i></button
><span id="date-filter"></span>
<!--<button class="btn small" onclick="globalFilter();"><i class="fas fa-filter"></i></button>
<button class="btn small" title="Render default dashboard" onclick="renderDefaultDashboard();"><i class="fas fa-tachometer-alt"></i></button>
<button class="btn small" onclick="newWidget();"><i class="fas fa-plus"></i></button>
<button class="btn small" onclick="globalFilter();"><i class="fas fa-filter"></i></button>
<button class="btn small" onclick="students();"><i class="fas fa-user-graduate"></i></button>
<button class="btn small" onclick="merge();"><i class="fas fa-file-import"></i></button>
<button class="btn small" onclick="merge();"><i class="fas fa-file-download"></i></button>-->
</div>
<div id="menu-navigator"></div>
</div>
<div id="drop-area">
<form>
<p>
Upload the Moodle log file by clicking the orange button or by
dragging and dropping it here
</p>
<div style="display: flex; flex-direction: row; align-items: center; justify-content: space-around;">
<input type="file" id="file-input" />
<label for="file-input" class="btn"
>upload Moodle course log file</label
>
<button class='btn_secondary' type="button" onclick="toggleVideoHelp()">?</button>
</div>
<div style="display: none;" id="reportFileVideoHelp">
<div style="position: relative; padding-bottom: 65.21739130434783%; height: 0;"><iframe src="https://www.loom.com/embed/ed2bc470d04c4d02b9825e9954069b41" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>
</div>
</form>
<div id="file-content">
<p id="loading-content">Loading content...</p>
<div class="loader">
<span id="loader-progress-bar" class="bar"
><span id="loader-my-progress" class="progress"></span
></span>
</div>
</div>
</div>
<div id="menu-left">
<ul>
<!--<li onclick="newWidget();"><i class="fas fa-plus"></i>New widget</li>
<li><i class="fas fa-user-graduate"></i>Load students</li>
<li><i class="fas fa-file-import"></i>Import</li>
<li class="separator"></li>-->
<li onclick="renderDefaultDashboard();this.style.display='none';">
<i class="fas fa-tachometer-alt"></i>Default report
</li>
<li onclick="loadDashboard();">
<i class="fas fa-cloud-upload-alt"></i>Load
</li>
<li onclick="saveDashboard();">
<i class="fas fa-cloud-download-alt"></i>Download
</li>
</ul>
</div>
<div id="dashboard">
<div id="loading-resources">
<p>
<span id="loading-resources-msg"></span>
<span id="loading-resources-n"></span> of
<span id="loading-resources-total"></span>
</p>
<div class="loader">
<span id="progress-bar" class="bar">
<span id="my-progress" class="progress"></span>
</span>
</div>
</div>
<div id="dash-msg"></div>
<div id="widgets"></div>
</div>
</main>
</body>
</html>