qms-angular 1.1.19 → 1.1.21

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%;

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

@@ -3,6 +3,21 @@
 @import "../../../themes/core/scrollbar.scss";
 @import "../../../themes/core/button.scss";
 
+.qms-list-item.item-suggestion {
+  .image-square.wrap-image {
+    width: 2.5rem !important;
+    height: 100% !important;
+    background: transparent;
+    align-self: center;
+    margin-right: 0;
+  }
+}
+
+::ng-deep .mat-option:hover:not(.mat-option-disabled),
+.mat-option:focus:not(.mat-option-disabled) {
+  background: transparent !important;
+}
+
 .qmslib__related__popup__container {
   .input__field {
     display: flex;
@@ -122,109 +137,91 @@
   }
 }
 
-cdk-virtual-scroll-viewport {
-  overflow-x: hidden;
-  .search__module-result {
-    margin: 1.5rem;
-    padding: 0 0 0.5rem 0px;
-    .search__module-title {
-      font-size: 14px;
-      font-weight: 600;
-    }
+.search__module-result {
+  margin: 1.5rem;
+  padding: 0 0 0.5rem 0px;
+  .search__module-title {
+    font-size: 14px;
+    font-weight: 600;
+  }
+
+  .search__option {
+    height: auto;
+    line-height: normal;
+    padding: 0;
+    border-bottom: 1px solid #e0e0e0;
 
-    .search__option {
+    .qms-list-item.mat-2-line.image-item {
       height: auto;
-      line-height: normal;
-      padding: 8px 0;
-      border-bottom: 1px solid #e0e0e0;
+    }
+    .qms-list-item-content {
+      margin: 0;
+      border-bottom: none;
 
-      .qms-list-item.mat-2-line.image-item {
-        height: auto;
+      .material-icons-outlined.leading-icon,
+      mat-icon.leading-icon {
+        padding: 4px 0 4px 4px;
       }
-      .qms-list-item-content {
-        margin: 0;
-        border-bottom: none;
-        .wrap-image.image-square {
-          width: 2.5rem;
-          height: 100%;
-          background: transparent;
-          align-self: center;
-          margin-right: 0;
-          img {
-            width: 24px;
-            height: 24px;
-          }
-        }
-
-        .material-icons-outlined.leading-icon,
-        mat-icon.leading-icon {
-          padding: 4px 0 4px 4px;
-        }
 
-        .subtitle {
-          font-weight: 400;
-        }
+      .caption {
+        overflow: hidden;
+        line-height: normal;
+        white-space: normal;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        padding: 0;
+        margin: 0;
 
-        .caption {
+        span.search__result__parent-name {
+          display: inline-block;
+          width: auto;
+          width: calc(100% - 13px);
+          white-space: nowrap;
           overflow: hidden;
-          line-height: normal;
-          white-space: normal;
           text-overflow: ellipsis;
-          display: -webkit-box;
-          -webkit-line-clamp: 2;
-          -webkit-box-orient: vertical;
-          padding: 0;
-          margin: 0;
-
-          span.search__result__parent-name {
-            display: inline-block;
-            width: auto;
-            width: calc(100% - 13px);
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-          }
         }
+      }
 
-        .default-subtitle {
-          color: rgba($color: #000000, $alpha: 0.38);
-        }
+      .default-subtitle {
+        color: rgba($color: #000000, $alpha: 0.38);
+      }
 
-        .search__description-icon {
-          margin-right: 0px;
-          width: 12px;
-          height: 12px;
-          font-size: 12px;
-        }
+      .search__description-icon {
+        margin-right: 0px;
+        width: 12px;
+        height: 12px;
+        font-size: 12px;
+      }
 
-        .qms-list-text {
-          border-bottom: none;
-          height: auto;
-        }
+      .qms-list-text {
+        border-bottom: none;
+        height: auto;
+      }
 
-        .breadcrumb-container {
-          .qms-breadcrumb-item {
-            .mat-icon {
-              font-size: 16px !important;
-              padding-bottom: 1px;
-            }
+      .breadcrumb-container {
+        .qms-breadcrumb-item {
+          .mat-icon {
+            font-size: 16px !important;
+            padding-bottom: 1px;
           }
         }
       }
-
-      &.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
-        background: transparent !important;
-      }
     }
 
-    svg {
-      display: block;
+    &.mat-option:hover:not(.mat-option-disabled),
+    .mat-option:focus:not(.mat-option-disabled) {
+      background: transparent !important;
     }
+  }
 
+  svg {
+    display: block;
   }
 }
 
-#qmslib_related_popup_header_001 {
+.module-name {
   margin-bottom: 20px;
   padding: 0;
   font-weight: 600;