You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ranger.apache.org by ni...@apache.org on 2021/05/17 11:27:25 UTC

[ranger] branch master updated: RANGER-3269 : [Ranger Audits UI] Long policy names get overlapped with enabled, priority flags

This is an automated email from the ASF dual-hosted git repository.

ni3galave pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/ranger.git


The following commit(s) were added to refs/heads/master by this push:
     new 8328f56  RANGER-3269 : [Ranger Audits UI] Long policy names get overlapped with enabled, priority flags
8328f56 is described below

commit 8328f56fb15c24913520ae745858e2a47e317956
Author: Nitin Galave <ni...@apache.org>
AuthorDate: Mon May 10 18:14:59 2021 +0530

    RANGER-3269 : [Ranger Audits UI] Long policy names get overlapped with enabled, priority flags
---
 .../webapp/scripts/views/policies/NRangerPolicyTableLayout.js     | 2 ++
 .../main/webapp/scripts/views/policies/RangerPolicyTableLayout.js | 2 ++
 .../src/main/webapp/templates/policies/RangerPolicyRO_tmpl.html   | 8 +++++---
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/security-admin/src/main/webapp/scripts/views/policies/NRangerPolicyTableLayout.js b/security-admin/src/main/webapp/scripts/views/policies/NRangerPolicyTableLayout.js
index f55565a..18664f7 100644
--- a/security-admin/src/main/webapp/scripts/views/policies/NRangerPolicyTableLayout.js
+++ b/security-admin/src/main/webapp/scripts/views/policies/NRangerPolicyTableLayout.js
@@ -244,6 +244,7 @@ define(function(require) {
 
             onView: function(e) {
                 var that = this;
+                XAUtil.blockUI();
                 var policyId = $(e.currentTarget).data('id');
                 var rangerPolicy = new RangerPolicy({
                     id: policyId
@@ -251,6 +252,7 @@ define(function(require) {
                 rangerPolicy.fetch({
                     cache: false,
                 }).done(function() {
+                    XAUtil.blockUI('unblock');
                     var policyVersionList = rangerPolicy.fetchVersions();
                     var view = new RangerPolicyRO({
                         model: rangerPolicy,
diff --git a/security-admin/src/main/webapp/scripts/views/policies/RangerPolicyTableLayout.js b/security-admin/src/main/webapp/scripts/views/policies/RangerPolicyTableLayout.js
index 9ab925b..c20bcb9 100644
--- a/security-admin/src/main/webapp/scripts/views/policies/RangerPolicyTableLayout.js
+++ b/security-admin/src/main/webapp/scripts/views/policies/RangerPolicyTableLayout.js
@@ -211,11 +211,13 @@ define(function(require){
 
 		onView : function(e){
 			var that = this;
+			XAUtil.blockUI();
 			var policyId = $(e.currentTarget).data('id');
 			var rangerPolicy = new RangerPolicy({ id : policyId});
 			rangerPolicy.fetch({
 				cache : false,
 			}).done(function(){
+				XAUtil.blockUI('unblock');
 				var policyVersionList = rangerPolicy.fetchVersions();
 				var view = new RangerPolicyRO({
 					model : rangerPolicy,
diff --git a/security-admin/src/main/webapp/templates/policies/RangerPolicyRO_tmpl.html b/security-admin/src/main/webapp/templates/policies/RangerPolicyRO_tmpl.html
index 83bd607..f415577 100644
--- a/security-admin/src/main/webapp/templates/policies/RangerPolicyRO_tmpl.html
+++ b/security-admin/src/main/webapp/templates/policies/RangerPolicyRO_tmpl.html
@@ -62,9 +62,11 @@
                         {{tt 'lbl.policyName'}}
                     </td>
                     <td>
-                        <span class="badge badge-dark pull-right">{{PolicyDetails.policyPriority}}</span>
-                        <span class="badge badge-dark pull-right m-r-xs">{{PolicyDetails.isEnabled}}</span>
-                        {{PolicyDetails.name}}
+                        <span>{{PolicyDetails.name}}</span>
+                        <div class="text-right">
+                            <span class="badge badge-dark">{{PolicyDetails.policyPriority}}</span>
+                            <span class="badge badge-dark m-r-xs">{{PolicyDetails.isEnabled}}</span>
+                        </div>
                     </td>
                 </tr>
                 <tr>