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 () {