Fix for Jira : EMM-1682 and EMM-1653

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.roles/public/templates/role-listing.hbs

@@ -5,13 +5,14 @@
                 <i class="square-element text fw fw-user"></i>
             </div>
         </td>
-        <td class="fade-edge remove-padding-top" >{{roleName}}</td>
+        <td class="fade-edge remove-padding-top">{{roleName}}</td>
         <td class="text-right content-fill text-left-on-grid-view no-wrap">
 
             {{#unequal adminRole roleName }}
                 {{#if canEdit}}
-                <a onclick="javascript:loadRoleBasedActionURL('edit', '{{roleName}}')" data-role="{{roleName}}" data-click-event="edit-form"
-                   class="btn padding-reduce-on-grid-view edit-role-link">
+                    <a onclick="javascript:loadRoleBasedActionURL('edit', '{{roleName}}')" data-role="{{roleName}}"
+                       data-click-event="edit-form"
+                       class="btn padding-reduce-on-grid-view edit-role-link" title="Edit Role">
                                 <span class="fw-stack fw-lg">
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                    <i class="fw fw-user fw-stack-1x"></i>
@@ -23,8 +24,10 @@
                                 </span>
                         <span class="hidden-xs hidden-on-grid-view">Edit</span>
                     </a>
-                <a onclick="javascript:loadRoleBasedActionURL('edit-permission', '{{roleName}}')" data-role="{{roleName}}"
-                   data-click-event="edit-form" class="btn padding-reduce-on-grid-view edit-permission-link">
+                    <a onclick="javascript:loadRoleBasedActionURL('edit-permission', '{{roleName}}')"
+                       data-role="{{roleName}}"
+                       data-click-event="edit-form" class="btn padding-reduce-on-grid-view edit-permission-link"
+                       title="Edit Role Permissions">
                                 <span class="fw-stack fw-lg">
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                    <i class="fw fw-security-policy fw-stack-1x"></i>
@@ -38,7 +41,8 @@
                     </a>
                 {{/if}}
                 {{#if canRemove}}
-                <a data-role="{{roleName}}" data-click-event="remove-form" class="btn padding-reduce-on-grid-view remove-role-link">
+                    <a data-role="{{roleName}}" data-click-event="remove-form"
+                       class="btn padding-reduce-on-grid-view remove-role-link" title="Remove Role">
                             <span class="fw-stack">
                                 <i class="fw fw-ring fw-stack-2x"></i>
                                 <i class="fw fw-delete fw-stack-1x"></i>

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.header.user-menu/public/js/user-menu.js

@@ -31,8 +31,8 @@ function inputIsValid(regExp, inputString) {
 /*
  * Fix for the modal popup overlay disappear bug
  */
-$('.modal').on('hidden.bs.modal',function(){
-    if($('.modal-backdrop').length == 2){
+$('.modal').on('hidden.bs.modal', function () {
+    if ($('.modal-backdrop').length == 2) {
         $('.modal-backdrop')[0].remove()
     }
 });
@@ -92,7 +92,8 @@ $(document).ready(function () {
                             $(errorMsg).text("Your current password does not match with the provided value.");
                             $(errorMsgWrapper).removeClass("hidden");
                         } else {
-                            $(errorMsg).text("An unexpected error occurred. Please try again later.");
+                            var response = JSON.parse(jqXHR.responseText).message;
+                            $(errorMsg).text(response);
                             $(errorMsgWrapper).removeClass("hidden");
                         }
                     }