No changes

ControlPanel/themes/AdminLTE/modules/faq/faq.css

@@ -0,0 +1,43 @@
+.main li.faqblock {
+	list-style: none;
+	display: inline-block;
+}
+
+.main #count + #count {
+    display: none;
+}
+
+.main .maincategory,
+.main .category {
+	font-size: 1.4rem;
+}
+
+.main .category {
+    margin-top: 2rem;
+}
+.main #accordion > .card {
+    margin-left: 1rem;
+}
+.main #accordion > .card > a {
+    color: inherit !important;
+}
+
+.main input#search {
+	max-width: 250px;
+	display: inline-block;
+}
+
+.main .footer {
+	margin-top: 3rem;
+	font-size: 0.8rem;
+	color: var(--secondary);
+}
+
+.main .faqanswer > br:last-of-type,
+.main .faqanswer > br:first-of-type {
+	display: none;
+}
+
+.main .faqanswer > .table-responsive {
+	margin-top: 0.5rem;
+}

ControlPanel/themes/AdminLTE/modules/faq/faq.js

@@ -0,0 +1,68 @@
+$(document).ready(function()
+{
+	//icon replacement
+	$('img[src="modules/faq/faq.png"]').replaceWith('<small><i class="fas fa-list-alt mr-1"></i></small>');
+	$('img[src="modules/faq/faqlower.png"]').replaceWith('<small><i class="fas fa-question-circle mr-1"></i></small>');
+	
+	$('li.faqblock > a').addClass('btn btn-sm btn-primary mr-1');
+	
+	//accordions
+	var allAccs = 1
+	$('.accordion-toggle').each(function()
+	{
+		var accTitle = $(this).html();
+		var accContent = $(this).next('.accordion-content').html();
+		
+		$(this).next('.accordion-content').remove();
+		
+		var newAcc = '\
+		<div class="card card-faq">\
+			<a class="d-block w-100 collapsed" data-toggle="collapse" href="#faqacc'+allAccs+'" aria-expanded="false">\
+				<div class="card-header">\
+					<h4 class="card-title">'+accTitle+'</h4>\
+					<div class="card-tools">\
+						<button type="button" class="btn btn-tool" data-card-widget="collapse"> \
+							<i class="fas fa-plus"></i>\
+						</button>\
+					</div>\
+				</div>\
+			</a>\
+			<div id="faqacc'+allAccs+'" class="collapse" data-parent="#accordion" style="">\
+				<div class="card-body">'+accContent+'</div>\
+			</div>\
+		</div>\
+		';
+		
+		$(this).replaceWith(newAcc);
+		
+		allAccs++;
+	});
+	
+	//new search
+	$('#search').jcOnPageFilter({
+		animateHideNShow: false,
+		focusOnLoad: true,
+		highlightColor: "yellow",
+		textColorForHighlights: "#000000",
+		caseSensitive: false,
+		hideNegatives: true,
+		parentLookupClass: "card-faq",
+		childBlockClass: "collapse"
+	});
+	
+	// show all elements if search is empty
+	$('#search').on("keyup input", function()
+	{
+		var inputVal = $(this).val();
+		if(inputVal.length==0)
+		{
+			$('.card-faq').removeAttr('style');
+		}
+	});
+	
+	// pull footer to right
+	$('.main .footer').addClass('text-right');
+	
+	// search num badge
+	$('.main #count').addClass('badge badge-secondary font-weight-normal');
+});