qms-angular 1.1.20 → 1.1.22

package/src/assets/qms-ckeditor-plugin/src/plugins/template/loadtemplatedialogcommand.js

@@ -3,8 +3,12 @@ import * as QMSCKEditorConstant from '../common/qmsCKEditorConstant';
 import * as QMSCKEditorService from '../common/qmsCKEditorService';
 
 export default class LoadTemplateDialogCommand extends Command {
-
+    constructor( editor ) {
+		super( editor );
+	}
+    
 	execute() {
+    const editor = this.editor;
     QMSCKEditorService.loadTemplateNotify(null);
     window.addEventListener(QMSCKEditorConstant.QMSCK_LOAD_TEMPLATE_PLUGIN_RESP, function (evt) {
         editor.setData(evt.detail);

package/src/lib/components/select-access-dialog/select-access-dialog.component.scss

@@ -99,50 +99,22 @@
     }
   }
 
-
-
-
   .access-dialog-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
   }
 
-  .access-dialog-wraper {
-    width: 100%;
-
-    .field-select-option {
-      .mat-form-field-wrapper{
-        padding-bottom: 16px !important;
-      }
-      .mat-form-field-underline{
-        bottom: 16px !important;
-      }
-    }
-  }
-
   .mat-chip-list-wrapper {
     margin: unset !important;
   }
 
-  .result-selected-container {
-    max-height: 175px;
-    overflow-y: auto;
-    padding-right: 4px;
-  }
-
   .item-list-wrapper {
-    max-height: 28vh;
+    max-height: 45vh;
     padding: 4px 4px 4px 0;
     overflow-y: auto;
     &.no-result{
-      height: 28vh;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-    &.no-result{
-      height: 28vh;
+      height: 50vh;
       display: flex;
       justify-content: center;
       align-items: center;
@@ -180,6 +152,82 @@
     }
   }
 
+  .qms-dialog-content{
+    // display: flex;
+    display: grid;
+    column-gap: 8px;
+    &.active{
+      grid-template-columns: 2fr 1fr;
+    }
+
+    .access-dialog-wraper {
+      .field-select-option {
+        .mat-form-field-wrapper{
+          padding-bottom: 16px !important;
+        }
+        .mat-form-field-underline{
+          bottom: 16px !important;
+        }
+      }
+    }
+
+    .result-wrapper{
+      position: relative;
+      width: 100%;
+      margin-left: 8px;
+      &::after{
+        position: absolute;
+        content: '';
+        top: 0;
+        left: 0;
+        background-color: #0000001f;
+        height: 100%;
+        width: 1px;
+      }
+    }
+    .result-selected-container {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      overflow-y: auto;
+      padding: 0 8px;
+      // .mat-divider{
+      //   margin-bottom: 12px;
+      // }
+      .result-header{
+        height: 51px;
+        display: flex;
+        align-items: center;
+        position: sticky;
+        top: 0;
+        z-index: 10;
+        padding: 0 !important;
+        background: white;
+        margin-bottom: 12px;
+        &::after{
+          position: absolute;
+          content: "";
+          bottom: 0;
+          left: 0;
+          width: 100%;
+          height: 1px;
+          background: rgba(0, 0, 0, 0.04);
+        }
+
+        .mat-card-content{
+          height: 51px;
+          width: 100%;
+          padding-left: 4px;
+          display: flex;
+          align-items: center;
+          background-color: rgba(0, 0, 0, 0.04);
+        }
+      }
+    }
+  }
+
   .option-selected-content {
     .group-filter-person-option {
       display: flex;
@@ -188,7 +236,6 @@
       align-items: center;
       gap: 8px;
     }
-
   }
 
   span.chip-item__content_name {
@@ -204,6 +251,7 @@
     color: black(0.5);
     font-weight: 600;
   }
+
   .mat-slide-toggle.qms-group-options{
     padding: unset !important;
   }
@@ -216,9 +264,11 @@
       bottom: 8px !important;
     }
   }
+
   .slide-toggle{
     margin-bottom: 8px;
   }
+
   .confirm__button__groups.none-option{
     margin-top: 85px;
   }
@@ -246,6 +296,13 @@
       align-items: center;
       justify-content: center;
     }
+
+    .qms-btn-icon{
+      width: 30px !important;
+      height: 30px !important;
+      line-height: 30px !important;
+    }
+
     .mat-form-field-wrapper{
       padding-bottom: 0;
     }
@@ -271,8 +328,8 @@
     }
 
     &> .qms-btn-icon-wrapper{
-      width: 30px;
-      height: 30px;
+      width: 30px !important;
+      height: 30px !important;
       display: flex;
       justify-content: center;
       align-items: center;
@@ -312,15 +369,23 @@
     margin: 0 !important;
   }
 
-  .qms-btn-icon{
-    width: 30px !important;
-    height: 30px !important;
-    line-height: 30px !important;
+
+  .access-department{
+    .qms-view-search-result{
+      height: 100% !important;
+      .result{
+        max-height: calc(100% - 80px) !important;
+      }
+    }
+    .loading-container{
+      height: calc(100% - 40px) !important;
+    }
   }
 
   // Loading animate
   .loading-container{
-    height: 25vh;
+    height: 50vh;
+    overflow: hidden;
     display: grid;
     grid-template-rows: repeat(auto-fill, minmax(60px, 60px));
     .loader{
@@ -363,7 +428,4 @@
       }
     }
   }
-
 }
-
-

package/src/lib/components/select-department/select-department.component.scss

@@ -182,4 +182,16 @@
       align-items: center;
     }
   }
+
+  ::ng-deep .custom-department-tree{
+    .qms-view-search-result{
+      height: 100% !important;
+      .result{
+        max-height: calc(100% - 80px) !important;
+      }
+    }
+    .loading-container{
+      height: calc(100% - 40px) !important;
+    }
+  }
 }

package/src/lib/components/select-department-tree/select-department-tree.component.scss

@@ -482,7 +482,7 @@
     overflow: hidden;
     height: 100%;
     display: grid;
-    grid-template-rows: repeat(auto-fill, minmax(60px, 60px));
+    grid-template-rows: repeat(auto-fit, minmax(60px, 60px));
     .loader{
       position: relative;
       width: 100%;