From 626a0ec7cab31812ddae2358d0df391cbb9fafa0 Mon Sep 17 00:00:00 2001
From: Daniel Herrero <dherrero@alfatecsistemas.es>
Date: Wed, 21 Feb 2018 11:41:22 +0100
Subject: [PATCH] custom icons v1

---
 client/core/src/components/icon/icon.js   |  27 ++++++++++++++++++-
 client/core/src/components/icon/style.css |   2 +-
 client/core/src/core.js                   |  12 ++++-----
 client/core/src/styles/fontello-head.css  |  30 ++++++++++++++++++++++
 client/core/src/styles/fontello-icons.css |   6 +++++
 client/core/src/styles/fontello.woff2     | Bin 0 -> 3136 bytes
 client/core/src/styles/index.js           |   5 ++++
 7 files changed, 73 insertions(+), 9 deletions(-)
 create mode 100644 client/core/src/styles/fontello-head.css
 create mode 100644 client/core/src/styles/fontello-icons.css
 create mode 100644 client/core/src/styles/fontello.woff2
 create mode 100644 client/core/src/styles/index.js

diff --git a/client/core/src/components/icon/icon.js b/client/core/src/components/icon/icon.js
index 34af96deb..5e78a3a1b 100644
--- a/client/core/src/components/icon/icon.js
+++ b/client/core/src/components/icon/icon.js
@@ -1,8 +1,33 @@
 import ngModule from '../../module';
 import './style.css';
 
+class Icon {
+    constructor($attrs) {
+        this.$attrs = $attrs;
+        this._icon = null;
+    }
+    set icon(value) {
+        this._icon = value;
+        this.drawIcon();
+    }
+    get icon() {
+        return this._icon;
+    }
+    drawIcon() {
+        if (this.icon.startsWith('icon-')) {
+            this.iconClass = this.icon;
+            this.iconContent = '';
+        } else {
+            this.iconClass = 'material-icons';
+            this.iconContent = this.icon;
+        }
+    }
+}
+Icon.$inject = ['$attrs'];
+
 ngModule.component('vnIcon', {
-    template: '<i class="material-icons">{{::$ctrl.icon}}</i>',
+    template: '<i class="{{::$ctrl.iconClass}}">{{::$ctrl.iconContent}}</i>',
+    controller: Icon,
     bindings: {
         icon: '@'
     }
diff --git a/client/core/src/components/icon/style.css b/client/core/src/components/icon/style.css
index c49350de3..f0cb1d34c 100644
--- a/client/core/src/components/icon/style.css
+++ b/client/core/src/components/icon/style.css
@@ -2,7 +2,7 @@ vn-icon {
     display: inline-block;
     font-size: 18pt;
 }
-vn-icon > i.material-icons {
+vn-icon > i {
     display: block;
     font-size: inherit;
 }
diff --git a/client/core/src/core.js b/client/core/src/core.js
index 2889a690e..d3601a8e1 100644
--- a/client/core/src/core.js
+++ b/client/core/src/core.js
@@ -1,9 +1,7 @@
-import './styles/mdl-override.css';
-import './styles/mdi-override.css';
-import './styles/zoom-image.css';
+import './styles';
 
 export * from './module';
-export * from './directives/index';
-export * from './filters/index';
-export * from './lib/index';
-export * from './components/index';
+export * from './directives';
+export * from './filters';
+export * from './lib';
+export * from './components';
diff --git a/client/core/src/styles/fontello-head.css b/client/core/src/styles/fontello-head.css
new file mode 100644
index 000000000..7761cfac0
--- /dev/null
+++ b/client/core/src/styles/fontello-head.css
@@ -0,0 +1,30 @@
+@font-face {
+    font-family: 'fontello';
+    
+    src: url('./fontello.woff2') format('woff2');
+    font-weight: normal;
+    font-style: normal;
+}
+   
+[class^="icon-"]:before, [class*=" icon-"]:before {
+    font-family: "fontello";
+    font-style: normal;
+    font-weight: 400;
+    speak: none;
+   
+    display: inline-block;
+    text-decoration: inherit;
+    
+    text-align: center;
+    /* opacity: .8; */
+   
+    /* For safety - reset parent styles, that can break glyph codes*/
+    font-variant: normal;
+    text-transform: none;
+   
+    /* Font smoothing. That was taken from TWBS */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+
+  }
+   
\ No newline at end of file
diff --git a/client/core/src/styles/fontello-icons.css b/client/core/src/styles/fontello-icons.css
new file mode 100644
index 000000000..4a1201de1
--- /dev/null
+++ b/client/core/src/styles/fontello-icons.css
@@ -0,0 +1,6 @@
+
+.icon-tags:before { content: '\e800'; } 
+.icon-tree:before { content: '\e801'; } 
+.icon-clone2:before { content: '\e802'; }
+.icon-preview:before { content: '\e803'; }
+.icon-history:before { content: '\f1da'; }
\ No newline at end of file
diff --git a/client/core/src/styles/fontello.woff2 b/client/core/src/styles/fontello.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..22d0e459c22ded6e8bce159450ad05cecb855e06
GIT binary patch
literal 3136
zcmV-G48QYtPew8T0RR9101Q9?4*&oF02s^w01N5>0RR9100000000000000000000
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
aga5Nz5*uk|dE<Rl7;S!w*)Ql5RgePpf8f6W

literal 0
HcmV?d00001

diff --git a/client/core/src/styles/index.js b/client/core/src/styles/index.js
new file mode 100644
index 000000000..a93f8a6d9
--- /dev/null
+++ b/client/core/src/styles/index.js
@@ -0,0 +1,5 @@
+import './mdl-override.css';
+import './mdi-override.css';
+import './zoom-image.css';
+import './fontello-head.css';
+import './fontello-icons.css';