diff --git a/css/main.css b/css/main.css
index b493dd1..bb64b41 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1007,4 +1007,9 @@ display: block
#options-link {
padding-top: 40px;
+}
+
+.packet-list-title {
+ text-transform: capitalize;
+ font-weight: bolder;
}
\ No newline at end of file
diff --git a/js/main.js b/js/main.js
index 9990670..4753842 100644
--- a/js/main.js
+++ b/js/main.js
@@ -127,7 +127,19 @@ async function loadExamList(data) {
if (exams_completed.indexOf(name) > -1) {
c = " session-completed";
}
- $("#packet-list").append(
+
+ let list;
+ if (exam.type != undefined) {
+ if ($(`#packet-list .${exam.type}`).length) {
+ list = $(`#packet-list .${exam.type}`);
+ } else {
+ list = $("#packet-list").append(`
${exam.type}
`);
+ }
+ } else {
+ list = $("#packet-list");
+ }
+
+ list.append(
$(``)
.text(name)
.click(function () {
@@ -186,6 +198,19 @@ async function loadPacketList(data) {
$("#packet-list").empty();
window.packet_list.forEach(function (packet) {
+ // Seperate packet types
+ let list;
+ if (packet.type != undefined) {
+ if ($(`#packet-list .${packet.type}`)) {
+ list = $(`#packet-list .${packet.type}`);
+ } else {
+ list = $(`${packet.type}
`);
+ $("#packet-list").append(list);
+ }
+ } else {
+ list = $("#packet-list");
+ }
+
let c = "";
if (packets_started.indexOf(packet) > -1) {
c = " session-started";
@@ -193,7 +218,7 @@ async function loadPacketList(data) {
if (packets_completed.indexOf(packet) > -1) {
c = " session-completed";
}
- $("#packet-list").append(
+ list.append(
$(``)
.text(packet)
.click(function () {