From 912b3f7a21aea4562a1279220c1a28901b93e59e Mon Sep 17 00:00:00 2001
From: chiguangxu <chigx@intranet.com>
Date: Tue, 17 Apr 2018 17:00:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E6=A0=87=E7=9B=B8=E5=85=B3=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/include/left_menu.jsp |   2 +-
 .../webapp/WEB-INF/tags/sys/iconselect.tag    |   6 +-
 src/main/webapp/WEB-INF/views/home.jsp        |   2 +-
 .../webapp/WEB-INF/views/sys/menuForm.jsp     |   6 +-
 .../webapp/WEB-INF/views/sys/menuList.jsp     |   4 +-
 .../WEB-INF/views/sys/tagIconselect.jsp       | 668 +++++++++++++++++-
 .../plugins/bootstrap/css/bootstrap.css       |   2 +-
 7 files changed, 676 insertions(+), 14 deletions(-)

diff --git a/src/main/webapp/WEB-INF/include/left_menu.jsp b/src/main/webapp/WEB-INF/include/left_menu.jsp
index 0be664bd3..682412d8e 100644
--- a/src/main/webapp/WEB-INF/include/left_menu.jsp
+++ b/src/main/webapp/WEB-INF/include/left_menu.jsp
@@ -23,7 +23,7 @@
 		     						 href="javascript:;" class="nav-link nav-toggle"> 
 		     					</c:if> 
 		     					
-								<i class="fa fa-${secondMenu.icon }"></i> 
+								<i class="${secondMenu.icon }"></i> 
 								<span class="title"> 
 								<%-- ${secondMenu.name } --%> <spring:message code="${secondMenu.code}"></spring:message></span>
 								<c:if test="${not empty secondMenu.children }" var="secondClid">
diff --git a/src/main/webapp/WEB-INF/tags/sys/iconselect.tag b/src/main/webapp/WEB-INF/tags/sys/iconselect.tag
index 694ff0f9a..38fd6b38a 100644
--- a/src/main/webapp/WEB-INF/tags/sys/iconselect.tag
+++ b/src/main/webapp/WEB-INF/tags/sys/iconselect.tag
@@ -3,7 +3,7 @@
 <%@ attribute name="id" type="java.lang.String" required="true" description="编号"%>
 <%@ attribute name="name" type="java.lang.String" required="true" description="输入框名称"%>
 <%@ attribute name="value" type="java.lang.String" required="true" description="输入框值"%>
