select all/none prompt for pref tables + related API

backend.php

@@ -1187,8 +1187,16 @@
 		if (db_num_rows($result) != 0) {
 
 			print "<div id=\"infoBoxShadow\"><div id=\"infoBox\">PLACEHOLDER</div></div>";
-	
+
 			print "<p><table width=\"100%\" class=\"prefFeedList\" id=\"prefFeedList\">";
+			print "<tr><td class=\"selectPrompt\" colspan=\"8\">
+				Select: 
+					<a href=\"javascript:selectTableRowsByIdPrefix('prefFeedList', 
+						'FEEDR-', true)\">All</a>,
+					<a href=\"javascript:selectTableRowsByIdPrefix('prefFeedList', 
+						'FEEDR-', false)\">None</a>
+				</td</tr>";
+
 			print "<tr class=\"title\">
 						<td width=\"3%\">&nbsp;</td>
 						<td width=\"3%\">Select</td>
@@ -1415,7 +1423,17 @@
 
 			if (db_num_rows($result) != 0) {
 	
-				print "<p><table width=\"100%\" class=\"prefFeedCatList\" id=\"prefFeedCatList\">";
+				print "<p><table width=\"100%\" class=\"prefFeedCatList\" 
+					id=\"prefFeedCatList\">";
+
+				print "<tr><td class=\"selectPrompt\" colspan=\"8\">
+				Select: 
+					<a href=\"javascript:selectTableRowsByIdPrefix('prefFeedCatList', 
+						'FCATR-', true)\">All</a>,
+					<a href=\"javascript:selectTableRowsByIdPrefix('prefFeedCatList', 
+						'FCATR-', false)\">None</a>
+				</td</tr>";
+
 				print "<tr class=\"title\">
 							<td width=\"10%\">Select</td><td width=\"80%\">Title</td>
 						</tr>";
@@ -1614,7 +1632,15 @@
 		if (db_num_rows($result) != 0) {
 
 			print "<p><table width=\"100%\" class=\"prefFilterList\" id=\"prefFilterList\">";
-	
+
+			print "<tr><td class=\"selectPrompt\" colspan=\"8\">
+				Select: 
+					<a href=\"javascript:selectTableRowsByIdPrefix('prefFilterList', 
+						'FILRR-', true)\">All</a>,
+					<a href=\"javascript:selectTableRowsByIdPrefix('prefFilterList', 
+						'FILRR-', false)\">None</a>
+				</td</tr>";
+
 			print "<tr class=\"title\">
 						<td width=\"5%\">Select</td><td width=\"30%\">Filter expression</td>
 						<td width=\"30%\">Feed</td><td width=\"10%\">Match</td>
@@ -1865,7 +1891,15 @@
 		if (db_num_rows($result) != 0) {
 
 			print "<p><table width=\"100%\" class=\"prefLabelList\" id=\"prefLabelList\">";
-	
+
+			print "<tr><td class=\"selectPrompt\" colspan=\"8\">
+				Select: 
+					<a href=\"javascript:selectTableRowsByIdPrefix('prefLabelList', 
+						'LILRR-', true)\">All</a>,
+					<a href=\"javascript:selectTableRowsByIdPrefix('prefLabelList', 
+						'LILRR-', false)\">None</a>
+				</td</tr>";
+
 			print "<tr class=\"title\">
 						<td width=\"5%\">Select</td><td width=\"40%\">SQL expression
 						<a class=\"helpLink\" href=\"javascript:popupHelp(1)\">(?)</a>
@@ -2468,6 +2502,14 @@
 
 		print "<p><table width=\"100%\" class=\"prefUserList\" id=\"prefUserList\">";
 
+		print "<tr><td class=\"selectPrompt\" colspan=\"8\">
+				Select: 
+					<a href=\"javascript:selectTableRowsByIdPrefix('prefUserList', 
+						'UMRR-', true)\">All</a>,
+					<a href=\"javascript:selectTableRowsByIdPrefix('prefUserList', 
+						'UMRR-', false)\">None</a>
+				</td</tr>";
+
 		print "<tr class=\"title\">
 					<td width=\"5%\">Select</td>
 					<td width='30%'>Username</td>

functions.js

@@ -199,7 +199,21 @@ function getLastVisibleHeadlineId() {
 function markHeadline(id) {
 	var row = document.getElementById("RROW-" + id);
 	if (row) {
-		row.className = row.className + "Selected";
+		var is_active = false;
+	
+		if (row.className.match("Active")) {
+			is_active = true;
+		}
+		row.className = row.className.replace("Selected", "");
+		row.className = row.className.replace("Active", "");
+		row.className = row.className.replace("Insensitive", "");
+		
+		if (is_active) {
+			row.className = row.className = "Active";
+		}
+		
+		row.className = row.className + "Selected"; 
+		
 	}
 }
 
@@ -427,7 +441,30 @@ function hideOrShowFeeds(doc, hide) {
 
 function fatalError(code) {
 	window.location = "error.php?c=" + param_escape(code);
+}
+
+function selectTableRow(r, do_select) {
+	r.className = r.className.replace("Selected", "");
+	
+	if (do_select) {
+		r.className = r.className + "Selected";
+	}
+}
+
+function selectTableRowsByIdPrefix(content_id, prefix, do_select) {
 
+	var content = document.getElementById(content_id);
+
+	if (!content) {
+		alert("[selectTableRows] Element " + content_id + " not found.");
+		return;
+	}
+
+	for (i = 0; i < content.rows.length; i++) {
+		if (content.rows[i].id.match(prefix)) {
+			selectTableRow(content.rows[i], do_select);
+		}
+	}
 }
 
 function getSelectedTableRowIds(content_id, prefix) {

tt-rss.css

@@ -666,3 +666,8 @@ table.innerFeedTable td {
 	margin : 0px;
 	padding : 0px;
 }
+
+td.selectPrompt {
+	font-size : x-small;
+	color : gray;
+}