added indication that a filter is active on the front page, closes Er…

…udika/scoold-pro#29

docs/index.html

@@ -553,8 +553,9 @@ <h5>Similar posts suggestions</h5>
 						<div class="col m4">
 							<h5>LDAP authentication support</h5>
 							<hr style="width: 50%">
-							<p>Scoold is enterprise-friendly and supports LDAP. It's great for intranet deployments behind corporate
-								firewalls and Scoold users can be seemlessly authenticated by your company's LDAP server.</p>
+							<p>Scoold is enterprise-friendly and supports LDAP and Active Directory so it's great for intranet
+								deployments behind corporate firewalls. Scoold users can seemlessly authenticate with your
+								company's LDAP server or Active Directory for a pleasant single sign-on experience.</p>
 						</div>
 						<div class="col m4">
 							<h5>Email notifications</h5>

src/main/resources/static/styles/style.css

@@ -323,6 +323,10 @@ pre, code.hljs, code[class*="language-"], pre[class*="language-"] {
 .personbox .lastseen {
 	font-size: 0.9em;
 }
+.filter-active {
+	background-color: #039be5;
+	color: white;
+}
 [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {background-color: #039be5;}
 [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before,
 [type="radio"].with-gap:checked+span:after {border: 2px solid #039be5;}

src/main/resources/templates/questions.vm

@@ -93,8 +93,15 @@
 				</a>
 			#end
 
-			<a href="#" id="question-filter-btn" class="next-div-toggle chip tooltipped"
-				 data-tooltip="$!lang.get('filter')"><i class="fa fa-filter"></i></a>
+			#if($itemcount.name && $itemcount.name == "default_pager")
+				#set($filterActiveClass = "")
+				#set($filterActiveTooltip = $!lang.get('filter'))
+			#else
+				#set($filterActiveClass = "filter-active")
+				#set($filterActiveTooltip = $!lang.get('posts.filtered'))
+			#end
+			<a href="#" id="question-filter-btn" class="next-div-toggle chip tooltipped ${filterActiveClass}"
+				 data-tooltip="${filterActiveTooltip}"><i class="fa fa-filter"></i></a>
 		</div>
 
 		<h2 class="hide-on-med-and-down">#questionsTitle()</h2>