Add style to links

mariuszfoltak · Mar 21, 2016 · 49efb2a · 49efb2a
1 parent 53dc8b5
commit 49efb2a
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 15 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,15 @@
+#Changelog
+
+## 0.2.3 (2016-03-21)
+
+Bugfixes:
+
+    - remove `href` attribute from DefaultSorter
+    - add style `cursor: pointer` to links in DefaultSorter and BootstrapPaginator
+
 ## 0.2.2 (2016-03-21)
 
 Bugfixes:
 
-    - remove `href` attribute from BootstrapPaginator template
+    - remove `href` attribute from BootstrapPaginator template
+
diff --git a/mf-angular2-table/package.json b/mf-angular2-table/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular2-datatable",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "DataTable component for Angular2 framework",
   "main": "datatable",
   "scripts": {

diff --git a/mf-angular2-table/src/BootstrapPaginator.ts b/mf-angular2-table/src/BootstrapPaginator.ts
@@ -9,42 +9,42 @@ import {Paginator} from "./Paginator";
                     [activePage]="activePage" (activePageChange)="changeActivePage($event)">
         <nav class="pagination" *ngIf="p.lastPage>1">
             <li [class.disabled]="activePage <= 1" (click)="activePage = 1">
-                <a>&laquo;</a>
+                <a style="cursor: pointer">&laquo;</a>
             </li>
             <li *ngIf="activePage > 4 && activePage + 1 > p.lastPage" (click)="activePage = activePage - 4">
-                <a>{{activePage-4}}</a>
+                <a style="cursor: pointer">{{activePage-4}}</a>
             </li>
             <li *ngIf="activePage > 3 && activePage + 2 > p.lastPage" (click)="activePage = activePage - 3">
-                <a>{{activePage-3}}</a>
+                <a style="cursor: pointer">{{activePage-3}}</a>
             </li>
             <li *ngIf="activePage > 2" (click)="activePage = activePage - 2">
-                <a>{{activePage-2}}</a>
+                <a style="cursor: pointer">{{activePage-2}}</a>
             </li>
             <li *ngIf="activePage > 1" (click)="activePage = activePage - 1">
-                <a>{{activePage-1}}</a>
+                <a style="cursor: pointer">{{activePage-1}}</a>
             </li>
             <li class="active">
-                <a>{{activePage}}</a>
+                <a style="cursor: pointer">{{activePage}}</a>
             </li>
             <li *ngIf="activePage + 1 <= p.lastPage" (click)="activePage = activePage + 1">
-                <a>{{activePage+1}}</a>
+                <a style="cursor: pointer">{{activePage+1}}</a>
             </li>
             <li *ngIf="activePage + 2 <= p.lastPage" (click)="activePage = activePage + 2">
-                <a>{{activePage+2}}</a>
+                <a style="cursor: pointer">{{activePage+2}}</a>
             </li>
             <li *ngIf="activePage + 3 <= p.lastPage && activePage < 3" (click)="activePage = activePage + 3">
-                <a>{{activePage+3}}</a>
+                <a style="cursor: pointer">{{activePage+3}}</a>
             </li>
             <li *ngIf="activePage + 4 <= p.lastPage && activePage < 2" (click)="activePage = activePage + 4">
-                <a>{{activePage+4}}</a>
+                <a style="cursor: pointer">{{activePage+4}}</a>
             </li>
             <li [class.disabled]="activePage >= p.lastPage" (click)="activePage = p.lastPage">
-                <a>&raquo;</a>
+                <a style="cursor: pointer">&raquo;</a>
             </li>
         </nav>
         <nav class="pagination pull-right">
             <li *ngFor="#rows of rowsOnPageSet" [class.active]="rowsOnPage===rows" (click)="changeRowsOnPage(rows)">
-                <a>{{rows}}</a>
+                <a style="cursor: pointer">{{rows}}</a>
             </li>
         </nav>
     </mfPaginator>

diff --git a/mf-angular2-table/src/DefaultSorter.ts b/mf-angular2-table/src/DefaultSorter.ts
@@ -4,7 +4,7 @@ import {DataTable, SortEvent} from "./DataTable";
 @Component({
     selector: "mfDefaultSorter",
     template: `
-        <a href="#" (click)="sort()" class="text-nowrap">
+        <a style="cursor: pointer" (click)="sort()" class="text-nowrap">
             <ng-content></ng-content>
             <span *ngIf="isSortedByMeAsc" class="glyphicon glyphicon-triangle-top" aria-hidden="true"></span>
             <span *ngIf="isSortedByMeDesc" class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>