add reset button for the filter field

settings/css/settings.css

@@ -63,8 +63,8 @@ li.active span.utils .delete {
 }
 li.active .rename {
 	padding: 8px 14px 20px 14px;
-	top: 0px; position: absolute; width: 16px; height: 16px; 
-	opacity: 0.5; 
+	top: 0px; position: absolute; width: 16px; height: 16px;
+	opacity: 0.5;
 	display: inline-block !important;
 }
 li.active span.utils .delete img { margin: 14px; }
@@ -108,6 +108,12 @@ div.quota>span {
 }
 select.quota.active { background: #fff; }
 
+input.userFilter {width: 200px;}
+span.userFilterReset {
+	width: 16px; height: 16px; position: absolute;
+	padding-top: 20px; margin-left: -20px;
+}
+
 /* positioning fixes */
 #newuser .multiselect {
 	min-width: 150px !important;

settings/js/users/filter.js

@@ -71,3 +71,15 @@ UserManagementFilter.prototype.run = function() {
 UserManagementFilter.prototype.getPattern = function() {
 	return this.filterInput.val();
 };
+
+/**
+ * @brief adds reset functionality to an HTML element
+ * @param jQuery the jQuery representation of that element
+ */
+UserManagementFilter.prototype.addResetButton = function(button) {
+	var umf = this;
+	button.click(function(){
+		umf.filterInput.val('');
+		umf.run();
+	});
+};

settings/js/users/users.js

@@ -425,6 +425,7 @@ $(document).ready(function () {
 	// Implements User Search
 	filter = new UserManagementFilter(
 		$('#usersearchform input'), UserList, GroupList);
+	filter.addResetButton($('.userFilterReset').first());
 
 	UserList.doSort();
 	UserList.availableGroups = $('#content table').data('groups');

settings/templates/users/part.createuser.php

@@ -27,6 +27,7 @@
 	</div>
 	<?php endif; ?>
 	<form autocomplete="off" id="usersearchform">
-		<input type="text" class="input" placeholder="<?php p($l->t('Search Users and Groups')); ?>" />
+		<input type="text" class="input userFilter" placeholder="<?php p($l->t('Search Users and Groups')); ?>" />
+		<span  class="svg icon-delete userFilterReset"></a>
 	</form>
 </div>