From 47c435e3e6656a8c17bff33cdfbeb9e9fe5a1485 Mon Sep 17 00:00:00 2001
From: Andreas <6977712+AndreasK79@users.noreply.github.com>
Date: Sun, 30 Apr 2023 12:22:20 +0200
Subject: [PATCH] [Advanced logbook] Added striped table and css so that marked
 lines will have correct color

---
 application/views/logbookadvanced/index.php | 2 +-
 assets/css/general.css                      | 8 ++++++++
 assets/js/sections/logbookadvanced.js       | 8 ++++----
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/application/views/logbookadvanced/index.php b/application/views/logbookadvanced/index.php
index 43447135..dd82ce9b 100644
--- a/application/views/logbookadvanced/index.php
+++ b/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>
diff --git a/assets/css/general.css b/assets/css/general.css
index 7bfbf8e4..3976c364 100644
--- a/assets/css/general.css
+++ b/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;
+}
\ No newline at end of file
diff --git a/assets/js/sections/logbookadvanced.js b/assets/js/sections/logbookadvanced.js
index f386528a..7510a6da 100644
--- a/assets/js/sections/logbookadvanced.js
+++ b/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');
 		}
 	});