commit f9f1668f4a10c0f6d9dc29a2947fcc46c5585371
author Aditya Sharma <adityasharma@apache.org> Sat Oct 12 15:02:02 2019 +0530
committer GitHub <noreply@github.com> Sat Oct 12 15:02:02 2019 +0530
tree a85dee4757521fbc7678d7cff74d30fda07b9f4e
parent cc00163a4571eed5b26148431d8916fd2c2e49e2
parent dacf7e05551332b31764f6b115cc1284362e6cb0

Merge pull request #40 from adityasharma7/ROL-2154

Improve alert messages (ROL-2154)

app/src/main/webapp/WEB-INF/jsps/tiles/messages.jsp

diff --git a/app/src/main/webapp/WEB-INF/jsps/tiles/messages.jsp b/app/src/main/webapp/WEB-INF/jsps/tiles/messages.jsp
index bb8c58b..5f2bed2 100644
--- a/app/src/main/webapp/WEB-INF/jsps/tiles/messages.jsp
+++ b/app/src/main/webapp/WEB-INF/jsps/tiles/messages.jsp
@@ -17,9 +17,31 @@
 --%>
 <%@ include file="/WEB-INF/jsps/taglibs-struts2.jsp" %>
 
+<script>
+    $(document).ready(function () {
+        // Remove the alert box after 10 seconds
+        $(".alert").delay(10000).slideUp(200, function() {
+            $(this).alert('close');
+        });
+    });
+</script>
+<style>
+    <%-- Alert message should not be bulleted  --%>
+    .alert ul {
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+    }
+
+</style>
+
+
 <%-- Success Messages --%>
 <s:if test="!actionMessages.isEmpty">
     <div id="messages" class="alert alert-success">
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+        </button>
         <s:actionmessage />
     </div>
 </s:if>
@@ -27,6 +49,9 @@
 <%-- Error Messages --%>
 <s:if test="!actionErrors.isEmpty || !fieldErrors.isEmpty">
     <div id="errors" class="alert alert-danger">
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+        </button>
         <ul>
 
             <s:iterator var="actionError" value="actionErrors">