-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
152 lines (120 loc) · 3.74 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Question Bank</title>
<link href="lib/tabulator.min.css" rel="stylesheet">
<link href="lib/bootstrap.min.css" rel="stylesheet">
<link href="lib/selectize.bootstrap5.min.css" rel="stylesheet" />
<link href="lib/open-iconic-bootstrap.min.css" rel="stylesheet" />
<!-- <link href="lib/L.Icon.Pulse.css" rel="stylesheet" /> -->
<!-- <link href="js/style.css" rel="stylesheet"> -->
<!-- Put the CSSs first and JSs next -->
<script src="lib/jquery-3.6.0.min.js" type="text/javascript"></script>
<script src="lib/bootstrap.bundle.min.js"></script>
<script src="lib/tabulator.min.js" type="text/javascript"></script>
<script src="lib/selectize.min.js"></script>
<style>
.topicSelect {
padding-top: 20px;
background: #e6f2ff; /*light blue*/
padding-bottom: 10px;
}
.selectize-dropdown {
z-index: 2000;
}
.selectize-control.plugin-remove_button .remove-single {
right: 40px;
text-decoration: none;
}
.tabulator {
background: white;
}
.narrow1 {
width: 70px;
}
.footer {
padding-top: 20px;
padding-bottom: 20px;
}
.textarea1 {
width: 100%;
height: 100px;
}
red {
color: red;
}
/* QB */
ol.mcq {
list-style-type: lower-alpha; /* Use lower-alpha for lowercase letters */
}
img.qbpreview {
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="topicSelect">
<h2>Question Bank</h2>
<div class="row">
<div class="col-md-3">
Select subject:<br>
<select id="subject_id"></select>
</div>
<div class="col-md-3">
Select topic:<br>
<select id="topic_id"></select>
</div>
<div class="col-md-3">
Select sub-topic:<br>
<select id="subtopic_id"></select>
</div>
<div class="col-md-3">
<br><button class="btn btn-warning" onclick="clearFilters()">Clear Filters</button>
</div>
</div>
</div>
<div class="row main">
<div class="col-md-6 order-1">
<h3>Questions</h3>
<div id="table1"></div>
</div>
<div class="col-md-6 order-2">
<div class="row mt-3">
<div id="admin_actions"></div>
<div class="col-md-4" id="preview_pane">
<h3>Preview</h3>
</div>
<div class="col-md-8">
<p align="right"><button class="btn btn-primary" onclick="addQuestion()">Add to Question Paper</button>
<button class="btn btn-link" onclick='document.getElementById("selected_questions").scrollIntoView()'>See Questions</button>
</p>
</div>
</div>
<div id="preview"></div>
</div>
</div>
<hr>
<h3 id="selected_questions">Selected Questions</h3>
<div id="questions_list"></div>
<br>
<button class="btn btn-success" onclick="exportQuestionPaper()">Download Question Paper .docx</button>
<button class="btn btn-danger" onclick="clearQuestionsList()">Clear Selected Questions</button>
</div>
<br>
<div class="container-fluid bg-light bg-gradient">
<div class="container footer">
<p><a href="admin.html">Admin Section</a></p>
<p>Created by <a href="https://nikhilvj.co.in" target="_blank" class="link">Nikhil, Kaisyn Consultancy and Training Pvt Ltd</a> for Sci-Beacon project<br>
<a href="https://github.com/orgs/sci-beacon/repositories" target="_blank" class="link-light">See the source code on github</a><br>
</div>
</div>
<script src="js/common.js"></script>
<script src="js/main.js"></script>
</body>
</html>