button selection for watchlist groups added highlight on selected

Author: mreishman

core/js/watchlist.js

@@ -253,9 +253,13 @@ function checkWebsiteStatus(sendUrlHere)
 function toggleSettingsGroupSection(number, type)
 {
 	$("#"+number+"General").hide();
+	$("#"+number+"GeneralButton").removeClass("selected");
 	$("#"+number+"Git").hide();
+	$("#"+number+"GitButton").removeClass("selected");
 	$("#"+number+"Advanced").hide();
+	$("#"+number+"AdvancedButton").removeClass("selected");
 	$("#"+number+type).show();
+	$("#"+number+type+"Button").addClass("selected");
 }
 
 $( document ).ready(function() {

core/php/functions/watchlistFunctions.php

@@ -21,9 +21,16 @@ function generateWatchlistBlock($defaultArray, $arrayKeys, $key = "{{key}}", $it
 	$stringToReturn .=	"<div style=\"border-bottom: 1px solid black; margin-bottom: 5px; padding: 5px;\">";
 	if(count($defaultArray) > 1)
 	{
+		$selectedOption = false;
 		foreach($defaultArray as $groupName => $groupData)
 		{
-			$stringToReturn .= "<span class=\"buttonButton\" style=\"margin-right: 5px;\" onclick=\"toggleSettingsGroupSection('".$i."','".$groupName."');\"  >".$groupName."</span>";
+			$stringToReturn .= "<span id=\"".$i.$groupName."Button\" class=\"buttonButton ";
+			if(!$selectedOption)
+			{
+				$stringToReturn .= " selected ";
+				$selectedOption = true;
+			}
+			$stringToReturn .= " \" style=\"margin-right: 5px;\" onclick=\"toggleSettingsGroupSection('".$i."','".$groupName."');\"  >".$groupName."</span>";
 		}
 	}
 	else

core/template/theme.css

@@ -502,6 +502,13 @@ input {
 	border: 1px solid #999;
 }
 
+.buttonButton.selected {
+    background-color: #555;
+    color: white;
+	border: 1px solid #777;
+	cursor: default;
+}
+
 .noticeMessage{
 	background-color: white;
 	width: 100%;

local/default/template/theme.css

@@ -502,6 +502,13 @@ input {
 	border: 1px solid #999;
 }
 
+.buttonButton.selected {
+    background-color: #555;
+    color: white;
+	border: 1px solid #777;
+	cursor: default;
+}
+
 .noticeMessage{
 	background-color: white;
 	width: 100%;