@tuki-io/tuki-widgets 0.0.65 → 0.0.67

package/projects/tuki/widgets/user-manage/src/styles/styles.scss

@@ -1,110 +1,110 @@
-@import '../../node_modules/font-awesome/scss/font-awesome';
-@import 'variables';
-@import 'icons';
-@import 'form';
-@import "tables";
-
-*{
-  margin: 0;
-}
-
-body {
-  background: $webex-body-bg;
-}
-body, th, td {
-  font-family: $main-font;
-  font-size: 14px;
-}
-th {
-  color: rgba(0,0,0,.54);
-  text-align: left;
-}
-td {
-  box-sizing: border-box;
-  padding: 10px 5px 10px 0;
-}
-.content-box {
-  margin: auto;
-  position: relative;
-  width: 70%;
-
-  table {
-    width: 100%
-  }
-}
-.edit-icon-td {
-  width: 50px;
-  position: relative;
-
-  button {
-    position: absolute;
-    top: 4px;
-  }
-}
-.mat-progress-spinner circle, .mat-spinner circle {
-  stroke: #009fdb!important;
-}
-.data-loader {
-  position: absolute;
-  top: calc(50% - 25px);
-  left: calc(50% - 25px);
-}
-.flex-box {
-  display: flex;
-  justify-content: flex-start;
-}
-.mat-paginator {
-  background: transparent !important;
-}
-.mat-paginator-container {
-  min-height: 30px !important;
-}
-.mat-paginator-range-label {
-  margin: 0 10px 0 24px !important;
-  font-size: 15px !important;
-}
-.user-info-box {
-  background: white;
-  display: grid;
-  grid-template-columns: 30% 70%;
-  border-radius: 8px;
-  border: rgba(0, 0, 0, 0.2) 1px solid;
-  padding: 24px;
-  font-weight: 400;
-  font-size: 14px;
-
-  h3 {
-    display: block;
-    font-weight: 500;
-    font-size: 16px;
-  }
-}
-.mat-divider{
-  margin: 12px 0 !important;
-}
-.info-boxes-container {
-  padding: 24px 0;
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-}
-.header-box {
-  height: 60px;
-  width: 100%;
-  line-height: 60px;
-  background: white;
-  border-bottom: 1px solid #dedddd;
-
-  .header-back-block {
-    float: left;
-  }
-  .header-button-block {
-    float: right;
-  }
-}
-@media screen and (max-width: 1600px) {
-  .content-box {
-    width: 95%;
-  }
-}
-
+@import '../../node_modules/font-awesome/scss/font-awesome';
+@import 'variables';
+@import 'icons';
+@import 'form';
+@import "tables";
+
+*{
+  margin: 0;
+}
+
+body {
+  background: $webex-body-bg;
+}
+body, th, td {
+  font-family: $main-font;
+  font-size: 14px;
+}
+th {
+  color: rgba(0,0,0,.54);
+  text-align: left;
+}
+td {
+  box-sizing: border-box;
+  padding: 10px 5px 10px 0;
+}
+.content-box {
+  margin: auto;
+  position: relative;
+  width: 70%;
+
+  table {
+    width: 100%
+  }
+}
+.edit-icon-td {
+  width: 50px;
+  position: relative;
+
+  button {
+    position: absolute;
+    top: 4px;
+  }
+}
+.mat-progress-spinner circle, .mat-spinner circle {
+  stroke: #009fdb!important;
+}
+.data-loader {
+  position: absolute;
+  top: calc(50% - 25px);
+  left: calc(50% - 25px);
+}
+.flex-box {
+  display: flex;
+  justify-content: flex-start;
+}
+.mat-paginator {
+  background: transparent !important;
+}
+.mat-paginator-container {
+  min-height: 30px !important;
+}
+.mat-paginator-range-label {
+  margin: 0 10px 0 24px !important;
+  font-size: 15px !important;
+}
+.user-info-box {
+  background: white;
+  display: grid;
+  grid-template-columns: 30% 70%;
+  border-radius: 8px;
+  border: rgba(0, 0, 0, 0.2) 1px solid;
+  padding: 24px;
+  font-weight: 400;
+  font-size: 14px;
+
+  h3 {
+    display: block;
+    font-weight: 500;
+    font-size: 16px;
+  }
+}
+.mat-divider{
+  margin: 12px 0 !important;
+}
+.info-boxes-container {
+  padding: 24px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+.header-box {
+  height: 60px;
+  width: 100%;
+  line-height: 60px;
+  background: white;
+  border-bottom: 1px solid #dedddd;
+
+  .header-back-block {
+    float: left;
+  }
+  .header-button-block {
+    float: right;
+  }
+}
+@media screen and (max-width: 1600px) {
+  .content-box {
+    width: 95%;
+  }
+}
+

package/projects/tuki/widgets/user-manage/src/styles/tables.scss

@@ -1,30 +1,30 @@
-@import 'variables';
-
-.webex-table {
-  width: 100%;
-  margin: auto;
-
-  tr {
-    border-bottom: 1px solid $webex-tr-border;
-  }
-  th {
-    background: $webex-table-th-bg;
-    color: $webex-table-th-txt;
-    font-size: $webex-table-th-size;
-  }
-  td {
-    background: $webex-table-td-bg;
-    color: $webex-table-td-txt;
-    font-size: $webex-table-td-size;
-  }
-  tr:hover td {
-    background: $webex-tr-hover-bg;
-    cursor: pointer;
-  }
-  th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
-    border-bottom: 1px solid $webex-tr-border;
-  }
-  tr.mat-header-row {
-    height: 37px;
-  }
-}
+@import 'variables';
+
+.webex-table {
+  width: 100%;
+  margin: auto;
+
+  tr {
+    border-bottom: 1px solid $webex-tr-border;
+  }
+  th {
+    background: $webex-table-th-bg;
+    color: $webex-table-th-txt;
+    font-size: $webex-table-th-size;
+  }
+  td {
+    background: $webex-table-td-bg;
+    color: $webex-table-td-txt;
+    font-size: $webex-table-td-size;
+  }
+  tr:hover td {
+    background: $webex-tr-hover-bg;
+    cursor: pointer;
+  }
+  th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
+    border-bottom: 1px solid $webex-tr-border;
+  }
+  tr.mat-header-row {
+    height: 37px;
+  }
+}

package/projects/tuki/widgets/user-manage/src/user-calling/user-calling-extension/user-calling-extension.component.html

@@ -1,10 +1,10 @@
-<div *ngIf="this.availableNumbers?.length" class="user-calling-extension">
-  <mat-form-field appearance="outline">
-    <mat-select [formControl]="control" name="extension"
-                (selectionChange)="this.onChangeField($event)">
-      <mat-option *ngFor="let option of this.availableNumbers; let i = index;"[value]="option">{{option}}</mat-option>
-    </mat-select>
-  </mat-form-field>
-
-  <mat-spinner *ngIf="this.dataPending" [diameter]="50"></mat-spinner>
-</div>
+<div *ngIf="this.availableNumbers?.length" class="user-calling-extension">
+  <mat-form-field appearance="outline">
+    <mat-select [formControl]="control" name="extension"
+                (selectionChange)="this.onChangeField($event)">
+      <mat-option *ngFor="let option of this.availableNumbers; let i = index;"[value]="option">{{option}}</mat-option>
+    </mat-select>
+  </mat-form-field>
+
+  <mat-spinner *ngIf="this.dataPending" [diameter]="50"></mat-spinner>
+</div>