@chat21/chat21-ionic 3.4.4 → 3.4.5-rc.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # chat21-ionic ver 3.0
 
+### 3.4.5-rc.2
+- changed: sidebar css improvement
+
+### 3.4.5-rc.1
+- changed: management of sidebar icon with env variable
+
 ### 3.4.4 in PROD
 
 ### 3.4.4-rc.1

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.4.4",
+    "version": "3.4.5-rc.2",
     "license": "MIT License",
     "homepage": "https://tiledesk.com/",
     "repository": {

package/src/app/components/sidebar/sidebar.component.html

@@ -101,22 +101,22 @@
       <!-- ------------------------------------------- -->
       <!-- Conversations (MONITOR) (click)="goToConversations()" -->
       <!-- ------------------------------------------- -->
-      <!-- <ng-container *ngIf="USER_ROLE !== 'agent'"> -->
-      <div  matTooltipClass="custom-mat-tooltip" matTooltip="Monitor"
-        #tooltip="matTooltip" matTooltipPosition='right' matTooltipHideDelay="100">
-        <a target="_self" href="{{ dashboard_convs_url }}" class="customAncor">
-          <!-- <i class="material-icons sidebar-icons">forum</i> -->
-          <span  class="realtime-icon-wpr" >
-            <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-              viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" style="width: 30px;height: 30px;margin-top: 5px;">
-            <path d="M17.9,11.6l-1.4,1.9l-3.2-5.6l-1-2l-0.2,0.2l-3.7,6.4l-3-4.8L2.7,9.9v2.4l2.4-1.8L9,16.2l3.3-6.2l4,6.7l2.7-3.3
-              l0.9,0c0.5-0.7,1-1.4,1.4-2L17.9,11.6z"/>
-            </svg>
-          </span>
-      
-        </a>
-      </div>
-      <!-- </ng-container> -->
+      <ng-container *ngIf="isVisibleMON">
+        <div  matTooltipClass="custom-mat-tooltip" matTooltip="Monitor"
+          #tooltip="matTooltip" matTooltipPosition='right' matTooltipHideDelay="100">
+          <a target="_self" href="{{ dashboard_convs_url }}" class="customAncor">
+            <!-- <i class="material-icons sidebar-icons">forum</i> -->
+            <span  class="realtime-icon-wpr" >
+              <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" style="width: 30px;height: 30px;margin-top: 5px;">
+              <path d="M17.9,11.6l-1.4,1.9l-3.2-5.6l-1-2l-0.2,0.2l-3.7,6.4l-3-4.8L2.7,9.9v2.4l2.4-1.8L9,16.2l3.3-6.2l4,6.7l2.7-3.3
+                l0.9,0c0.5-0.7,1-1.4,1.4-2L17.9,11.6z"/>
+              </svg>
+            </span>
+        
+          </a>
+        </div>
+      </ng-container>
 
     </div>
 
@@ -125,12 +125,14 @@
       <!-- ------------------------------------------- -->
       <!-- CONTACTS (LEADS)  (click)="goToContacts()" -->
       <!-- ------------------------------------------- -->
-      <div  matTooltipClass="custom-mat-tooltip" matTooltip="{{ contacts_lbl }}"
-        #tooltip="matTooltip" matTooltipPosition='right' matTooltipHideDelay="100">
-        <a target="_self" href="{{ dashboard_contacts_url }}" class="customAncor">
-          <i class="material-icons sidebar-icons">contacts</i>
-        </a>
-      </div>
+      <ng-container *ngIf="isVisibleCNT">
+        <div  matTooltipClass="custom-mat-tooltip" matTooltip="{{ contacts_lbl }}"
+          #tooltip="matTooltip" matTooltipPosition='right' matTooltipHideDelay="100">
+          <a target="_self" href="{{ dashboard_contacts_url }}" class="customAncor">
+            <i class="material-icons sidebar-icons">contacts</i>
+          </a>
+        </div>
+      </ng-container>
 
 
       <!-- ------------------------------------------- -->

package/src/app/components/sidebar/sidebar.component.scss

@@ -115,11 +115,11 @@ div:hover > a > i {
 
 }
 
-.sidebar-up{
-  position: absolute;
-  top: 0;
-}
-.sidebar-bottom{
-  position: absolute;
-  bottom: 0;
-}
+// .sidebar-up{
+//   position: absolute;
+//   top: 0;
+// }
+// .sidebar-bottom{
+//   position: absolute;
+//   bottom: 0;
+// }

package/src/app/components/sidebar/sidebar.component.ts

@@ -33,6 +33,8 @@ export class SidebarComponent implements OnInit {
   isVisibleAPP: boolean;
   isVisibleANA: boolean;
   isVisibleACT: boolean;
+  isVisibleMON: boolean;
+  isVisibleCNT: boolean;
   photo_profile_URL: string;
   project_id: string;
   DASHBOARD_URL: string;
@@ -298,26 +300,50 @@ export class SidebarComponent implements OnInit {
             this.isVisibleAPP = true;
           }
         }
+
+        if (key.includes("MON")) {
+          let lbs = key.split(":");
+          if (lbs[1] === "F") {
+            this.isVisibleMON = false;
+          } else {
+            this.isVisibleMON = true;
+          }
+        }
+
+        if (key.includes("CNT")) {
+          let lbs = key.split(":");
+          if (lbs[1] === "F") {
+            this.isVisibleCNT = false;
+          } else {
+            this.isVisibleCNT = true;
+          }
+        }
+        
       });
 
 
       if (!this.public_Key.includes("ANA")) {
         this.isVisibleANA = false;
       }
-
       if (!this.public_Key.includes("ACT")) {
         this.isVisibleACT = false;
       }
-
-
       if (!this.public_Key.includes("APP")) {
         this.isVisibleAPP = false;
       }
+      if (!this.public_Key.includes("MON")) {
+        this.isVisibleMON = false;
+      }
+      if (!this.public_Key.includes("CNT")) {
+        this.isVisibleCNT = false;
+      }
 
     } else {
       this.isVisibleANA = false;
       this.isVisibleACT = false;
       this.isVisibleAPP = false;
+      this.isVisibleMON = false;
+      this.isVisibleCNT = false;
     }
 
 

package/src/global.scss

@@ -321,6 +321,9 @@ select:-webkit-autofill:focus {
     position: relative;
     height: calc(100vh - 60px);
     overflow: auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
     width: 60px;
     z-index: 4;