ATLAS-3822:- UI changes: Audit entries for TypeDefs CREATE, UPDATE and DELETE

dashboardv2/public/css/scss/business-metadata.scss

@@ -90,6 +90,10 @@
 
 .business-metadata-details,
 .admin-details {
+    .tableOverlay {
+        background-color: transparent;
+    }
+
     .expandable .attr-details {
         max-height: 300px;
         overflow: auto;
@@ -97,8 +101,18 @@
         width: calc(100% - 30px);
     }
 
-    .admin-type-dropdown {
-        width: 100px;
+    .expandable .admin-audit-details {
+        display: flex;
+        flex-wrap: wrap;
+        margin-left: 20px;
+
+        .attr-type-container {
+            border: 1px solid #ddd;
+            border-radius: 4px;
+            padding: 5px 10px;
+            margin: 5px;
+            width: 32%;
+        }
     }
 
     .expandable .admin-attr-details {
@@ -108,6 +122,11 @@
     }
 }
 
+.admin-details .expandable .admin-audit-details .attr-type-container {
+    max-height: 200px;
+    overflow: auto;
+}
+
 .tab-pane {
     .business-metadata-attr-page {
         position: absolute;

dashboardv2/public/css/scss/common.scss

@@ -318,4 +318,14 @@ pre {
         font-size: 11px;
         animation: spin 1000ms infinite linear;
     }
+}
+
+.attr-details {
+    ul {
+        list-style: disc;
+
+        li {
+            cursor: pointer;
+        }
+    }
 }
\ No newline at end of file

dashboardv2/public/css/scss/override.scss

@@ -63,13 +63,22 @@
 .modal-body {
     position: relative;
     padding: 15px;
-    max-height: calc(100vh - 200px);
+    max-height: calc(100vh - 215px);
     min-height: 70px;
     overflow: auto;
 
     .btn+.btn {
         margin-bottom: 2px;
     }
+
+    .admin-audit-details {
+        border: 1px solid #ddd;
+        border-radius: 4px;
+
+        tr>td:nth-child(2) {
+            text-align: right;
+        }
+    }
 }
 
 .modal-full-screen {
@@ -77,7 +86,6 @@
     height: 80vh;
 
     .modal-content {
-        height: inherit;
         width: 100%;
     }
 

dashboardv2/public/js/templates/audit/AdminAuditTableLayoutView_tmpl.html

@@ -51,9 +51,6 @@
                             <div type="ok" class="btn btn-atlas ok" data-id='attrClose'>Close</div>
                         </div>
                     </div>
-                    <div class="pull-right admin-type-dropdown">
-                        <select class="pull-right form-controlrow-margin-bottom" data-id="adminType"></select>
-                    </div>
                 </div>
                 <div class="auditTable" style="display: none">
                     <div class='attr-filter-overlay hide'></div>

dashboardv2/public/js/utils/Enums.js

@@ -41,7 +41,24 @@ define(["require", "backbone"], function(require) {
         ENTITY_PURGE: "Entity Purged",
         BUSINESS_ATTRIBUTE_ADD: "Business Attribute(s) Added",
         BUSINESS_ATTRIBUTE_UPDATE: "Business Attribute(s) Updated",
-        BUSINESS_ATTRIBUTE_DELETE: "Business Attribute(s) Deleted"
+        BUSINESS_ATTRIBUTE_DELETE: "Business Attribute(s) Deleted",
+        TYPE_DEF_UPDATE: "Type Updated",
+        TYPE_DEF_CREATE: "Type Created",
+        TYPE_DEF_DELETE: "Type Deleted"
+    }
+
+    Enums.category = {
+        PRIMITIVE: "Primitive",
+        OBJECT_ID_TYPE: "Object Id type",
+        ENUM: "Enum",
+        STRUCT: "Struct",
+        CLASSIFICATION: "Classification",
+        ENTITY: "Entity",
+        ARRAY: "Array",
+        MAP: "Map",
+        RELATIONSHIP: "Relationship",
+        BUSINESS_METADATA: "Business Metadata",
+        PURGE: "Purge Entities"
     }
 
     Enums.entityStateReadOnly = {

dashboardv3/public/css/scss/business-metadata.scss

@@ -90,6 +90,10 @@
 
 .business-metadata-details,
 .admin-details {
+    .tableOverlay {
+        background-color: transparent;
+    }
+
     .expandable .attr-details {
         max-height: 300px;
         overflow: auto;
@@ -97,8 +101,18 @@
         width: calc(100% - 30px);
     }
 
-    .admin-type-dropdown {
-        width: 100px;
+    .expandable .admin-audit-details {
+        display: flex;
+        flex-wrap: wrap;
+        margin-left: 20px;
+
+        .attr-type-container {
+            border: 1px solid #ddd;
+            border-radius: 4px;
+            padding: 5px 10px;
+            margin: 5px;
+            width: 32%;
+        }
     }
 
     .expandable .admin-attr-details {
@@ -108,6 +122,11 @@
     }
 }
 
+.admin-details .expandable .admin-audit-details .attr-type-container {
+    max-height: 200px;
+    overflow: auto;
+}
+
 .tab-pane {
     .business-metadata-attr-page {
         position: absolute;

dashboardv3/public/css/scss/common.scss

@@ -317,4 +317,14 @@ pre {
         font-size: 11px;
         animation: spin 1000ms infinite linear;
     }
+}
+
+.attr-details {
+    ul {
+        list-style: disc;
+
+        li {
+            cursor: pointer;
+        }
+    }
 }
\ No newline at end of file

dashboardv3/public/css/scss/override.scss

@@ -67,13 +67,22 @@
 .modal-body {
     position: relative;
     padding: 15px;
-    max-height: calc(100vh - 200px);
+    max-height: calc(100vh - 215px);
     min-height: 70px;
     overflow: auto;
 
     .btn+.btn {
         margin-bottom: 2px;
     }
+
+    .admin-audit-details {
+        border: 1px solid #ddd;
+        border-radius: 4px;
+
+        tr>td:nth-child(2) {
+            text-align: right;
+        }
+    }
 }
 
 .modal-full-screen {
@@ -81,7 +90,6 @@
     height: 80vh;
 
     .modal-content {
-        height: inherit;
         width: 100%;
     }
 

dashboardv3/public/js/templates/audit/AdminAuditTableLayoutView_tmpl.html

@@ -51,9 +51,6 @@
                             <div type="ok" class="btn btn-atlas ok" data-id='attrClose'>Close</div>
                         </div>
                     </div>
-                    <div class="pull-right admin-type-dropdown">
-                        <select class="pull-right form-controlrow-margin-bottom" data-id="adminType"></select>
-                    </div>
                 </div>
                 <div class="auditTable" style="display: none">
                     <div class='attr-filter-overlay hide'></div>

dashboardv3/public/js/utils/Enums.js

@@ -41,7 +41,24 @@ define(["require", "backbone"], function(require) {
         ENTITY_PURGE: "Entity Purged",
         BUSINESS_ATTRIBUTE_ADD: "Business Attribute(s) Added",
         BUSINESS_ATTRIBUTE_UPDATE: "Business Attribute(s) Updated",
-        BUSINESS_ATTRIBUTE_DELETE: "Business Attribute(s) Deleted"
+        BUSINESS_ATTRIBUTE_DELETE: "Business Attribute(s) Deleted",
+        TYPE_DEF_UPDATE: "Type Updated",
+        TYPE_DEF_CREATE: "Type Created",
+        TYPE_DEF_DELETE: "Type Deleted"
+    }
+
+    Enums.category = {
+        PRIMITIVE: "Primitive",
+        OBJECT_ID_TYPE: "Object Id type",
+        ENUM: "Enum",
+        STRUCT: "Struct",
+        CLASSIFICATION: "Classification",
+        ENTITY: "Entity",
+        ARRAY: "Array",
+        MAP: "Map",
+        RELATIONSHIP: "Relationship",
+        BUSINESS_METADATA: "Business Metadata",
+        PURGE: "Purge Entities"
     }
 
     Enums.entityStateReadOnly = {