From a59c9f65230e767f7a258d0d685277681a2206c8 Mon Sep 17 00:00:00 2001
From: ksendart <ksendart@yandex.ru>
Date: Wed, 23 Aug 2017 15:06:45 +0700
Subject: [PATCH] fix(tab-switch): fix tab index (#437)

#418-tab-switch - add input selectedIndex for md-tab-group
#415-tab-arrows - hide arrows
---
 .../components/vm-statistics/vm-statistics.component.html   | 2 +-
 .../components/vm-statistics/vm-statistics.component.scss   | 6 +++++-
 .../recurring-snapshots/recurring-snapshots.component.html  | 2 +-
 .../template-filters/template-filters.component.html        | 4 ++--
 .../template-sidebar/base-template-sidebar.component.html   | 2 +-
 src/app/vm/vm-sidebar/vm-sidebar.component.html             | 2 +-
 6 files changed, 11 insertions(+), 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
index 75129bb9a9..4185d75cf3 100644
--- 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
index 412f71753e..95132368da 100644
--- 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
index 30d4740ab6..fdf6eba565 100644
--- 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
index e00e464df2..964b0a4abd 100644
--- 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
index 08e3dad16f..123f801eb4 100644
--- 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
index 7b3c3020c8..f074bb27f2 100644
--- 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">