From 8038f255ec90360da6ba75687c16f21324b11407 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B3zsef=20Farkas?= <fjozsef001@gmail.com>
Date: Mon, 8 Aug 2016 22:04:33 +0200
Subject: [PATCH] MouseTabComponent template refactoring.

---
 src/components/popover/tab/mouse/mouse-tab.component.html | 7 +++----
 src/components/popover/tab/mouse/mouse-tab.component.ts   | 3 +++
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/popover/tab/mouse/mouse-tab.component.html b/src/components/popover/tab/mouse/mouse-tab.component.html
index 7989b733..e6ac1aae 100644
--- a/src/components/popover/tab/mouse/mouse-tab.component.html
+++ b/src/components/popover/tab/mouse/mouse-tab.component.html
@@ -1,9 +1,8 @@
 <div class="mouse-action col-sm-4">
     <ul class="nav nav-pills nav-stacked">
-        <li (click)="changePage(0)" [class.active]="selectedPageIndex === 0"><a>     Move    </a></li>
-        <li (click)="changePage(1)" [class.active]="selectedPageIndex === 1"><a>     Scroll  </a></li>
-        <li (click)="changePage(2)" [class.active]="selectedPageIndex === 2"><a>     Click   </a></li>
-        <li (click)="changePage(3)" [class.active]="selectedPageIndex === 3"><a>     Speed   </a></li>
+        <li *ngFor="let page of pages; let i = index" [class.active]="selectedPageIndex === i" (click)="changePage(i)">
+            <a> {{ page }}</a>
+        </li>
     </ul>
 </div>
 <div class="details col-sm-8" [ngSwitch]="selectedPageIndex">
diff --git a/src/components/popover/tab/mouse/mouse-tab.component.ts b/src/components/popover/tab/mouse/mouse-tab.component.ts
index fbbef662..e5ece49c 100644
--- a/src/components/popover/tab/mouse/mouse-tab.component.ts
+++ b/src/components/popover/tab/mouse/mouse-tab.component.ts
@@ -19,8 +19,11 @@ export class MouseTabComponent implements OnInit, Tab {
     private selectedPageIndex: number;
     private MouseActionParam = MouseActionParam;
 
+    private pages: string[];
+
     constructor() {
         this.selectedPageIndex = 0;
+        this.pages = ['Move', 'Scroll', 'Click', 'Speed'];
     }
 
     ngOnInit() {