@bnsights/bbsf-admin-portal 1.1.3 → 1.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bnsights/bbsf-admin-portal",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "peerDependencies": {
     "@angular/animations": "^17.0.5",
     "@angular/cdk": "^17.0.2",
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@bnsights/bbsf-utilities": "^1.0.43",
-    "@bnsights/bbsf-controls": "^1.0.110",
+    "@bnsights/bbsf-controls": "^1.0.111",
     "@amcharts/amcharts5": "^5.6.2",
     "@fortawesome/fontawesome-free": "^5.15.2",
     "@kronscht/ng-wizard": "^1.4.3",

package/src/lib/assets/sass/custom-styles.scss

@@ -1,4 +1,3 @@
-
 /*cutsom*/
 .subheadertoolbar {
   display: flex;
@@ -11,8 +10,9 @@
   height: 40px !important;
   width: 40px !important
 }
-.table-row-dashed tbody{
-    border-top:0px ;
+
+.table-row-dashed tbody {
+  border-top: 0px;
 }
 
 .card.card-custom-h {
@@ -39,25 +39,31 @@
   padding: .65rem 1rem;
   border-radius: .475rem;
 }
+
 .table-w-control .b-control {
   margin-bottom: 0px !important;
 }
+
 .card-header .b-control.b-textbox {
   margin-bottom: 0px !important;
 }
-.ar p, .ar h1, .ar div {
+
+.ar p,
+.ar h1,
+.ar div {
   text-align: right;
 }
 
 .table-dark-skin td {
   background: #1b1b29;
 }
+
 .iphone {
   background-image: url("../images/SMSTemplate_Background.png");
   background-size: cover;
   width: 250px;
   height: 500px;
-  position:relative;
+  position: relative;
 }
 
 .mobile-txt {
@@ -66,20 +72,25 @@
   left: 11%;
   color: #dfdfdf;
 }
-.mobile-txt.ar{
-text-align:right
+
+.mobile-txt.ar {
+  text-align: right
 }
 
 .table-dark-skin p {
   color: #cbcbcb;
 }
+
 bbsf-textarea.text-right textarea {
   text-align: right;
 }
-.btn.btn-light-primary, .btn.btn-primary {
+
+.btn.btn-light-primary,
+.btn.btn-primary {
   display: inline-flex;
   align-items: center;
 }
+
 //help center accordion//
 .accordion-custom button.accordion-button {
   display: flex;
@@ -91,6 +102,7 @@ bbsf-textarea.text-right textarea {
 .accordion-custom .accordion-item {
   border: 0px !important
 }
+
 //custom angular checkbox//
 .mat-checkbox-inner-container-no-side-margin {
   border-radius: 0.45rem !important;
@@ -99,7 +111,8 @@ bbsf-textarea.text-right textarea {
   width: 20px !important;
 }
 
-.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
+.mat-checkbox-checked.mat-accent .mat-checkbox-background,
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
   background-color: #3699ff;
   border-radius: 0.45rem;
 }
@@ -117,13 +130,16 @@ bbsf-textarea.text-right textarea {
 /*scroll*/
 
 body::-webkit-scrollbar-track {
-  background: black; /* color of the tracking area */
+  background: black;
+  /* color of the tracking area */
 }
 
 
 body::-webkit-scrollbar-thumb {
-  background-color: #494b74; /* color of the scroll thumb */
-  border-radius: 20px; /* roundness of the scroll thumb */
+  background-color: #494b74;
+  /* color of the scroll thumb */
+  border-radius: 20px;
+  /* roundness of the scroll thumb */
 }
 
 
@@ -133,7 +149,9 @@ body::-webkit-scrollbar {
 
 
 /*controls*/
-.form-control, .ng-select .ng-select-container, input-group {
+.form-control,
+.ng-select .ng-select-container,
+input-group {
   background-color: #1b1b29 !important;
   border-color: #1b1b29 !important;
   color: #92929f !important;
@@ -148,9 +166,12 @@ body::-webkit-scrollbar {
   background-color: #1e1e2d;
   box-shadow: 0 0 30px rgb(0 0 0 / 30%);
 }
-.ng-dropdown-panel.ng-select-bottom, .ng-select.ng-select-opened > .ng-select-container {
+
+.ng-dropdown-panel.ng-select-bottom,
+.ng-select.ng-select-opened>.ng-select-container {
   border-color: transparent !important;
 }
+
 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
   color: #92929f;
   background-color: #1e1e2d !important;
@@ -165,9 +186,12 @@ body::-webkit-scrollbar {
   background-color: #3699ff !important;
   color: #fff !important;
 }
-.ng-dropdown-panel.ng-select-bottom, .ng-select.ng-select-opened > .ng-select-container {
+
+.ng-dropdown-panel.ng-select-bottom,
+.ng-select.ng-select-opened>.ng-select-container {
   border-color: #0000 !important;
 }
+
 /* Toggle Slide Control */
 .b-toggle-slide .mat-slide-toggle .mat-slide-toggle-bar {
   background-color: #2b2b40;
@@ -203,6 +227,7 @@ input[type="radio"] {
   background-color: #2b2b40;
   color: currentColor;
 }
+
 input[type="radio"]::before {
   background-color: #3699ff;
 }
@@ -230,7 +255,7 @@ input#country-search-box {
 }
 
 .country-dropdown {
-   border: 1px solid #1b1b29 !important;
+  border: 1px solid #1b1b29 !important;
   background: #1b1b29 !important;
 }
 
@@ -303,6 +328,7 @@ li.iti__country:hover {
   .home-search .form-control {
     width: 200px !important;
   }
+
   .card-toolbar button {
     margin-bottom: 10px;
   }
@@ -312,9 +338,10 @@ li.iti__country:hover {
   }
 
 
- .page-title {
+  .page-title {
     margin-bottom: 0px !important;
   }
+
   body:not([data-kt-drawer=on]) .drawer-overlay {
     display: none;
   }
@@ -338,7 +365,9 @@ li.iti__country:hover {
 }
 
 
-.home-search .form-control, .ng-select .ng-select-container, input-group {
+.home-search .form-control,
+.ng-select .ng-select-container,
+input-group {
   background-color: #1b1b29 !important;
   border-color: #1b1b29 !important;
   color: #f5f5f5 !important;
@@ -365,21 +394,25 @@ li.iti__country:hover {
   background-color: #1b1b29 !important;
   border-radius: 30% !important;
 }
+
 span.ng-value-label {
   color: #92929f !important;
 }
+
 .ng-dropdown-panel.ng-select-top {
   border: 0px !important;
 }
 
-.ng-select-multiple.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .ng-select-multiple.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{
-    border:0px !important;
+.ng-select-multiple.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
+.ng-select-multiple.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
+  border: 0px !important;
 }
 
 
 
 /* datetime picker*/
-.owl-dt-container, .owl-dt-container * {
+.owl-dt-container,
+.owl-dt-container * {
   color: white !important;
 }
 
@@ -389,7 +422,8 @@ span.ng-value-label {
 }
 
 
-.owl-dt-container, .owl-dt-container svg {
+.owl-dt-container,
+.owl-dt-container svg {
   fill: #d7d5d5;
 }
 
@@ -404,7 +438,7 @@ button.owl-dt-control.owl-dt-control-button.owl-dt-control-period-button:hover {
   color: white;
 }
 
-.owl-dt-control-period-button:hover > .owl-dt-control-button-content {
+.owl-dt-control-period-button:hover>.owl-dt-control-button-content {
   background-color: transparent !important;
 }
 
@@ -418,7 +452,8 @@ button.owl-dt-control.owl-dt-control-button.owl-dt-control-period-button:hover {
   color: rgba(62, 61, 61, 0.85);
 }
 
-.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected), .owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
+.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),
+.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
   background-color: rgb(245, 248, 250);
   color: #7e8299;
 }
@@ -428,7 +463,8 @@ button.owl-dt-control.owl-dt-control-button.owl-dt-control-period-button:hover {
   background-color: #212e48 !important;
 }
 
-.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected), .owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
+.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),
+.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
   background-color: #212e48 !important;
 }
 
@@ -472,6 +508,7 @@ button.owl-dt-control.owl-dt-control-button.owl-dt-control-period-button:hover {
   padding: 0.75rem 1.25rem !important;
   border-bottom: 0px !important
 }
+
 /*end auto complete control*/
 
 
@@ -492,7 +529,8 @@ angular-editor.form-control {
   margin-bottom: 0px;
 }
 
-.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
+.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
+.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
   background: #3699ff;
 }
 
@@ -511,24 +549,26 @@ button.swal2-cancel {
   background-color: #1b1b29 !important;
 }
 
-.swal2-close:focus, button.swal2-confirm:focus {
+.swal2-close:focus,
+button.swal2-confirm:focus {
   outline: 0;
   box-shadow: none !important;
 }
 
 /*users filters*/
-@media only screen and (min-width: 768px){
+@media only screen and (min-width: 768px) {
   .dropdown-menu-right {
     right: 0;
     left: auto !important;
   }
 }
 
-.mat-menu-panel{
-    min-height:50px !important;
+.mat-menu-panel {
+  min-height: 50px !important;
 }
 
-.users-table.table td:first-child, .users-table.table th:first-child {
+.users-table.table td:first-child,
+.users-table.table th:first-child {
   padding-left: 1.25rem !important;
 }
 
@@ -536,6 +576,7 @@ button.swal2-cancel {
 #treeDataContainer .mat-tree-node {
   color: white !important;
 }
+
 #treeDataContainer .mat-checkbox-disabled .mat-checkbox-label {
   color: white !important;
 }
@@ -550,8 +591,9 @@ button.swal2-cancel {
   width: 20px !important;
   height: 20px !important;
 }
+
 #treeDataContainer .mat-checkbox-disabled .mat-checkbox-inner-container {
-    cursor: default !important;
+  cursor: default !important;
 }
 
 
@@ -578,9 +620,11 @@ button.swal2-cancel {
   display: flex;
   align-items: center;
 }
+
 //survery 
 .chart-section {
-    position:relative;
+  position: relative;
+
   .hide-logo {
     width: 60px;
     height: 20px;
@@ -590,6 +634,7 @@ button.swal2-cancel {
     bottom: -1px;
   }
 }
+
 .survey-alert-danger {
   display: flex;
   align-items: center;
@@ -599,5 +644,26 @@ button.swal2-cancel {
   margin-bottom: 20px;
 }
 
+.readOnly-view {
+  margin-bottom: 1rem;
 
+  p {
+    margin-bottom: 0.3rem;
+    font-size: 1rem;
+    font-weight: 700;
 
+  }
+
+  span {
+    color: rgb(94, 98, 120);
+    font-size: 1rem;
+  }
+}
+
+.configuration-header {
+  margin-top: 0.5rem;
+
+  h5 {
+    margin-bottom: 1rem;
+  }
+}

package/src/lib/assets/sass/style-rtl.scss

@@ -1,24 +1,22 @@
-
-
 @import "layoutbundle-rtl.scss";
 // font-awesome*/
 @import "/node_modules/@fortawesome/fontawesome-free/css/all.min.css";
 //controls//
 @import "/node_modules/@bnsights/bbsf-controls/src/lib/assets/sass/variables.scss";
 @import "/node_modules/@bnsights/bbsf-controls/src/lib/assets/Style.scss";
+@import "/node_modules/@bnsights/bbsf-controls/src/lib/assets/Style-rtl.scss";
 // custom*/
 @import "custom-styles.scss";
 @import "custom-styles-rtl.scss";
-.layout-loader-wrapper.layout-loader-main.active
-{
+
+.layout-loader-wrapper.layout-loader-main.active {
     display: none !important;
 }
+
 //fix for admin menu
-@media (min-width: 992px){
+@media (min-width: 992px) {
 
     .drawer.drawer-start {
         transform: translateX(0) !important;
     }
-}
-
-
+}

package/src/lib/assets/sass/style.scss

@@ -1,5 +1,3 @@
-
-
 // Mode*/
 $mode: dark;
 // Initialize*/
@@ -17,15 +15,15 @@ $mode: dark;
 // custom*/
 @import "custom-styles.scss";
 
-.layout-loader-wrapper.layout-loader-main.active
-{
+.layout-loader-wrapper.layout-loader-main.active {
     display: none !important;
 }
 
 //fix for admin menu
-@media (min-width: 992px){
+@media (min-width: 992px) {
 
     .drawer.drawer-start {
-        transform: translateX(0)!important;;
+        transform: translateX(0) !important;
+        ;
     }
-}
+}