Merge branch 'filter-urls' of github.com:nature/pa11y-dashboard into develop

public/js/site.js

@@ -202,9 +202,9 @@ $(document).ready(function(){
             '</li>'
         );
     });
-    
+
     choiceContainer.find('input').click(plotAccordingToChoices);
-        
+
     function plotAccordingToChoices() {
         var data = [];
         choiceContainer.find('input:checked').each(function () {
@@ -213,7 +213,7 @@ $(document).ready(function(){
                 data.push(datasets[key]);
             }
         });
-        
+
         if (data.length > -1) {
             $.plot(graphContainer, data, graphOptions);
         }
@@ -245,4 +245,45 @@ $(document).ready(function(){
             previousPoint = null;
         }
     });
-});
+
+
+	// Task filter
+
+	function initTaskFilter (container) {
+		var tasks = initTaskFilterTasks(container);
+		var input = initTaskFilterInput(container, tasks);
+	}
+
+	function initTaskFilterTasks (container) {
+		var tasks = container.find('[data-role=task]');
+		return tasks;
+	}
+
+	function initTaskFilterInput (container, tasks) {
+		var input = container.find('[data-role=input]');
+		input.on('keyup', function () {
+			filterTasks(tasks, input.val());
+		});
+		return input;
+	}
+
+	function filterTasks (tasks, query) {
+		query = $.trim(query.replace(/[^a-z0-9\s]+/gi, ''));
+		tasks.removeClass('hidden');
+		if (/^\s*$/.test(query)) {
+			return;
+		}
+		var queryRegExp = new RegExp('(' + query.replace(/\s+/gi, '|') + ')', 'i');
+		tasks.filter(function () {
+			return !queryRegExp.test($(this).data('keywords'));
+		}).addClass('hidden');
+	}
+
+	var taskLists = $('[data-control=task-list]');
+	if (taskLists.length > 0) {
+		$('[data-control=task-list]').each(function () {
+			initTaskFilter($(this));
+		});
+	}
+
+});

public/less/site-ie8and.less

@@ -52,6 +52,20 @@
 	.date-selector .btn-full-width {
 		width:90%;
 	}
+	.filter-toggle {
+		&:before {
+			height:110%;
+			width:100%;
+			left:0;
+			top:0;
+		}
+		input {
+			width:92%;
+		}
+		.filter-trigger {
+			padding-bottom:0;
+		}
+	}
 }
 
 .ie7 {
@@ -95,4 +109,20 @@
 	.tasks-list li {
 		padding-right:105px;
 	}
+	.filter-toggle {
+		width:30%;
+		margin:0 35%;
+		margin-top:-10px;
+		background-color:lighten(@gray-lighter, 4%);
+		padding-bottom:10px;
+
+		.glyphicon {
+			display:none;
+		}
+
+		input {
+			width:80%;
+			margin-left:-25%;
+		}
+	}
 }

public/less/site-nojavascript.less

@@ -41,4 +41,7 @@
 	.show-class {
 		display:block;
 	}
-}
+	.no-js-hide {
+		display: none;
+	}
+}

public/less/site.less

@@ -447,3 +447,34 @@ ul.date-links {
 		}
 	}
 }
+
+.filter-toggle {
+	top:-20px;
+	margin-top:-10px;
+	font-size:18px;
+	font-weight:bold;
+
+	.filter-trigger {
+		padding-bottom:20px;
+		cursor: pointer;
+
+		.glyphicon {
+			display:block;
+			margin:0 auto;
+		}
+	}
+
+	&:before {
+		position:absolute;
+		content:"";
+		height:90px;
+		width:90px;
+		left:50%;
+		top:-45px;
+		background-color:lighten(@gray-lighter, 4%);
+		transform: translateX(-50%) rotate(45deg);
+		-ms-transform: translateX(-50%) rotate(45deg);
+		-webkit-transform: translateX(-50%) rotate(45deg);
+		z-index:-1;
+	}
+}