Added a feature that highlights posts with red border that contains words/phrases from a list

src/_locales/en_US/messages.json

@@ -85,5 +85,11 @@
 	},
 	"playMessageSounds":{
 		"message": "Play sound messages"
+	},
+	"highlightPostIfPersonSaysSomething":{
+		"message": "Highlight posts with these words"
+	},
+	"highlightPostIfPersonSaysSomethingDescription":{
+		"message": "Put a word or phrase on each line:"
 	}
 }

src/manifest.json

@@ -53,6 +53,7 @@
 			"scripts/kindling.emoji.js",
 			"scripts/kindling.sounds.js",
 			"scripts/kindling.highlight.js",
+			"scripts/kindling.highlightpostifpersonsayssomething.js",
 			"scripts/kindling.messagefilter.js",
 			"scripts/kindling.avatars.js",
 			"scripts/kindling.notificationpublisher.js",

src/options.html

@@ -97,6 +97,15 @@
 							<label class="cb-disable selected"><span>{off}</span></label>
 							<label for="playMessageSounds" class="description">{playMessageSounds}</label>
 						</p>
+						<p class="field switch" id="highlightPostIfPersonSaysSomething" data-dependents="#highlightPostWordList">
+							<label class="cb-enable"><span>{on}</span></label>
+							<label class="cb-disable selected"><span>{off}</span></label>
+							<label for="highlightPostIfPersonSaysSomething" class="description">{highlightPostIfPersonSaysSomething}</label>
+						</p>
+						<div id="highlightPostWordList">
+							<p>{highlightPostIfPersonSaysSomethingDescription}</p>
+							<textarea rows="5" cols="30"></textarea>
+						</div>
 					</div>
 				</div>
 				<div class="panel">

src/scripts/kindling.background.js

@@ -95,6 +95,7 @@ kindling.module(function () {
 			initOption('useLargeAvatars', 'false');
 			initOption('minimalInterface', 'false');
 			initOption('expandAbbreviations', 'true');
+			initOption('highlightPostIfPersonSaysSomething', 'false');
 			initOption('htmlNotifications', 'true');
 			initOption('playMessageSounds', 'true');
 			initOption('showAvatarsInNotifications', localStorage.showAvatars === 'false' ? 'false' : 'true');

src/scripts/kindling.highlightpostifpersonsayssomething.js

@@ -0,0 +1,40 @@
+kindling.module(function () {
+	'use strict';
+
+	function resetPostBorders(){
+		$('#chat-wrapper div').css("border", "");
+	}
+
+	function changePostsBorder(wordList, borderStyle){
+		if(wordList == "") return;
+
+		var words = wordList.split('\n');
+		for(var i = 0; i < words.length; i++){
+			$('#chat-wrapper div:contains(' + words[i] + ')').css("border", borderStyle);
+		}
+	}
+
+	function highlightPostIfPersonSaysSomething(e, options, username) {
+
+		if(options.highlightPostIfPersonSaysSomething === 'true'){
+			changePostsBorder(options.highlightPostWordList, "9px solid red");
+		}
+
+	}
+
+	function onOptionsChanged(e, options) {
+
+		resetPostBorders();
+
+		if(options.highlightPostIfPersonSaysSomething === 'true'){
+			changePostsBorder(options.highlightPostWordList, "9px solid red")
+		}
+	}
+
+	return {
+		init: function () {
+			$.subscribe('newMessage', highlightPostIfPersonSaysSomething);
+			$.subscribe('optionsChanged', onOptionsChanged);
+		}
+	};
+}());

src/scripts/kindling.options.js

@@ -17,7 +17,8 @@ kindling.module(function () {
 		'showAvatarsInChat',
 		'useLargeAvatars',
 		'playMessageSounds',
-		'useDifferentTheme'
+		'useDifferentTheme',
+		'highlightPostIfPersonSaysSomething'
 	];
 
 	function getMessages() {
@@ -73,6 +74,22 @@ kindling.module(function () {
 		onOptionChanged();
 	}
 
+	function onHighlightPostWordListChanged() {
+		var wordList = $('#highlightPostWordList textarea').val().split("\n");
+		wordList = removeEmptiesFromWordList(wordList);
+		localStorage.highlightPostWordList = wordList.join("\n");
+		onOptionChanged();
+	}
+
+	function removeEmptiesFromWordList(originalArray){
+		var i = 0;
+
+		while(i < originalArray.length)
+			originalArray[i] === "" ? originalArray.splice( i, 1 ) : i++;
+
+		return originalArray;
+	}
+
 	function onToggle(e) {
 		var option = $(e.currentTarget).attr('for');
 		var value = localStorage[option];
@@ -94,6 +111,8 @@ kindling.module(function () {
 
 		$('#themeColor input[title=' + localStorage.themeColor + ']').attr('checked', true);
 
+		$('#highlightPostWordList textarea').val(localStorage.highlightPostWordList);
+
 		var notificationTimeoutSlider = document.getElementById('notificationTimeout');
 		notificationTimeoutSlider.value = localStorage.notificationTimeout;
 		onNotificationTimeoutChanged();
@@ -117,6 +136,8 @@ kindling.module(function () {
 
 			$('#themeColor').change(onThemeColorChanged);
 
+			$('#highlightPostWordList').change(onHighlightPostWordListChanged);
+
 			initOptions();
 		}
 	};