commit d58d504e9f8733d26aca59d77787247b9d1578fc
author Matteo Scandolo <matteo.scandolo@gmail.com> Fri Dec 16 16:59:21 2016 -0800
committer Matteo Scandolo <matteo.scandolo@gmail.com> Fri Dec 16 17:18:46 2016 -0800
tree 0b09ac17b2fcd6feb6a03e2a01f315cd8eec154f
parent a4a47112ac827905fff860b4d68afa1baea3c83a

Formatting labels

Change-Id: I131f27f2f6fcd5cd76f4fbc13c632f7cd1aa17d0

src/app/core/table/table.html

diff --git a/src/app/core/table/table.html b/src/app/core/table/table.html
index 58a46e0..f425c0b 100644
--- a/src/app/core/table/table.html
+++ b/src/app/core/table/table.html
@@ -15,10 +15,10 @@
                 {{col.label}}
                 <span ng-if="vm.config.order">
                     <a href="" ng-click="vm.orderBy = col.prop; vm.reverse = false">
-                      <i class="glyphicon glyphicon-chevron-up"></i>
+                      <i class="fa fa-chevron-up"></i>
                     </a>
                     <a href="" ng-click="vm.orderBy = col.prop; vm.reverse = true">
-                      <i class="glyphicon glyphicon-chevron-down"></i>
+                      <i class="fa fa-chevron-down"></i>
                     </a>
                   </span>
             </th>
@@ -51,8 +51,8 @@
             <td ng-repeat="col in vm.columns">
                 <span ng-if="!col.type || col.type === 'text'">{{item[col.prop]}}</span>
                 <span ng-if="col.type === 'boolean'">
-                    <i class="glyphicon"
-                       ng-class="{'glyphicon-ok': item[col.prop], 'glyphicon-remove': !item[col.prop]}">
+                    <i class="fa"
+                       ng-class="{'fa-ok': item[col.prop], 'fa-remove': !item[col.prop]}">
                     </i>
                   </span>
                 <span ng-if="col.type === 'date'">
@@ -73,7 +73,7 @@
                     {{col.formatter(item)}}
                   </span>
                 <span ng-if="col.type === 'icon'">
-                    <i class="glyphicon glyphicon-{{col.formatter(item)}}">
+                    <i class="fa fa-{{col.formatter(item)}}">
                     </i>
                   </span>
             </td>
@@ -83,7 +83,7 @@
                    ng-click="action.cb(item)"
                    title="{{action.label}}">
                     <i
-                            class="glyphicon glyphicon-{{action.icon}}"
+                            class="fa fa-{{action.icon}}"
                             style="color: {{action.color}};"></i>
                 </a>
             </td>

src/app/core/table/table.ts

diff --git a/src/app/core/table/table.ts b/src/app/core/table/table.ts
index 1d40092..77067fa 100644
--- a/src/app/core/table/table.ts
+++ b/src/app/core/table/table.ts
@@ -4,6 +4,23 @@
 import './table.scss';
 import * as _ from 'lodash';
 
+enum EXosTableColType {
+  'boolean',
+  'array',
+  'object',
+  'custom',
+  'date' ,
+  'icon'
+}
+
+export interface IXosTableColumn {
+  label: string;
+  prop: string;
+  type?: string; // understand why enum does not work
+  formatter?(item: any): string;
+  link?(item: any): string;
+}
+
 interface IXosTableCgfOrder {
   reverse: boolean;
   field: string;