-<i id="${id}Icon" class="icon-${not empty value?value:' hide'}"></i>&nbsp;<label id="${id}IconLabel">${not empty value?value:'null'}</label>&nbsp;
+<i id="${id}Icon" class="${not empty value?value:' hide'}"></i>&nbsp;<label id="${id}IconLabel">${not empty value?value:'null'}</label>&nbsp;
 <input id="${id}" name="${name}" type="hidden" value="${value}"/><a id="${id}Button" href="javascript:" class="btn"><spring:message code='select'/></a>&nbsp;&nbsp;
 <script type="text/javascript">
 	$("#${id}Button").click(function(){
@@ -12,11 +12,11 @@
             buttons:{"<spring:message code='ok'/>":"ok", "<spring:message code='clear'/>":"clear", "<spring:message code='close'/>":true}, submit:function(v, h, f){
                 if (v=="ok"){
                 	var icon = h.find("iframe")[0].contentWindow.$("#icon").val();
-                	$("#${id}Icon").attr("class", "icon-"+icon);
+                	$("#${id}Icon").attr("class", icon);
 	                $("#${id}IconLabel").text(icon);
 	                $("#${id}").val(icon);
                 }else if (v=="clear"){
-	                $("#${id}Icon").attr("class", "icon- hide");
+	                $("#${id}Icon").attr("class", "hide");
 	                $("#${id}IconLabel").text("<spring:message code='nothing'/>");
 	                $("#${id}").val("");
                 }
diff --git a/src/main/webapp/WEB-INF/views/home.jsp b/src/main/webapp/WEB-INF/views/home.jsp
index 8df4cebe5..19c0b3781 100644
--- a/src/main/webapp/WEB-INF/views/home.jsp
+++ b/src/main/webapp/WEB-INF/views/home.jsp
@@ -231,7 +231,7 @@ window.onresize=function(){
 				          							</c:if>
 				          							<li>
 				          								<a href="javascript:;" id="${secondMenu.id}">
-				          									<i class="fa fa-${secondMenu.icon }"></i>&nbsp;
+				          									<i class="${secondMenu.icon }"></i>&nbsp;
 				          									<%-- ${secondMenu.name } --%><spring:message code="${secondMenu.code}"></spring:message>
 				          								</a>
 				          							</li> 
diff --git a/src/main/webapp/WEB-INF/views/sys/menuForm.jsp b/src/main/webapp/WEB-INF/views/sys/menuForm.jsp
index d1a033739..9a089e1bd 100644
--- a/src/main/webapp/WEB-INF/views/sys/menuForm.jsp
+++ b/src/main/webapp/WEB-INF/views/sys/menuForm.jsp
@@ -100,9 +100,9 @@
 							<div class="form-group">
 								<label class="col-md-3 control-label"><spring:message code="is_top_menu"/>:</label>
 								<div class="col-md-4">
-								
-									<form:radiobutton path="isTop" value="1" /><spring:message code="yes"/>
-									<form:radiobutton path="isTop" value="0" checked="true"/><spring:message code="no"/>
+									
+									<input type="radio" name="isTop"  value="1" <c:if test="${menu.isTop==1}">checked="checked"</c:if>><spring:message code="yes"/>
+									<input type="radio" name="isTop" value="0" <c:if test="${empty menu.isTop or menu.isTop==0}">checked="checked"</c:if>><spring:message code="no"/>
 									<span class="help-inline"><spring:message code="is_top_menu_info"/></span>
 								</div>
 							</div>
diff --git a/src/main/webapp/WEB-INF/views/sys/menuList.jsp b/src/main/webapp/WEB-INF/views/sys/menuList.jsp
index 438ee68c4..7a87fae79 100644
--- a/src/main/webapp/WEB-INF/views/sys/menuList.jsp
+++ b/src/main/webapp/WEB-INF/views/sys/menuList.jsp
@@ -50,13 +50,13 @@
 										<thead><tr><th><spring:message code="menu_name"/></th><th><spring:message code="unicode"/></th><th><spring:message code="link"/></th><th style="text-align:center;"><spring:message code="sort"/></th><th><spring:message code="visible"/></th><th><spring:message code="permission_mark"/></th><shiro:hasPermission name="sys:menu:edit"><th><spring:message code="operation"/></th></shiro:hasPermission></tr></thead>
 										<tbody><c:forEach items="${list}" var="menu">
 											<tr id="${menu.id}" pId="${menu.parent.id ne 1?menu.parent.id:0}">
-												<td nowrap><i class="icon-${not empty menu.icon?menu.icon:' hide'}"></i><a href="${ctx}/sys/menu/form?id=${menu.id}">${menu.name}</a></td>
+												<td nowrap><i class="${not empty menu.icon?menu.icon:' hide'}  font-blue-sharp"></i> &nbsp;<a href="${ctx}/sys/menu/form?id=${menu.id}">${menu.name}</a></td>
 												<td>${menu.code}</td>
 												<td title="${menu.href}">${fns:abbr(menu.href,30)}</td>
 												<td style="text-align:center;">
 													<shiro:hasPermission name="sys:menu:edit">
 														<input type="hidden" name="ids" value="${menu.id}"/>
-														<input name="sorts" type="text" value="${menu.sort}" style="width:50px;margin:0;padding:0;text-align:center;">
+														<input name="sorts" type="text" value="${menu.sort}" style="width:50px;margin:0;padding:0;text-align:center;border: 1px solid #ddd;">
 													</shiro:hasPermission><shiro:lacksPermission name="sys:menu:edit">
 														${menu.sort}
 													</shiro:lacksPermission>
diff --git a/src/main/webapp/WEB-INF/views/sys/tagIconselect.jsp b/src/main/webapp/WEB-INF/views/sys/tagIconselect.jsp
index 8b0fc1ad9..3723f9fa3 100644
--- a/src/main/webapp/WEB-INF/views/sys/tagIconselect.jsp
+++ b/src/main/webapp/WEB-INF/views/sys/tagIconselect.jsp
@@ -47,11 +47,11 @@
 			
 			$(".fa-item").removeClass("active");
 			$(this).addClass("active");
-			$("#icon").val($(this).text());
+			var i_class = $(this).find("i").prop("class");
+			$("#icon").val(i_class);
 		});
 		$(".fontawesome .fa-item").each(function() {
-			var text = $(this).text();
-			if ($.trim(text) == "${value}") {
+			if($(this).find("i").hasClass("${value}")) {
 				$(this).click();
 			}
 		});
@@ -2736,6 +2736,668 @@
 		</section>
 		
 		
+		<section id="icons">
+			<h2 class="page-header">Simple Line Icons</h2>
+			<div class="row fontawesome-icon-list">
+				
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-user"></i> &nbsp;icon-user 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-user-female"></i> &nbsp;icon-user-female 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-users"></i> &nbsp;icon-users 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-user-follow"></i> &nbsp;icon-user-follow 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-user-following"></i> &nbsp;icon-user-following 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-user-unfollow"></i> &nbsp;icon-user-unfollow 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-trophy"></i> &nbsp;icon-trophy 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-speedometer"></i> &nbsp;icon-speedometer 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-social-youtube"></i> &nbsp;icon-social-youtube 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-social-twitter"></i> &nbsp;icon-social-twitter 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-social-tumblr"></i> &nbsp;icon-social-tumblr 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-social-facebook"></i> &nbsp;icon-social-facebook 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-social-dropbox"></i> &nbsp;icon-social-dropbox 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-social-dribbble"></i> &nbsp;icon-social-dribbble 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-shield"></i> &nbsp;icon-shield 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-screen-tablet"></i> &nbsp;icon-screen-tablet 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-screen-smartphone"></i> &nbsp;icon-screen-smartphone 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-screen-desktop"></i> &nbsp;icon-screen-desktop 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-plane"></i> &nbsp;icon-plane 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-notebook"></i> &nbsp;icon-notebook 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-moustache"></i> &nbsp;icon-moustache 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-mouse"></i> &nbsp;icon-mouse 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-magnet"></i> &nbsp;icon-magnet 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-magic-wand"></i> &nbsp;icon-magic-wand 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-hourglass"></i> &nbsp;icon-hourglass 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-graduation"></i> &nbsp;icon-graduation 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-ghost"></i> &nbsp;icon-ghost 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-game-controller"></i> &nbsp;icon-game-controller 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-fire"></i> &nbsp;icon-fire 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-eyeglasses"></i> &nbsp;icon-eyeglasses 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-envelope-open"></i> &nbsp;icon-envelope-open 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-envelope-letter"></i> &nbsp;icon-envelope-letter 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-energy"></i> &nbsp;icon-energy 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-emoticon-smile"></i> &nbsp;icon-emoticon-smile 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-disc"></i> &nbsp;icon-disc 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-cursor-move"></i> &nbsp;icon-cursor-move 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-crop"></i> &nbsp;icon-crop 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-credit-card"></i> &nbsp;icon-credit-card 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-chemistry"></i> &nbsp;icon-chemistry 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-bell"></i> &nbsp;icon-bell 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-badge"></i> &nbsp;icon-badge 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-anchor"></i> &nbsp;icon-anchor 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-action-redo"></i> &nbsp;icon-action-redo 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-action-undo"></i> &nbsp;icon-action-undo 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-bag"></i> &nbsp;icon-bag 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-basket"></i> &nbsp;icon-basket 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-basket-loaded"></i> &nbsp;icon-basket-loaded 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-book-open"></i> &nbsp;icon-book-open 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-briefcase"></i> &nbsp;icon-briefcase 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-bubbles"></i> &nbsp;icon-bubbles 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-calculator"></i> &nbsp;icon-calculator 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-call-end"></i> &nbsp;icon-call-end 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-call-in"></i> &nbsp;icon-call-in 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-call-out"></i> &nbsp;icon-call-out 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-compass"></i> &nbsp;icon-compass 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-cup"></i> &nbsp;icon-cup 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-diamond"></i> &nbsp;icon-diamond 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-direction"></i> &nbsp;icon-direction 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-directions"></i> &nbsp;icon-directions 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-docs"></i> &nbsp;icon-docs 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-drawer"></i> &nbsp;icon-drawer 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-drop"></i> &nbsp;icon-drop 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-earphones"></i> &nbsp;icon-earphones 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-earphones-alt"></i> &nbsp;icon-earphones-alt 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-feed"></i> &nbsp;icon-feed 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-film"></i> &nbsp;icon-film 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-folder-alt"></i> &nbsp;icon-folder-alt 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-frame"></i> &nbsp;icon-frame 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-globe"></i> &nbsp;icon-globe 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-globe-alt"></i> &nbsp;icon-globe-alt 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-handbag"></i> &nbsp;icon-handbag 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-layers"></i> &nbsp;icon-layers 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-map"></i> &nbsp;icon-map 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-picture"></i> &nbsp;icon-picture 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-pin"></i> &nbsp;icon-pin 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-playlist"></i> &nbsp;icon-playlist 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-present"></i> &nbsp;icon-present 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-printer"></i> &nbsp;icon-printer 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-puzzle"></i> &nbsp;icon-puzzle 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-speech"></i> &nbsp;icon-speech 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-vector"></i> &nbsp;icon-vector 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-wallet"></i> &nbsp;icon-wallet 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-arrow-down"></i> &nbsp;icon-arrow-down 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-arrow-left"></i> &nbsp;icon-arrow-left 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-arrow-right"></i> &nbsp;icon-arrow-right 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-arrow-up"></i> &nbsp;icon-arrow-up 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-bar-chart"></i> &nbsp;icon-bar-chart 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-bulb"></i> &nbsp;icon-bulb 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-calendar"></i> &nbsp;icon-calendar 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-control-end"></i> &nbsp;icon-control-end 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-control-forward"></i> &nbsp;icon-control-forward 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-control-pause"></i> &nbsp;icon-control-pause 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-control-play"></i> &nbsp;icon-control-play 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-control-rewind"></i> &nbsp;icon-control-rewind 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-control-start"></i> &nbsp;icon-control-start 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-cursor"></i> &nbsp;icon-cursor 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-dislike"></i> &nbsp;icon-dislike 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-equalizer"></i> &nbsp;icon-equalizer 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-graph"></i> &nbsp;icon-graph 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-grid"></i> &nbsp;icon-grid 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-home"></i> &nbsp;icon-home 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-like"></i> &nbsp;icon-like 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-list"></i> &nbsp;icon-list 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-login"></i> &nbsp;icon-login 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-logout"></i> &nbsp;icon-logout 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-loop"></i> &nbsp;icon-loop 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-microphone"></i> &nbsp;icon-microphone 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-music-tone"></i> &nbsp;icon-music-tone 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-music-tone-alt"></i> &nbsp;icon-music-tone-alt 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-note"></i> &nbsp;icon-note 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-pencil"></i> &nbsp;icon-pencil 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-pie-chart"></i> &nbsp;icon-pie-chart 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-question"></i> &nbsp;icon-question 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-rocket"></i> &nbsp;icon-rocket 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-share"></i> &nbsp;icon-share 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-share-alt"></i> &nbsp;icon-share-alt 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-shuffle"></i> &nbsp;icon-shuffle 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-size-actual"></i> &nbsp;icon-size-actual 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-size-fullscreen"></i> &nbsp;icon-size-fullscreen 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-support"></i> &nbsp;icon-support 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-tag"></i> &nbsp;icon-tag 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-trash"></i> &nbsp;icon-trash 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-umbrella"></i> &nbsp;icon-umbrella 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-wrench"></i> &nbsp;icon-wrench 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-ban"></i> &nbsp;icon-ban 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-bubble"></i> &nbsp;icon-bubble 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-camcorder"></i> &nbsp;icon-camcorder 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-camera"></i> &nbsp;icon-camera 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-check"></i> &nbsp;icon-check 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-clock"></i> &nbsp;icon-clock 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-close"></i> &nbsp;icon-close 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-cloud-download"></i> &nbsp;icon-cloud-download 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-cloud-upload"></i> &nbsp;icon-cloud-upload 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-doc"></i> &nbsp;icon-doc 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-envelope"></i> &nbsp;icon-envelope 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-eye"></i> &nbsp;icon-eye 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-flag"></i> &nbsp;icon-flag 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-folder"></i> &nbsp;icon-folder 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-heart"></i> &nbsp;icon-heart 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-info"></i> &nbsp;icon-info 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-key"></i> &nbsp;icon-key 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-link"></i> &nbsp;icon-link 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-lock"></i> &nbsp;icon-lock 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-lock-open"></i> &nbsp;icon-lock-open 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-magnifier"></i> &nbsp;icon-magnifier 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-magnifier-add"></i> &nbsp;icon-magnifier-add 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-magnifier-remove"></i> &nbsp;icon-magnifier-remove 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-paper-clip"></i> &nbsp;icon-paper-clip 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-paper-plane"></i> &nbsp;icon-paper-plane 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-plus"></i> &nbsp;icon-plus 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-pointer"></i> &nbsp;icon-pointer 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-power"></i> &nbsp;icon-power 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-refresh"></i> &nbsp;icon-refresh 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-reload"></i> &nbsp;icon-reload 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-settings"></i> &nbsp;icon-settings 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-star"></i> &nbsp;icon-star 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-symbol-female"></i> &nbsp;icon-symbol-female 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-symbol-male"></i> &nbsp;icon-symbol-male 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-target"></i> &nbsp;icon-target 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-volume-1"></i> &nbsp;icon-volume-1 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-volume-2"></i> &nbsp;icon-volume-2 
+                 </div>
+                 <div class="fa-item col-md-3 col-sm-4">
+                     
+                         <i class="icon-volume-off"></i> &nbsp;icon-volume-off 
+                 </div>
+            
+				
+			</div>
+		</section>
+		
+		
+		
+		
+		
+		
 		
 	</div>
 </body>
\ No newline at end of file
diff --git a/src/main/webapp/static/global/plugins/bootstrap/css/bootstrap.css b/src/main/webapp/static/global/plugins/bootstrap/css/bootstrap.css
index 3c2dcb07c..116e8cf02 100644
--- a/src/main/webapp/static/global/plugins/bootstrap/css/bootstrap.css
+++ b/src/main/webapp/static/global/plugins/bootstrap/css/bootstrap.css
@@ -2037,7 +2037,7 @@ th {
 .table {
   width: 100%;
   max-width: 100%;
-  margin-bottom: 20px; 
+  margin-bottom: 10px; 
   margin-top: 10px;
   }
   .table > thead > tr > th,