[Advanced logbook] Added striped table and css so that marked lines will have correct color

application/views/logbookadvanced/index.php

@@ -177,7 +177,7 @@
 		<span id="infoBox"></span>
 	</div>
 	</div>
-	<table style="width:100%" class="table-sm table table-bordered table-hover table-condensed text-center" id="qsoList">
+	<table style="width:100%" class="table-sm table table-bordered table-hover table-striped table-condensed text-center" id="qsoList">
 		<thead>
 			<tr>
 				<th><div class="form-check" style="margin-top: -1.5em"><input class="form-check-input" type="checkbox" id="checkBoxAll" /></div></th>

assets/css/general.css

@@ -424,3 +424,11 @@ div#station_logbooks_linked_table_paginate {
 .qso_panel .dxccsummaryheader {
     cursor: pointer;
 }
+
+.table-striped>tbody>tr.activeRow {
+    background-color: #5cb85c;
+}
+
+.activeRow a {
+    color: #fff !important;
+}

assets/js/sections/logbookadvanced.js

@@ -118,13 +118,13 @@ function processNextCallbookItem() {
 function selectQsoID(qsoID) {
 	var element = $("#qsoID-" + qsoID);
 	element.find("input[type=checkbox]").prop("checked", true);
-	element.addClass('alert-success');
+	element.addClass('activeRow');
 }
 
 function unselectQsoID(qsoID) {
 	var element = $("#qsoID-" + qsoID);
 	element.find("input[type=checkbox]").prop("checked", false);
-	element.removeClass('alert-success');
+	element.removeClass('activeRow');
 	$('#checkBoxAll').prop("checked", false);
 }
 
@@ -181,9 +181,9 @@ $(document).ready(function () {
 
 	$('#qsoList').on('click', 'input[type="checkbox"]', function() {
 		if ($(this).is(":checked")) {
-			$(this).closest('tr').addClass('alert-success');
+			$(this).closest('tr').addClass('activeRow');
 		} else {
-			$(this).closest('tr').removeClass('alert-success');
+			$(this).closest('tr').removeClass('activeRow');
 		}
 	});