From 30cd8d2af94f1f640bc1526f4b7a1ff6fcc4fdfc Mon Sep 17 00:00:00 2001
From: psychobunny <rodrigues.andrew@gmail.com>
Date: Wed, 19 Aug 2015 15:09:16 -0400
Subject: [PATCH] cleaned up the widgets page :+1:

---
 public/src/admin/extend/widgets.js |  5 +++++
 src/views/admin/extend/widgets.tpl | 12 +++++++++---
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/public/src/admin/extend/widgets.js b/public/src/admin/extend/widgets.js
index d2bf7c28ac..7d384e6a20 100644
--- a/public/src/admin/extend/widgets.js
+++ b/public/src/admin/extend/widgets.js
@@ -17,6 +17,11 @@ define('admin/extend/widgets', function() {
 			return false;
 		});
 
+		$('#widget-selector').on('change', function() {
+			$('.available-widgets [data-widget]').addClass('hide');
+			$('.available-widgets [data-widget="' + $(this).val() + '"]').removeClass('hide');
+		});
+
 		loadWidgetData();
 	};
 
diff --git a/src/views/admin/extend/widgets.tpl b/src/views/admin/extend/widgets.tpl
index bcb6f1f382..6d8c758baa 100644
--- a/src/views/admin/extend/widgets.tpl
+++ b/src/views/admin/extend/widgets.tpl
@@ -42,10 +42,17 @@
 					<!-- IF !widgets.length -->
 					<div class="alert alert-info">No widgets found! Activate the essential widgets plugin in the <a href="/admin/extend/plugins">plugins</a> control panel.</div>
 					<!-- ENDIF !widgets.length -->
+					<p>
+						<select id="widget-selector" class="form-control">
+							<!-- BEGIN widgets -->
+							<option value="{widgets.widget}">{widgets.name}</option>
+							<!-- END widgets -->
+						</select>
+					</p>
 					<div class="row">
 						<!-- BEGIN widgets -->
-						<div class="col-md-6 col-sm-12">
-							<div data-widget="{widgets.widget}" class="panel widget-panel panel-default pointer">
+						<div class="col-xs-12">
+							<div data-widget="{widgets.widget}" class="panel widget-panel panel-default pointer hide">
 								<div class="panel-heading">
 									<strong>{widgets.name}</strong>
 									<small><br />{widgets.description}</small>
@@ -67,7 +74,6 @@
 			<div class="panel-body">
 				<p>Drag and drop on top of any active widget</p>
 				<div class="available-containers">
-					<h4>Available Containers <small>Drag and drop on top of any widget</small></h4>
 					<div class="containers">
 						<div class="pointer" style="padding: 20px; border: 1px dotted #dedede; margin-bottom: 20px;" data-container-html=" ">
 							None