fix(tab-switch): fix tab index (#437)

#418-tab-switch - add input selectedIndex for md-tab-group #415-tab-arrows - hide arrows
bwsw · Aug 23, 2017 · a59c9f6 · a59c9f6
1 parent bed72dd
commit a59c9f6
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 7 deletions.
diff --git a/src/app/shared/components/vm-statistics/vm-statistics.component.html b/src/app/shared/components/vm-statistics/vm-statistics.component.html
@@ -14,7 +14,7 @@ <h4 class="stat-header">
   <div class="stat-list" [class.closed]="!isOpen">
     <md-tab-group
       class="tab-switch"
-      md-selected="mode"
+      [selectedIndex]="mode"
       (selectChange)="switchMode()"
     >
       <md-tab label="{{ 'VM_PAGE.RESOURCE_USAGE.USED' | translate }}"></md-tab>

diff --git a/src/app/shared/components/vm-statistics/vm-statistics.component.scss b/src/app/shared/components/vm-statistics/vm-statistics.component.scss
@@ -110,5 +110,9 @@ md-card md-card-content {
 }
 
 :host /deep/ .mat-tab-label {
-  min-width: inherit !important;
+  min-width: 70px !important;
+}
+
+:host /deep/ .mat-tab-header-pagination {
+  display: none !important;
 }
diff --git a/src/app/snapshot/recurring-snapshots/recurring-snapshots.component.html b/src/app/snapshot/recurring-snapshots/recurring-snapshots.component.html
@@ -4,7 +4,7 @@ <h3 class="mdl-dialog__title">
 <div class="mdl-dialog__content">
 
   <md-tab-group
-    md-selected="policyMode"
+    [selectedIndex]="policyMode"
     (selectChange)="tabChanged($event)"
   >
     <md-tab label="{{ 'SNAPSHOT_POLICIES.HOURLY' | translate }}"></md-tab>

diff --git a/src/app/template/template-filters/template-filters.component.html b/src/app/template/template-filters/template-filters.component.html
@@ -2,7 +2,7 @@
   <div class="options-panel">
     <md-tab-group
       class="tab-switch"
-      md-selected="templateSwitchPosition"
+      [selectedIndex]="templateSwitchPosition"
       (selectChange)="setMode($event.index)"
       *ngIf="showIsoSwitch"
     >
@@ -74,7 +74,7 @@
 >
   <md-tab-group
     class="tab-switch"
-    md-selected="templateSwitchPosition"
+    [selectedIndex]="templateSwitchPosition"
     (selectChange)="setMode($event.index)"
     *ngIf="showIsoSwitch"
   >

diff --git a/src/app/template/template-sidebar/base-template-sidebar.component.html b/src/app/template/template-sidebar/base-template-sidebar.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="template">
-  <md-tab-group md-selected="0">
+  <md-tab-group [selectedIndex]="0">
     <md-tab>
       <ng-template md-tab-label>
         <div [mdTooltip]="'TEMPLATE_PAGE.SIDEBAR.TEMPLATE' | translate" class="md-tab-tooltip">

diff --git a/src/app/vm/vm-sidebar/vm-sidebar.component.html b/src/app/vm/vm-sidebar/vm-sidebar.component.html
@@ -1,7 +1,7 @@
 <div>
   <div *ngIf="vm">
     <h4 class="details-header">{{ vm.displayName }}</h4>
-    <md-tab-group md-selected="0" md-no-pagination="true">
+    <md-tab-group [selectedIndex]="0" md-no-pagination="true">
       <md-tab>
         <ng-template md-tab-label >
           <div [mdTooltip]="'VM_PAGE.SIDEBAR.VM' | translate" class="md-tab-tooltip">