noalyss-commit
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[Noalyss-commit] [noalyss] 116/119: Modern CheckBox


From: Dany De Bontridder
Subject: [Noalyss-commit] [noalyss] 116/119: Modern CheckBox
Date: Mon, 26 Oct 2020 18:27:42 -0400 (EDT)

sparkyx pushed a commit to branch master
in repository noalyss.

commit 9f878b1be3939c9781d0ad37748bf42fc4e190c0
Author: sparkyx <danydb@noalyss.eu>
AuthorDate: Thu Oct 22 13:54:05 2020 +0200

    Modern CheckBox
---
 html/image/fontello/css/fontello-codes.css     |  14 ++--
 html/image/fontello/css/fontello-embedded.css  |  26 +++----
 html/image/fontello/css/fontello-ie7-codes.css |  14 ++--
 html/image/fontello/css/fontello-ie7.css       |  14 ++--
 html/image/fontello/css/fontello.css           |  28 +++----
 html/image/fontello/demo.html                  |  88 ++++++++++-----------
 html/image/fontello/fontello.eot               | Bin 34464 -> 35304 bytes
 html/image/fontello/fontello.svg               |  22 +++---
 html/image/fontello/fontello.ttf               | Bin 34296 -> 35136 bytes
 html/image/fontello/fontello.woff              | Bin 20936 -> 21500 bytes
 html/image/fontello/fontello.woff2             | Bin 17520 -> 17964 bytes
 html/js/scripts.js                             |  20 +++++
 include/lib/icon_action.class.php              |  25 +++++-
 include/lib/inplace_edit.class.php             |   4 +-
 include/lib/input_checkbox.class.php           | 101 +++++++++++++++++++++++++
 include/template/detail-action.php             |   2 +-
 include/template/tag_select.php                |   2 +-
 17 files changed, 252 insertions(+), 108 deletions(-)

diff --git a/html/image/fontello/css/fontello-codes.css 
b/html/image/fontello/css/fontello-codes.css
index c848978..d5e6171 100644
--- a/html/image/fontello/css/fontello-codes.css
+++ b/html/image/fontello/css/fontello-codes.css
@@ -1,4 +1,6 @@
 
+.icon-check:before { content: '\e741'; } /* '' */
+.icon-resize-small-1:before { content: '\e746'; } /* '' */
 .icon-logout:before { content: '\e800'; } /* '' */
 .icon-cancel-circled:before { content: '\e801'; } /* '' */
 .icon-cancel-circled2:before { content: '\e802'; } /* '' */
@@ -57,15 +59,13 @@
 .icon-right-hand:before { content: '\e837'; } /* '' */
 .icon-left-hand:before { content: '\e838'; } /* '' */
 .icon-up-hand:before { content: '\e839'; } /* '' */
+.icon-tags-3:before { content: '\e839'; } /* '' */
 .icon-down-hand:before { content: '\e83a'; } /* '' */
 .icon-eye-off:before { content: '\e83b'; } /* '' */
 .icon-arrows-cw-1:before { content: '\e83c'; } /* '' */
-.icon-tags:before { content: '\e83d'; } /* '' */
-.icon-tags-1:before { content: '\e83e'; } /* '' */
-.icon-tags-2:before { content: '\e83f'; } /* '' */
-.icon-tag-2:before { content: '\e840'; } /* '' */
-.icon-resize-small-alt:before { content: '\e841'; } /* '' */
-.icon-resize-small-1:before { content: '\e842'; } /* '' */
+.icon-resize-small-alt:before { content: '\e83d'; } /* '' */
+.icon-tags:before { content: '\e83e'; } /* '' */
+.icon-tags-4:before { content: '\e83f'; } /* '' */
 .icon-down-open:before { content: '\f004'; } /* '' */
 .icon-up-open:before { content: '\f005'; } /* '' */
 .icon-right-open:before { content: '\f006'; } /* '' */
@@ -73,6 +73,7 @@
 .icon-move:before { content: '\f047'; } /* '' */
 .icon-info-circled-alt:before { content: '\f086'; } /* '' */
 .icon-link-ext:before { content: '\f08e'; } /* '' */
+.icon-check-empty:before { content: '\f096'; } /* '' */
 .icon-comment-empty:before { content: '\f0e5'; } /* '' */
 .icon-doc-text:before { content: '\f0f6'; } /* '' */
 .icon-plus-squared:before { content: '\f0fe'; } /* '' */
@@ -81,7 +82,6 @@
 .icon-angle-circled-up:before { content: '\f139'; } /* '' */
 .icon-angle-circled-down:before { content: '\f13a'; } /* '' */
 .icon-lock-open-alt:before { content: '\f13e'; } /* '' */
-.icon-ellipsis:before { content: '\f141'; } /* '' */
 .icon-ellipsis-vert:before { content: '\f142'; } /* '' */
 .icon-sort-alt-up:before { content: '\f160'; } /* '' */
 .icon-sort-alt-down:before { content: '\f161'; } /* '' */
diff --git a/html/image/fontello/css/fontello-embedded.css 
b/html/image/fontello/css/fontello-embedded.css
index aeaf1c1..70f3ca3 100644
--- a/html/image/fontello/css/fontello-embedded.css
+++ b/html/image/fontello/css/fontello-embedded.css
@@ -1,15 +1,15 @@
 @font-face {
   font-family: 'fontello';
-  src: url('../font/fontello.eot?36632261');
-  src: url('../font/fontello.eot?36632261#iefix') format('embedded-opentype'),
-       url('../font/fontello.svg?36632261#fontello') format('svg');
+  src: url('../font/fontello.eot?99450207');
+  src: url('../font/fontello.eot?99450207#iefix') format('embedded-opentype'),
+       url('../font/fontello.svg?99450207#fontello') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: 'fontello';
-  src: 
url('data:application/octet-stream;base64,d09GRgABAAAAAFHIAA8AAAAAhfgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAAQwAAAFY+g1bqY21hcAAAAdgAAALXAAAHtkYwrbxjdnQgAAAEsAAAABQAAAAgB5v+PmZwZ20AAATEAAAFkAAAC3CKkZBZZ2FzcAAAClQAAAAIAAAACAAAABBnbHlmAAAKXAAAQLgAAGXM+npx6GhlYWQAAEsUAAAAMgAAADYa5oqZaGhlYQAAS0gAAAAgAAAAJAfBBD1obXR4AABLaAAAALsAAAGcYCL/vWxvY2EAAEwkAAAA0AAAANB5lJY0bWF4cAAATPQAAAAgAAAAIAIEDahuYW1lAABNFAAAAXQAAALNzZ0XGHBvc3QAAE6IAAACwgAABPGzjkbTcHJlcAAAUUw
 [...]
-       
url('data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQiCLJXoAAAD8AAAAVE9TLzI+g1bqAAABUAAAAFZjbWFwRjCtvAAAAagAAAe2Y3Z0IAeb/j4AAHngAAAAIGZwZ22KkZBZAAB6AAAAC3BnYXNwAAAAEAAAedgAAAAIZ2x5Zvp6cegAAAlgAABlzGhlYWQa5oqZAABvLAAAADZoaGVhB8EEPQAAb2QAAAAkaG10eGAi/70AAG+IAAABnGxvY2F5lJY0AABxJAAAANBtYXhwAgQNqAAAcfQAAAAgbmFtZc2dFxgAAHIUAAACzXBvc3SzjkbTAAB05AAABPFwcmVw5UErvAAAhXAAAACGAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAA
 [...]
+  src: 
url('data:application/octet-stream;base64,d09GRgABAAAAAFP8AA8AAAAAiUAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAAQwAAAFY9xFbrY21hcAAAAdgAAAMPAAAHwG4yL9tjdnQgAAAE6AAAAAsAAAAOAAAAAGZwZ20AAAT0AAAG7QAADgxiLvl6Z2FzcAAAC+QAAAAIAAAACAAAABBnbHlmAAAL7AAAQU0AAGZsUp53PmhlYWQAAE08AAAAMwAAADYa8I9VaGhlYQAATXAAAAAgAAAAJAfBBD1obXR4AABNkAAAALsAAAGcYGn/vWxvY2EAAE5MAAAA0AAAANB7DpeebWF4cAAATxwAAAAgAAAAIAIeEG5uYW1lAABPPAAAAXQAAALNzZ0XGHBvc3QAAFCwAAACzQAABPTLzZSPcHJlcAAAU4A
 [...]
+       
url('data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQiCLJXoAAAD8AAAAVE9TLzI9xFbrAAABUAAAAFZjbWFwbjIv2wAAAagAAAfAY3Z0IAAAAAAAAHqIAAAADmZwZ21iLvl6AAB6mAAADgxnYXNwAAAAEAAAeoAAAAAIZ2x5ZlKedz4AAAloAABmbGhlYWQa8I9VAABv1AAAADZoaGVhB8EEPQAAcAwAAAAkaG10eGBp/70AAHAwAAABnGxvY2F7DpeeAABxzAAAANBtYXhwAh4QbgAAcpwAAAAgbmFtZc2dFxgAAHK8AAACzXBvc3TLzZSPAAB1jAAABPRwcmVwfrY7tgAAiKQAAACcAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAA
 [...]
 }
 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment 
if you need it. */
 /* Note, that will break hinting! In other OS-es font will be not as sharp as 
it could be */
@@ -17,7 +17,7 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'fontello';
-    src: url('../font/fontello.svg?36632261#fontello') format('svg');
+    src: url('../font/fontello.svg?99450207#fontello') format('svg');
   }
 }
 */
@@ -52,6 +52,8 @@
   /* Uncomment for 3D effect */
   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }
+.icon-check:before { content: '\e741'; } /* '' */
+.icon-resize-small-1:before { content: '\e746'; } /* '' */
 .icon-logout:before { content: '\e800'; } /* '' */
 .icon-cancel-circled:before { content: '\e801'; } /* '' */
 .icon-cancel-circled2:before { content: '\e802'; } /* '' */
@@ -110,15 +112,13 @@
 .icon-right-hand:before { content: '\e837'; } /* '' */
 .icon-left-hand:before { content: '\e838'; } /* '' */
 .icon-up-hand:before { content: '\e839'; } /* '' */
+.icon-tags-3:before { content: '\e839'; } /* '' */
 .icon-down-hand:before { content: '\e83a'; } /* '' */
 .icon-eye-off:before { content: '\e83b'; } /* '' */
 .icon-arrows-cw-1:before { content: '\e83c'; } /* '' */
-.icon-tags:before { content: '\e83d'; } /* '' */
-.icon-tags-1:before { content: '\e83e'; } /* '' */
-.icon-tags-2:before { content: '\e83f'; } /* '' */
-.icon-tag-2:before { content: '\e840'; } /* '' */
-.icon-resize-small-alt:before { content: '\e841'; } /* '' */
-.icon-resize-small-1:before { content: '\e842'; } /* '' */
+.icon-resize-small-alt:before { content: '\e83d'; } /* '' */
+.icon-tags:before { content: '\e83e'; } /* '' */
+.icon-tags-4:before { content: '\e83f'; } /* '' */
 .icon-down-open:before { content: '\f004'; } /* '' */
 .icon-up-open:before { content: '\f005'; } /* '' */
 .icon-right-open:before { content: '\f006'; } /* '' */
@@ -126,6 +126,7 @@
 .icon-move:before { content: '\f047'; } /* '' */
 .icon-info-circled-alt:before { content: '\f086'; } /* '' */
 .icon-link-ext:before { content: '\f08e'; } /* '' */
+.icon-check-empty:before { content: '\f096'; } /* '' */
 .icon-comment-empty:before { content: '\f0e5'; } /* '' */
 .icon-doc-text:before { content: '\f0f6'; } /* '' */
 .icon-plus-squared:before { content: '\f0fe'; } /* '' */
@@ -134,7 +135,6 @@
 .icon-angle-circled-up:before { content: '\f139'; } /* '' */
 .icon-angle-circled-down:before { content: '\f13a'; } /* '' */
 .icon-lock-open-alt:before { content: '\f13e'; } /* '' */
-.icon-ellipsis:before { content: '\f141'; } /* '' */
 .icon-ellipsis-vert:before { content: '\f142'; } /* '' */
 .icon-sort-alt-up:before { content: '\f160'; } /* '' */
 .icon-sort-alt-down:before { content: '\f161'; } /* '' */
diff --git a/html/image/fontello/css/fontello-ie7-codes.css 
b/html/image/fontello/css/fontello-ie7-codes.css
index 557bbee..bf52a43 100644
--- a/html/image/fontello/css/fontello-ie7-codes.css
+++ b/html/image/fontello/css/fontello-ie7-codes.css
@@ -1,4 +1,6 @@
 
+.icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe741;&nbsp;'); }
+.icon-resize-small-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe746;&nbsp;'); }
 .icon-logout { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe800;&nbsp;'); }
 .icon-cancel-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe801;&nbsp;'); }
 .icon-cancel-circled2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe802;&nbsp;'); }
@@ -57,15 +59,13 @@
 .icon-right-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe837;&nbsp;'); }
 .icon-left-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe838;&nbsp;'); }
 .icon-up-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe839;&nbsp;'); }
+.icon-tags-3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe839;&nbsp;'); }
 .icon-down-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83a;&nbsp;'); }
 .icon-eye-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83b;&nbsp;'); }
 .icon-arrows-cw-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83c;&nbsp;'); }
-.icon-tags { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83d;&nbsp;'); }
-.icon-tags-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83e;&nbsp;'); }
-.icon-tags-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83f;&nbsp;'); }
-.icon-tag-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe840;&nbsp;'); }
-.icon-resize-small-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe841;&nbsp;'); }
-.icon-resize-small-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe842;&nbsp;'); }
+.icon-resize-small-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83d;&nbsp;'); }
+.icon-tags { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83e;&nbsp;'); }
+.icon-tags-4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83f;&nbsp;'); }
 .icon-down-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf004;&nbsp;'); }
 .icon-up-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf005;&nbsp;'); }
 .icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf006;&nbsp;'); }
@@ -73,6 +73,7 @@
 .icon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf047;&nbsp;'); }
 .icon-info-circled-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf086;&nbsp;'); }
 .icon-link-ext { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf08e;&nbsp;'); }
+.icon-check-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf096;&nbsp;'); }
 .icon-comment-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0e5;&nbsp;'); }
 .icon-doc-text { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0f6;&nbsp;'); }
 .icon-plus-squared { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0fe;&nbsp;'); }
@@ -81,7 +82,6 @@
 .icon-angle-circled-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf139;&nbsp;'); }
 .icon-angle-circled-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf13a;&nbsp;'); }
 .icon-lock-open-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf13e;&nbsp;'); }
-.icon-ellipsis { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf141;&nbsp;'); }
 .icon-ellipsis-vert { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf142;&nbsp;'); }
 .icon-sort-alt-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf160;&nbsp;'); }
 .icon-sort-alt-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf161;&nbsp;'); }
diff --git a/html/image/fontello/css/fontello-ie7.css 
b/html/image/fontello/css/fontello-ie7.css
index a0f449f..e07293d 100644
--- a/html/image/fontello/css/fontello-ie7.css
+++ b/html/image/fontello/css/fontello-ie7.css
@@ -10,6 +10,8 @@
   /* font-size: 120%; */
 }
  
+.icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe741;&nbsp;'); }
+.icon-resize-small-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe746;&nbsp;'); }
 .icon-logout { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe800;&nbsp;'); }
 .icon-cancel-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe801;&nbsp;'); }
 .icon-cancel-circled2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe802;&nbsp;'); }
@@ -68,15 +70,13 @@
 .icon-right-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe837;&nbsp;'); }
 .icon-left-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe838;&nbsp;'); }
 .icon-up-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe839;&nbsp;'); }
+.icon-tags-3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe839;&nbsp;'); }
 .icon-down-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83a;&nbsp;'); }
 .icon-eye-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83b;&nbsp;'); }
 .icon-arrows-cw-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83c;&nbsp;'); }
-.icon-tags { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83d;&nbsp;'); }
-.icon-tags-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83e;&nbsp;'); }
-.icon-tags-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83f;&nbsp;'); }
-.icon-tag-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe840;&nbsp;'); }
-.icon-resize-small-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe841;&nbsp;'); }
-.icon-resize-small-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe842;&nbsp;'); }
+.icon-resize-small-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83d;&nbsp;'); }
+.icon-tags { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83e;&nbsp;'); }
+.icon-tags-4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83f;&nbsp;'); }
 .icon-down-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf004;&nbsp;'); }
 .icon-up-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf005;&nbsp;'); }
 .icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf006;&nbsp;'); }
@@ -84,6 +84,7 @@
 .icon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf047;&nbsp;'); }
 .icon-info-circled-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf086;&nbsp;'); }
 .icon-link-ext { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf08e;&nbsp;'); }
+.icon-check-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf096;&nbsp;'); }
 .icon-comment-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0e5;&nbsp;'); }
 .icon-doc-text { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0f6;&nbsp;'); }
 .icon-plus-squared { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0fe;&nbsp;'); }
@@ -92,7 +93,6 @@
 .icon-angle-circled-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf139;&nbsp;'); }
 .icon-angle-circled-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf13a;&nbsp;'); }
 .icon-lock-open-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf13e;&nbsp;'); }
-.icon-ellipsis { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf141;&nbsp;'); }
 .icon-ellipsis-vert { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf142;&nbsp;'); }
 .icon-sort-alt-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf160;&nbsp;'); }
 .icon-sort-alt-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf161;&nbsp;'); }
diff --git a/html/image/fontello/css/fontello.css 
b/html/image/fontello/css/fontello.css
index 696f2ad..9306608 100644
--- a/html/image/fontello/css/fontello.css
+++ b/html/image/fontello/css/fontello.css
@@ -1,11 +1,11 @@
 @font-face {
   font-family: 'fontello';
-  src: url('../font/fontello.eot?84662865');
-  src: url('../font/fontello.eot?84662865#iefix') format('embedded-opentype'),
-       url('../font/fontello.woff2?84662865') format('woff2'),
-       url('../font/fontello.woff?84662865') format('woff'),
-       url('../font/fontello.ttf?84662865') format('truetype'),
-       url('../font/fontello.svg?84662865#fontello') format('svg');
+  src: url('../font/fontello.eot?16636759');
+  src: url('../font/fontello.eot?16636759#iefix') format('embedded-opentype'),
+       url('../font/fontello.woff2?16636759') format('woff2'),
+       url('../font/fontello.woff?16636759') format('woff'),
+       url('../font/fontello.ttf?16636759') format('truetype'),
+       url('../font/fontello.svg?16636759#fontello') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -15,7 +15,7 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'fontello';
-    src: url('../font/fontello.svg?84662865#fontello') format('svg');
+    src: url('../font/fontello.svg?16636759#fontello') format('svg');
   }
 }
 */
@@ -55,6 +55,8 @@
   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }
  
+.icon-check:before { content: '\e741'; } /* '' */
+.icon-resize-small-1:before { content: '\e746'; } /* '' */
 .icon-logout:before { content: '\e800'; } /* '' */
 .icon-cancel-circled:before { content: '\e801'; } /* '' */
 .icon-cancel-circled2:before { content: '\e802'; } /* '' */
@@ -113,15 +115,13 @@
 .icon-right-hand:before { content: '\e837'; } /* '' */
 .icon-left-hand:before { content: '\e838'; } /* '' */
 .icon-up-hand:before { content: '\e839'; } /* '' */
+.icon-tags-3:before { content: '\e839'; } /* '' */
 .icon-down-hand:before { content: '\e83a'; } /* '' */
 .icon-eye-off:before { content: '\e83b'; } /* '' */
 .icon-arrows-cw-1:before { content: '\e83c'; } /* '' */
-.icon-tags:before { content: '\e83d'; } /* '' */
-.icon-tags-1:before { content: '\e83e'; } /* '' */
-.icon-tags-2:before { content: '\e83f'; } /* '' */
-.icon-tag-2:before { content: '\e840'; } /* '' */
-.icon-resize-small-alt:before { content: '\e841'; } /* '' */
-.icon-resize-small-1:before { content: '\e842'; } /* '' */
+.icon-resize-small-alt:before { content: '\e83d'; } /* '' */
+.icon-tags:before { content: '\e83e'; } /* '' */
+.icon-tags-4:before { content: '\e83f'; } /* '' */
 .icon-down-open:before { content: '\f004'; } /* '' */
 .icon-up-open:before { content: '\f005'; } /* '' */
 .icon-right-open:before { content: '\f006'; } /* '' */
@@ -129,6 +129,7 @@
 .icon-move:before { content: '\f047'; } /* '' */
 .icon-info-circled-alt:before { content: '\f086'; } /* '' */
 .icon-link-ext:before { content: '\f08e'; } /* '' */
+.icon-check-empty:before { content: '\f096'; } /* '' */
 .icon-comment-empty:before { content: '\f0e5'; } /* '' */
 .icon-doc-text:before { content: '\f0f6'; } /* '' */
 .icon-plus-squared:before { content: '\f0fe'; } /* '' */
@@ -137,7 +138,6 @@
 .icon-angle-circled-up:before { content: '\f139'; } /* '' */
 .icon-angle-circled-down:before { content: '\f13a'; } /* '' */
 .icon-lock-open-alt:before { content: '\f13e'; } /* '' */
-.icon-ellipsis:before { content: '\f141'; } /* '' */
 .icon-ellipsis-vert:before { content: '\f142'; } /* '' */
 .icon-sort-alt-up:before { content: '\f160'; } /* '' */
 .icon-sort-alt-down:before { content: '\f161'; } /* '' */
diff --git a/html/image/fontello/demo.html b/html/image/fontello/demo.html
index a14e56f..b60c0cc 100644
--- a/html/image/fontello/demo.html
+++ b/html/image/fontello/demo.html
@@ -229,11 +229,11 @@ body {
 }
 @font-face {
       font-family: 'fontello';
-      src: url('./font/fontello.eot?68207935');
-      src: url('./font/fontello.eot?68207935#iefix') 
format('embedded-opentype'),
-           url('./font/fontello.woff?68207935') format('woff'),
-           url('./font/fontello.ttf?68207935') format('truetype'),
-           url('./font/fontello.svg?68207935#fontello') format('svg');
+      src: url('./font/fontello.eot?78114184');
+      src: url('./font/fontello.eot?78114184#iefix') 
format('embedded-opentype'),
+           url('./font/fontello.woff?78114184') format('woff'),
+           url('./font/fontello.ttf?78114184') format('truetype'),
+           url('./font/fontello.svg?78114184#fontello') format('svg');
       font-weight: normal;
       font-style: normal;
     }
@@ -298,105 +298,105 @@ body {
     </div>
     <div class="container" id="icons">
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe741"><i class="demo-icon 
icon-check">&#xe741;</i> <span class="i-name">icon-check</span><span 
class="i-code">0xe741</span></div>
+        <div class="the-icons span3" title="Code: 0xe746"><i class="demo-icon 
icon-resize-small-1">&#xe746;</i> <span 
class="i-name">icon-resize-small-1</span><span 
class="i-code">0xe746</span></div>
         <div class="the-icons span3" title="Code: 0xe800"><i class="demo-icon 
icon-logout">&#xe800;</i> <span class="i-name">icon-logout</span><span 
class="i-code">0xe800</span></div>
         <div class="the-icons span3" title="Code: 0xe801"><i class="demo-icon 
icon-cancel-circled">&#xe801;</i> <span 
class="i-name">icon-cancel-circled</span><span 
class="i-code">0xe801</span></div>
-        <div class="the-icons span3" title="Code: 0xe802"><i class="demo-icon 
icon-cancel-circled2">&#xe802;</i> <span 
class="i-name">icon-cancel-circled2</span><span 
class="i-code">0xe802</span></div>
-        <div class="the-icons span3" title="Code: 0xe803"><i class="demo-icon 
icon-eye">&#xe803;</i> <span class="i-name">icon-eye</span><span 
class="i-code">0xe803</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe802"><i class="demo-icon 
icon-cancel-circled2">&#xe802;</i> <span 
class="i-name">icon-cancel-circled2</span><span 
class="i-code">0xe802</span></div>
+        <div class="the-icons span3" title="Code: 0xe803"><i class="demo-icon 
icon-eye">&#xe803;</i> <span class="i-name">icon-eye</span><span 
class="i-code">0xe803</span></div>
         <div class="the-icons span3" title="Code: 0xe804"><i class="demo-icon 
icon-upload">&#xe804;</i> <span class="i-name">icon-upload</span><span 
class="i-code">0xe804</span></div>
         <div class="the-icons span3" title="Code: 0xe805"><i class="demo-icon 
icon-download">&#xe805;</i> <span class="i-name">icon-download</span><span 
class="i-code">0xe805</span></div>
-        <div class="the-icons span3" title="Code: 0xe806"><i class="demo-icon 
icon-attention">&#xe806;</i> <span class="i-name">icon-attention</span><span 
class="i-code">0xe806</span></div>
-        <div class="the-icons span3" title="Code: 0xe807"><i class="demo-icon 
icon-search">&#xe807;</i> <span class="i-name">icon-search</span><span 
class="i-code">0xe807</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe806"><i class="demo-icon 
icon-attention">&#xe806;</i> <span class="i-name">icon-attention</span><span 
class="i-code">0xe806</span></div>
+        <div class="the-icons span3" title="Code: 0xe807"><i class="demo-icon 
icon-search">&#xe807;</i> <span class="i-name">icon-search</span><span 
class="i-code">0xe807</span></div>
         <div class="the-icons span3" title="Code: 0xe808"><i class="demo-icon 
icon-mail">&#xe808;</i> <span class="i-name">icon-mail</span><span 
class="i-code">0xe808</span></div>
         <div class="the-icons span3" title="Code: 0xe809"><i class="demo-icon 
icon-anchor">&#xe809;</i> <span class="i-name">icon-anchor</span><span 
class="i-code">0xe809</span></div>
-        <div class="the-icons span3" title="Code: 0xe80a"><i class="demo-icon 
icon-resize-full-alt">&#xe80a;</i> <span 
class="i-name">icon-resize-full-alt</span><span 
class="i-code">0xe80a</span></div>
-        <div class="the-icons span3" title="Code: 0xe80b"><i class="demo-icon 
icon-tag">&#xe80b;</i> <span class="i-name">icon-tag</span><span 
class="i-code">0xe80b</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe80a"><i class="demo-icon 
icon-resize-full-alt">&#xe80a;</i> <span 
class="i-name">icon-resize-full-alt</span><span 
class="i-code">0xe80a</span></div>
+        <div class="the-icons span3" title="Code: 0xe80b"><i class="demo-icon 
icon-tag">&#xe80b;</i> <span class="i-name">icon-tag</span><span 
class="i-code">0xe80b</span></div>
         <div class="the-icons span3" title="Code: 0xe80c"><i class="demo-icon 
icon-cw">&#xe80c;</i> <span class="i-name">icon-cw</span><span 
class="i-code">0xe80c</span></div>
         <div class="the-icons span3" title="Code: 0xe80d"><i class="demo-icon 
icon-edit">&#xe80d;</i> <span class="i-name">icon-edit</span><span 
class="i-code">0xe80d</span></div>
-        <div class="the-icons span3" title="Code: 0xe80e"><i class="demo-icon 
icon-attention-circled">&#xe80e;</i> <span 
class="i-name">icon-attention-circled</span><span 
class="i-code">0xe80e</span></div>
-        <div class="the-icons span3" title="Code: 0xe80f"><i class="demo-icon 
icon-trash-empty">&#xe80f;</i> <span 
class="i-name">icon-trash-empty</span><span class="i-code">0xe80f</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe80e"><i class="demo-icon 
icon-attention-circled">&#xe80e;</i> <span 
class="i-name">icon-attention-circled</span><span 
class="i-code">0xe80e</span></div>
+        <div class="the-icons span3" title="Code: 0xe80f"><i class="demo-icon 
icon-trash-empty">&#xe80f;</i> <span 
class="i-name">icon-trash-empty</span><span class="i-code">0xe80f</span></div>
         <div class="the-icons span3" title="Code: 0xe810"><i class="demo-icon 
icon-doc">&#xe810;</i> <span class="i-name">icon-doc</span><span 
class="i-code">0xe810</span></div>
         <div class="the-icons span3" title="Code: 0xe811"><i class="demo-icon 
icon-calendar">&#xe811;</i> <span class="i-name">icon-calendar</span><span 
class="i-code">0xe811</span></div>
-        <div class="the-icons span3" title="Code: 0xe812"><i class="demo-icon 
icon-edit-1">&#xe812;</i> <span class="i-name">icon-edit-1</span><span 
class="i-code">0xe812</span></div>
-        <div class="the-icons span3" title="Code: 0xe813"><i class="demo-icon 
icon-resize-full">&#xe813;</i> <span 
class="i-name">icon-resize-full</span><span class="i-code">0xe813</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe812"><i class="demo-icon 
icon-edit-1">&#xe812;</i> <span class="i-name">icon-edit-1</span><span 
class="i-code">0xe812</span></div>
+        <div class="the-icons span3" title="Code: 0xe813"><i class="demo-icon 
icon-resize-full">&#xe813;</i> <span 
class="i-name">icon-resize-full</span><span class="i-code">0xe813</span></div>
         <div class="the-icons span3" title="Code: 0xe814"><i class="demo-icon 
icon-up-bold">&#xe814;</i> <span class="i-name">icon-up-bold</span><span 
class="i-code">0xe814</span></div>
         <div class="the-icons span3" title="Code: 0xe815"><i class="demo-icon 
icon-down-fat">&#xe815;</i> <span class="i-name">icon-down-fat</span><span 
class="i-code">0xe815</span></div>
-        <div class="the-icons span3" title="Code: 0xe816"><i class="demo-icon 
icon-cancel-circled2-1">&#xe816;</i> <span 
class="i-name">icon-cancel-circled2-1</span><span 
class="i-code">0xe816</span></div>
-        <div class="the-icons span3" title="Code: 0xe817"><i class="demo-icon 
icon-upload-1">&#xe817;</i> <span class="i-name">icon-upload-1</span><span 
class="i-code">0xe817</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe816"><i class="demo-icon 
icon-cancel-circled2-1">&#xe816;</i> <span 
class="i-name">icon-cancel-circled2-1</span><span 
class="i-code">0xe816</span></div>
+        <div class="the-icons span3" title="Code: 0xe817"><i class="demo-icon 
icon-upload-1">&#xe817;</i> <span class="i-name">icon-upload-1</span><span 
class="i-code">0xe817</span></div>
         <div class="the-icons span3" title="Code: 0xe818"><i class="demo-icon 
icon-exclamation">&#xe818;</i> <span 
class="i-name">icon-exclamation</span><span class="i-code">0xe818</span></div>
         <div class="the-icons span3" title="Code: 0xe819"><i class="demo-icon 
icon-down-open-1">&#xe819;</i> <span 
class="i-name">icon-down-open-1</span><span class="i-code">0xe819</span></div>
-        <div class="the-icons span3" title="Code: 0xe81a"><i class="demo-icon 
icon-up-open-1">&#xe81a;</i> <span class="i-name">icon-up-open-1</span><span 
class="i-code">0xe81a</span></div>
-        <div class="the-icons span3" title="Code: 0xe81b"><i class="demo-icon 
icon-left-open-1">&#xe81b;</i> <span 
class="i-name">icon-left-open-1</span><span class="i-code">0xe81b</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe81a"><i class="demo-icon 
icon-up-open-1">&#xe81a;</i> <span class="i-name">icon-up-open-1</span><span 
class="i-code">0xe81a</span></div>
+        <div class="the-icons span3" title="Code: 0xe81b"><i class="demo-icon 
icon-left-open-1">&#xe81b;</i> <span 
class="i-name">icon-left-open-1</span><span class="i-code">0xe81b</span></div>
         <div class="the-icons span3" title="Code: 0xe81c"><i class="demo-icon 
icon-right-open-1">&#xe81c;</i> <span 
class="i-name">icon-right-open-1</span><span class="i-code">0xe81c</span></div>
         <div class="the-icons span3" title="Code: 0xe81d"><i class="demo-icon 
icon-arrows-cw">&#xe81d;</i> <span class="i-name">icon-arrows-cw</span><span 
class="i-code">0xe81d</span></div>
-        <div class="the-icons span3" title="Code: 0xe81e"><i class="demo-icon 
icon-down-dir">&#xe81e;</i> <span class="i-name">icon-down-dir</span><span 
class="i-code">0xe81e</span></div>
-        <div class="the-icons span3" title="Code: 0xe81f"><i class="demo-icon 
icon-up-dir">&#xe81f;</i> <span class="i-name">icon-up-dir</span><span 
class="i-code">0xe81f</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe81e"><i class="demo-icon 
icon-down-dir">&#xe81e;</i> <span class="i-name">icon-down-dir</span><span 
class="i-code">0xe81e</span></div>
+        <div class="the-icons span3" title="Code: 0xe81f"><i class="demo-icon 
icon-up-dir">&#xe81f;</i> <span class="i-name">icon-up-dir</span><span 
class="i-code">0xe81f</span></div>
         <div class="the-icons span3" title="Code: 0xe820"><i class="demo-icon 
icon-cog">&#xe820;</i> <span class="i-name">icon-cog</span><span 
class="i-code">0xe820</span></div>
         <div class="the-icons span3" title="Code: 0xe821"><i class="demo-icon 
icon-cog-alt">&#xe821;</i> <span class="i-name">icon-cog-alt</span><span 
class="i-code">0xe821</span></div>
-        <div class="the-icons span3" title="Code: 0xe822"><i class="demo-icon 
icon-down-dir-1">&#xe822;</i> <span class="i-name">icon-down-dir-1</span><span 
class="i-code">0xe822</span></div>
-        <div class="the-icons span3" title="Code: 0xe823"><i class="demo-icon 
icon-up-dir-1">&#xe823;</i> <span class="i-name">icon-up-dir-1</span><span 
class="i-code">0xe823</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe822"><i class="demo-icon 
icon-down-dir-1">&#xe822;</i> <span class="i-name">icon-down-dir-1</span><span 
class="i-code">0xe822</span></div>
+        <div class="the-icons span3" title="Code: 0xe823"><i class="demo-icon 
icon-up-dir-1">&#xe823;</i> <span class="i-name">icon-up-dir-1</span><span 
class="i-code">0xe823</span></div>
         <div class="the-icons span3" title="Code: 0xe824"><i class="demo-icon 
icon-down-open-2">&#xe824;</i> <span 
class="i-name">icon-down-open-2</span><span class="i-code">0xe824</span></div>
         <div class="the-icons span3" title="Code: 0xe825"><i class="demo-icon 
icon-right-open-2">&#xe825;</i> <span 
class="i-name">icon-right-open-2</span><span class="i-code">0xe825</span></div>
-        <div class="the-icons span3" title="Code: 0xe826"><i class="demo-icon 
icon-left-open-2">&#xe826;</i> <span 
class="i-name">icon-left-open-2</span><span class="i-code">0xe826</span></div>
-        <div class="the-icons span3" title="Code: 0xe827"><i class="demo-icon 
icon-up-open-2">&#xe827;</i> <span class="i-name">icon-up-open-2</span><span 
class="i-code">0xe827</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe826"><i class="demo-icon 
icon-left-open-2">&#xe826;</i> <span 
class="i-name">icon-left-open-2</span><span class="i-code">0xe826</span></div>
+        <div class="the-icons span3" title="Code: 0xe827"><i class="demo-icon 
icon-up-open-2">&#xe827;</i> <span class="i-name">icon-up-open-2</span><span 
class="i-code">0xe827</span></div>
         <div class="the-icons span3" title="Code: 0xe828"><i class="demo-icon 
icon-plus">&#xe828;</i> <span class="i-name">icon-plus</span><span 
class="i-code">0xe828</span></div>
         <div class="the-icons span3" title="Code: 0xe829"><i class="demo-icon 
icon-compass">&#xe829;</i> <span class="i-name">icon-compass</span><span 
class="i-code">0xe829</span></div>
-        <div class="the-icons span3" title="Code: 0xe82a"><i class="demo-icon 
icon-resize-full-alt-1">&#xe82a;</i> <span 
class="i-name">icon-resize-full-alt-1</span><span 
class="i-code">0xe82a</span></div>
-        <div class="the-icons span3" title="Code: 0xe82b"><i class="demo-icon 
icon-tag-1">&#xe82b;</i> <span class="i-name">icon-tag-1</span><span 
class="i-code">0xe82b</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe82a"><i class="demo-icon 
icon-resize-full-alt-1">&#xe82a;</i> <span 
class="i-name">icon-resize-full-alt-1</span><span 
class="i-code">0xe82a</span></div>
+        <div class="the-icons span3" title="Code: 0xe82b"><i class="demo-icon 
icon-tag-1">&#xe82b;</i> <span class="i-name">icon-tag-1</span><span 
class="i-code">0xe82b</span></div>
         <div class="the-icons span3" title="Code: 0xe82c"><i class="demo-icon 
icon-edit-2">&#xe82c;</i> <span class="i-name">icon-edit-2</span><span 
class="i-code">0xe82c</span></div>
         <div class="the-icons span3" title="Code: 0xe82d"><i class="demo-icon 
icon-compass-1">&#xe82d;</i> <span class="i-name">icon-compass-1</span><span 
class="i-code">0xe82d</span></div>
-        <div class="the-icons span3" title="Code: 0xe82e"><i class="demo-icon 
icon-cogs">&#xe82e;</i> <span class="i-name">icon-cogs</span><span 
class="i-code">0xe82e</span></div>
-        <div class="the-icons span3" title="Code: 0xe82f"><i class="demo-icon 
icon-up">&#xe82f;</i> <span class="i-name">icon-up</span><span 
class="i-code">0xe82f</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe82e"><i class="demo-icon 
icon-cogs">&#xe82e;</i> <span class="i-name">icon-cogs</span><span 
class="i-code">0xe82e</span></div>
+        <div class="the-icons span3" title="Code: 0xe82f"><i class="demo-icon 
icon-up">&#xe82f;</i> <span class="i-name">icon-up</span><span 
class="i-code">0xe82f</span></div>
         <div class="the-icons span3" title="Code: 0xe830"><i class="demo-icon 
icon-thumbs-up">&#xe830;</i> <span class="i-name">icon-thumbs-up</span><span 
class="i-code">0xe830</span></div>
         <div class="the-icons span3" title="Code: 0xe831"><i class="demo-icon 
icon-lock">&#xe831;</i> <span class="i-name">icon-lock</span><span 
class="i-code">0xe831</span></div>
-        <div class="the-icons span3" title="Code: 0xe832"><i class="demo-icon 
icon-lock-open">&#xe832;</i> <span class="i-name">icon-lock-open</span><span 
class="i-code">0xe832</span></div>
-        <div class="the-icons span3" title="Code: 0xe833"><i class="demo-icon 
icon-thumbs-down">&#xe833;</i> <span 
class="i-name">icon-thumbs-down</span><span class="i-code">0xe833</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe832"><i class="demo-icon 
icon-lock-open">&#xe832;</i> <span class="i-name">icon-lock-open</span><span 
class="i-code">0xe832</span></div>
+        <div class="the-icons span3" title="Code: 0xe833"><i class="demo-icon 
icon-thumbs-down">&#xe833;</i> <span 
class="i-name">icon-thumbs-down</span><span class="i-code">0xe833</span></div>
         <div class="the-icons span3" title="Code: 0xe834"><i class="demo-icon 
icon-bell">&#xe834;</i> <span class="i-name">icon-bell</span><span 
class="i-code">0xe834</span></div>
         <div class="the-icons span3" title="Code: 0xe835"><i class="demo-icon 
icon-resize-small">&#xe835;</i> <span 
class="i-name">icon-resize-small</span><span class="i-code">0xe835</span></div>
-        <div class="the-icons span3" title="Code: 0xe836"><i class="demo-icon 
icon-resize-full-1">&#xe836;</i> <span 
class="i-name">icon-resize-full-1</span><span class="i-code">0xe836</span></div>
-        <div class="the-icons span3" title="Code: 0xe837"><i class="demo-icon 
icon-right-hand">&#xe837;</i> <span class="i-name">icon-right-hand</span><span 
class="i-code">0xe837</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe836"><i class="demo-icon 
icon-resize-full-1">&#xe836;</i> <span 
class="i-name">icon-resize-full-1</span><span class="i-code">0xe836</span></div>
+        <div class="the-icons span3" title="Code: 0xe837"><i class="demo-icon 
icon-right-hand">&#xe837;</i> <span class="i-name">icon-right-hand</span><span 
class="i-code">0xe837</span></div>
         <div class="the-icons span3" title="Code: 0xe838"><i class="demo-icon 
icon-left-hand">&#xe838;</i> <span class="i-name">icon-left-hand</span><span 
class="i-code">0xe838</span></div>
         <div class="the-icons span3" title="Code: 0xe839"><i class="demo-icon 
icon-up-hand">&#xe839;</i> <span class="i-name">icon-up-hand</span><span 
class="i-code">0xe839</span></div>
-        <div class="the-icons span3" title="Code: 0xe83a"><i class="demo-icon 
icon-down-hand">&#xe83a;</i> <span class="i-name">icon-down-hand</span><span 
class="i-code">0xe83a</span></div>
-        <div class="the-icons span3" title="Code: 0xe83b"><i class="demo-icon 
icon-eye-off">&#xe83b;</i> <span class="i-name">icon-eye-off</span><span 
class="i-code">0xe83b</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe839"><i class="demo-icon 
icon-tags-3">&#xe839;</i> <span class="i-name">icon-tags-3</span><span 
class="i-code">0xe839</span></div>
+        <div class="the-icons span3" title="Code: 0xe83a"><i class="demo-icon 
icon-down-hand">&#xe83a;</i> <span class="i-name">icon-down-hand</span><span 
class="i-code">0xe83a</span></div>
+        <div class="the-icons span3" title="Code: 0xe83b"><i class="demo-icon 
icon-eye-off">&#xe83b;</i> <span class="i-name">icon-eye-off</span><span 
class="i-code">0xe83b</span></div>
         <div class="the-icons span3" title="Code: 0xe83c"><i class="demo-icon 
icon-arrows-cw-1">&#xe83c;</i> <span 
class="i-name">icon-arrows-cw-1</span><span class="i-code">0xe83c</span></div>
-        <div class="the-icons span3" title="Code: 0xe83d"><i class="demo-icon 
icon-tags">&#xe83d;</i> <span class="i-name">icon-tags</span><span 
class="i-code">0xe83d</span></div>
-        <div class="the-icons span3" title="Code: 0xe83e"><i class="demo-icon 
icon-tags-1">&#xe83e;</i> <span class="i-name">icon-tags-1</span><span 
class="i-code">0xe83e</span></div>
-        <div class="the-icons span3" title="Code: 0xe83f"><i class="demo-icon 
icon-tags-2">&#xe83f;</i> <span class="i-name">icon-tags-2</span><span 
class="i-code">0xe83f</span></div>
       </div>
       <div class="row">
-        <div class="the-icons span3" title="Code: 0xe840"><i class="demo-icon 
icon-tag-2">&#xe840;</i> <span class="i-name">icon-tag-2</span><span 
class="i-code">0xe840</span></div>
-        <div class="the-icons span3" title="Code: 0xe841"><i class="demo-icon 
icon-resize-small-alt">&#xe841;</i> <span 
class="i-name">icon-resize-small-alt</span><span 
class="i-code">0xe841</span></div>
-        <div class="the-icons span3" title="Code: 0xe842"><i class="demo-icon 
icon-resize-small-1">&#xe842;</i> <span 
class="i-name">icon-resize-small-1</span><span 
class="i-code">0xe842</span></div>
+        <div class="the-icons span3" title="Code: 0xe83d"><i class="demo-icon 
icon-resize-small-alt">&#xe83d;</i> <span 
class="i-name">icon-resize-small-alt</span><span 
class="i-code">0xe83d</span></div>
+        <div class="the-icons span3" title="Code: 0xe83e"><i class="demo-icon 
icon-tags">&#xe83e;</i> <span class="i-name">icon-tags</span><span 
class="i-code">0xe83e</span></div>
+        <div class="the-icons span3" title="Code: 0xe83f"><i class="demo-icon 
icon-tags-4">&#xe83f;</i> <span class="i-name">icon-tags-4</span><span 
class="i-code">0xe83f</span></div>
         <div class="the-icons span3" title="Code: 0xf004"><i class="demo-icon 
icon-down-open">&#xf004;</i> <span class="i-name">icon-down-open</span><span 
class="i-code">0xf004</span></div>
       </div>
       <div class="row">
@@ -408,19 +408,19 @@ body {
       <div class="row">
         <div class="the-icons span3" title="Code: 0xf086"><i class="demo-icon 
icon-info-circled-alt">&#xf086;</i> <span 
class="i-name">icon-info-circled-alt</span><span 
class="i-code">0xf086</span></div>
         <div class="the-icons span3" title="Code: 0xf08e"><i class="demo-icon 
icon-link-ext">&#xf08e;</i> <span class="i-name">icon-link-ext</span><span 
class="i-code">0xf08e</span></div>
+        <div class="the-icons span3" title="Code: 0xf096"><i class="demo-icon 
icon-check-empty">&#xf096;</i> <span 
class="i-name">icon-check-empty</span><span class="i-code">0xf096</span></div>
         <div class="the-icons span3" title="Code: 0xf0e5"><i class="demo-icon 
icon-comment-empty">&#xf0e5;</i> <span 
class="i-name">icon-comment-empty</span><span class="i-code">0xf0e5</span></div>
-        <div class="the-icons span3" title="Code: 0xf0f6"><i class="demo-icon 
icon-doc-text">&#xf0f6;</i> <span class="i-name">icon-doc-text</span><span 
class="i-code">0xf0f6</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xf0f6"><i class="demo-icon 
icon-doc-text">&#xf0f6;</i> <span class="i-name">icon-doc-text</span><span 
class="i-code">0xf0f6</span></div>
         <div class="the-icons span3" title="Code: 0xf0fe"><i class="demo-icon 
icon-plus-squared">&#xf0fe;</i> <span 
class="i-name">icon-plus-squared</span><span class="i-code">0xf0fe</span></div>
         <div class="the-icons span3" title="Code: 0xf137"><i class="demo-icon 
icon-angle-circled-left">&#xf137;</i> <span 
class="i-name">icon-angle-circled-left</span><span 
class="i-code">0xf137</span></div>
         <div class="the-icons span3" title="Code: 0xf138"><i class="demo-icon 
icon-angle-circled-right">&#xf138;</i> <span 
class="i-name">icon-angle-circled-right</span><span 
class="i-code">0xf138</span></div>
-        <div class="the-icons span3" title="Code: 0xf139"><i class="demo-icon 
icon-angle-circled-up">&#xf139;</i> <span 
class="i-name">icon-angle-circled-up</span><span 
class="i-code">0xf139</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xf139"><i class="demo-icon 
icon-angle-circled-up">&#xf139;</i> <span 
class="i-name">icon-angle-circled-up</span><span 
class="i-code">0xf139</span></div>
         <div class="the-icons span3" title="Code: 0xf13a"><i class="demo-icon 
icon-angle-circled-down">&#xf13a;</i> <span 
class="i-name">icon-angle-circled-down</span><span 
class="i-code">0xf13a</span></div>
         <div class="the-icons span3" title="Code: 0xf13e"><i class="demo-icon 
icon-lock-open-alt">&#xf13e;</i> <span 
class="i-name">icon-lock-open-alt</span><span class="i-code">0xf13e</span></div>
-        <div class="the-icons span3" title="Code: 0xf141"><i class="demo-icon 
icon-ellipsis">&#xf141;</i> <span class="i-name">icon-ellipsis</span><span 
class="i-code">0xf141</span></div>
         <div class="the-icons span3" title="Code: 0xf142"><i class="demo-icon 
icon-ellipsis-vert">&#xf142;</i> <span 
class="i-name">icon-ellipsis-vert</span><span class="i-code">0xf142</span></div>
       </div>
       <div class="row">
diff --git a/html/image/fontello/fontello.eot b/html/image/fontello/fontello.eot
index 73174bb..18d667c 100644
Binary files a/html/image/fontello/fontello.eot and 
b/html/image/fontello/fontello.eot differ
diff --git a/html/image/fontello/fontello.svg b/html/image/fontello/fontello.svg
index 29459ce..bdca170 100644
--- a/html/image/fontello/fontello.svg
+++ b/html/image/fontello/fontello.svg
@@ -6,6 +6,10 @@
 <font id="fontello" horiz-adv-x="1000" >
 <font-face font-family="fontello" font-weight="400" font-stretch="normal" 
units-per-em="1000" ascent="850" descent="-150" />
 <missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="check" unicode="&#xe741;" d="M786 
331v-177q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 113t114 
48h464q35 0 65-14 9-4 10-13 2-10-5-16l-27-28q-6-5-13-5-1 0-5 1-13 3-25 
3h-464q-37 0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63v141q0 8 5 
13l36 35q6 6 13 6 3 0 7-2 11-4 11-16z m129 273l-455-454q-13-14-31-14t-32 
14l-240 240q-14 13-14 31t14 32l61 62q14 13 32 13t32-13l147-147 361 361q13 13 31 
13t32-13l62-61q13-14 13-32t-13-32z" horiz-adv-x="928.6" />
+
+<glyph glyph-name="resize-small-1" unicode="&#xe746;" d="M66 672l114-116 73 74 
0-210-210 0 72 72-115 115z m0-644l-66 67 115 113-72 73 210 0 0-210-73 72z m513 
644l65-65-115-115 72-72-210 0 0 210 73-73z m-115-529l-73-72 0 210 210 0-72-73 
115-113-65-67z" horiz-adv-x="644" />
+
 <glyph glyph-name="logout" unicode="&#xe800;" d="M357 46q0-2 
1-11t0-14-2-14-5-11-12-3h-178q-67 0-114 47t-47 114v392q0 67 47 114t114 47h178q8 
0 13-5t5-13q0-2 1-11t0-15-2-13-5-11-12-3h-178q-37 0-63-26t-27-64v-392q0-37 
27-63t63-27h174t6 0 7-2 4-3 4-5 1-8z m518 
304q0-14-11-25l-303-304q-11-10-25-10t-25 10-11 25v161h-250q-14 0-25 11t-11 
25v214q0 15 11 25t25 11h250v161q0 14 11 25t25 10 25-10l303-304q11-10 11-25z" 
horiz-adv-x="928.6" />
 
 <glyph glyph-name="cancel-circled" unicode="&#xe801;" d="M641 224q0 14-10 
25l-101 101 101 101q10 11 10 25 0 15-10 26l-51 50q-10 11-25 11-15 
0-25-11l-101-101-101 101q-11 11-25 11-16 0-26-11l-50-50q-11-11-11-26 0-14 
11-25l101-101-101-101q-11-11-11-25 0-15 11-26l50-50q10-11 26-11 14 0 25 11l101 
101 101-101q10-11 25-11 15 0 25 11l51 50q10 11 10 26z m216 
126q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 
215-58 156-156 57-215z" horiz-adv-x="857.1" />
@@ -122,23 +126,19 @@
 
 <glyph glyph-name="up-hand" unicode="&#xe839;" d="M714-43q0 15-10 25t-25 
11-25-11-11-25 11-25 25-11 25 11 10 25z m72 427q0 105-93 105-15 0-32-3-9 17-29 
27t-41 9-38-10q-28 30-67 30-14 0-31-6t-26-14v185q0 29-22 50t-50 22q-28 
0-50-22t-21-50v-321q-11 0-27 8t-31 19-38 18-47 8q-37 0-55-24t-17-65q0-13 78-50 
25-14 36-21 36-22 81-62 45-40 59-57 32-38 32-78v-18h357v18q0 40 18 93t36 108 18 
101z m71 2q0-74-38-179-33-92-33-125v-161q0-29-21-50t-51-21h-357q-29 0-50 21t-21 
50v161q0 6-3 12t-8 13-10 13-12 [...]
 
+<glyph glyph-name="tags-3" unicode="&#xe839;" d="M1011 502q30-32 
30-74t-30-73l-56-56 5-5q30-31 29-74t-30-73l-364-366q-30-30-74-30t-73 30q-227 
227-342 338-106 106-106 258 0 102 54 188-8 165 105 278 106 106 257 106 153 0 
259-106z m-490-647l364 365-336 340q-76 77-184 77-109 0-185-77t-76-183 
76-184q115-111 341-338z m102 779l258-261 57 56-337 340q-76 76-185 76-107 
0-183-76-35-35-54-79 86 52 186 52 150 0 258-108z m-258-179q-32 0-56-23t-23-55 
23-55 56-23 55 23 23 55-23 55-55 23z m0 52q54 0 92-3 [...]
+
 <glyph glyph-name="down-hand" unicode="&#xe83a;" d="M786 314q0 47-18 102t-36 
109-18 
93v18h-357v-18q0-20-7-38t-20-35-26-28-30-27q-5-4-8-7-45-40-81-62-12-8-38-21-1-1-12-6t-20-10-20-12-17-12-7-10q0-40
 17-64t55-25q24 0 47 8t38 19 31 18 27 8v-321q0-28 21-50t50-22q29 0 50 22t22 
50v185q25-20 57-20 39 0 67 30 17-10 38-10t41 9 29 27q14-2 32-2 47 0 70 27t23 
75z m-72 429q0 14-10 25t-25 11-25-11-11-25 11-25 25-11 25 11 10 25z 
m143-426q0-80-43-129t-121-48l-3 0q-43-34-100-34-12 0-24 2-30-17-66-21v-94q [...]
 
 <glyph glyph-name="eye-off" unicode="&#xe83b;" d="M310 105l43 79q-48 35-76 
88t-27 114q0 67 34 125-128-65-213-197 94-144 239-209z m217 424q0 11-8 19t-19 
7q-70 0-120-50t-50-119q0-11 8-19t19-8 19 8 8 19q0 48 34 82t82 34q11 0 19 8t8 
19z m202 106q0-4 0-5-59-105-176-316t-176-316l-28-50q-5-9-15-9-7 0-75 39-9 6-9 
16 0 7 25 49-80 36-147 96t-117 137q-11 17-11 38t11 39q86 131 212 207t277 76q50 
0 100-10l31 54q5 9 15 9 3 0 10-3t18-9 18-10 18-10 10-7q9-5 9-15z 
m21-249q0-78-44-142t-117-91l157 280q4-25  [...]
 
 <glyph glyph-name="arrows-cw-1" unicode="&#xe83c;" d="M843 261q0-3 
0-4-36-150-150-243t-267-93q-81 0-157 31t-136 88l-72-72q-11-11-25-11t-25 11-11 
25v250q0 14 11 25t25 11h250q14 0 25-11t10-25-10-25l-77-77q40-36 90-57t105-20q74 
0 139 37t104 99q6 10 30 66 4 13 16 13h107q8 0 13-6t5-12z m14 
446v-250q0-14-10-25t-26-11h-250q-14 0-25 11t-10 25 10 25l77 77q-82 77-194 77-75 
0-140-37t-104-99q-6-10-29-66-5-13-17-13h-111q-7 0-13 6t-5 12v4q36 150 151 
243t268 93q81 0 158-31t137-88l72 72q11 11 25 11t26-1 [...]
 
-<glyph glyph-name="tags" unicode="&#xe83d;" d="M250 600q0 30-21 51t-50 
20-51-20-21-51 21-50 51-21 50 21 21 50z 
m595-321q0-30-20-51l-274-274q-22-21-51-21-30 0-50 21l-399 399q-21 21-36 57t-15 
65v232q0 29 21 50t50 22h233q29 0 65-15t57-36l399-399q20-21 20-50z m215 
0q0-30-21-51l-274-274q-22-21-51-21-20 0-33 8t-29 25l262 262q21 21 21 51 0 29-21 
50l-399 399q-21 21-57 36t-65 15h125q29 0 65-15t57-36l399-399q21-21 21-50z" 
horiz-adv-x="1071.4" />
-
-<glyph glyph-name="tags-1" unicode="&#xe83e;" d="M1011 502q30-32 
30-74t-30-73l-56-56 5-5q30-31 29-74t-30-73l-364-366q-30-30-74-30t-73 30q-227 
227-342 338-106 106-106 258 0 102 54 188-8 165 105 278 106 106 257 106 153 0 
259-106z m-490-647l364 365-336 340q-76 77-184 77-109 0-185-77t-76-183 
76-184q115-111 341-338z m102 779l258-261 57 56-337 340q-76 76-185 76-107 
0-183-76-35-35-54-79 86 52 186 52 150 0 258-108z m-258-179q-32 0-56-23t-23-55 
23-55 56-23 55 23 23 55-23 55-55 23z m0 52q54 0 92-3 [...]
+<glyph glyph-name="resize-small-alt" unicode="&#xe83d;" d="M648 88l-72-72 0 
223 223 0-72-72 184-185-79-79z m-448 447l-182 183 79 79 183-182 73 
70-1-222-222-1z m-182-553l184 185-72 72 223 0 0-223-72 72-184-185z m782 
480l-224 0 0 225 73-72 183 182 79-79-183-183z" horiz-adv-x="928" />
 
-<glyph glyph-name="tags-2" unicode="&#xe83f;" d="M0 460l0 240q2 27 21 46t43 
19l241 0q43 0 88-28l377-414q17-23 17-48t-17-44l-280-277q-21-18-47-19t-43 
19l-355 397q-45 54-45 109z m104 138q0-25 17-42 22-20 46-19t42 19q18 19 18 
44t-18 43q-20 18-45 17t-43-17q-17-21-17-45z m316 165l92 0q72-4 
109-45l356-397q17-21 17-48t-17-44l-280-277q-60-35-95 8l271 271q18 22 18 47t-18 
45l-318 356q-24 31-71 56t-64 28z" horiz-adv-x="994" />
+<glyph glyph-name="tags" unicode="&#xe83e;" d="M250 600q0 30-21 51t-50 
20-51-20-21-51 21-50 51-21 50 21 21 50z 
m595-321q0-30-20-51l-274-274q-22-21-51-21-30 0-50 21l-399 399q-21 21-36 57t-15 
65v232q0 29 21 50t50 22h233q29 0 65-15t57-36l399-399q20-21 20-50z m215 
0q0-30-21-51l-274-274q-22-21-51-21-20 0-33 8t-29 25l262 262q21 21 21 51 0 29-21 
50l-399 399q-21 21-57 36t-65 15h125q29 0 65-15t57-36l399-399q21-21 21-50z" 
horiz-adv-x="1071.4" />
 
-<glyph glyph-name="tag-2" unicode="&#xe840;" d="M250 600q0 30-21 51t-50 
20-51-20-21-51 21-50 51-21 50 21 21 50z 
m595-321q0-30-20-51l-274-274q-22-21-51-21-30 0-50 21l-399 399q-21 21-36 57t-15 
65v232q0 29 21 50t50 22h233q29 0 65-15t57-36l399-399q20-21 20-50z" 
horiz-adv-x="857.1" />
-
-<glyph glyph-name="resize-small-alt" unicode="&#xe841;" d="M648 88l-72-72 0 
223 223 0-72-72 184-185-79-79z m-448 447l-182 183 79 79 183-182 73 
70-1-222-222-1z m-182-553l184 185-72 72 223 0 0-223-72 72-184-185z m782 
480l-224 0 0 225 73-72 183 182 79-79-183-183z" horiz-adv-x="928" />
-
-<glyph glyph-name="resize-small-1" unicode="&#xe842;" d="M66 672l114-116 73 74 
0-210-210 0 72 72-115 115z m0-644l-66 67 115 113-72 73 210 0 0-210-73 72z m513 
644l65-65-115-115 72-72-210 0 0 210 73-73z m-115-529l-73-72 0 210 210 0-72-73 
115-113-65-67z" horiz-adv-x="644" />
+<glyph glyph-name="tags-4" unicode="&#xe83f;" d="M0 460l0 240q2 27 21 46t43 
19l241 0q43 0 88-28l377-414q17-23 17-48t-17-44l-280-277q-21-18-47-19t-43 
19l-355 397q-45 54-45 109z m104 138q0-25 17-42 22-20 46-19t42 19q18 19 18 
44t-18 43q-20 18-45 17t-43-17q-17-21-17-45z m316 165l92 0q72-4 
109-45l356-397q17-21 17-48t-17-44l-280-277q-60-35-95 8l271 271q18 22 18 47t-18 
45l-318 356q-24 31-71 56t-64 28z" horiz-adv-x="994" />
 
 <glyph glyph-name="down-open" unicode="&#xf004;" d="M0 533q0 25 18 43t44 18 
42-18l305-303 304 303q18 18 43 18t43-18q18-18 18-43t-18-43l-390-391-391 391q-18 
19-18 43z" horiz-adv-x="817.4" />
 
@@ -154,6 +154,8 @@
 
 <glyph glyph-name="link-ext" unicode="&#xf08e;" d="M786 
332v-178q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 113t114 
48h393q7 0 12-5t5-13v-36q0-8-5-13t-12-5h-393q-37 0-63-26t-27-63v-464q0-37 
27-63t63-27h464q37 0 63 27t26 63v178q0 8 5 13t13 5h36q8 0 13-5t5-13z m214 
482v-285q0-15-11-25t-25-11-25 11l-98 98-364-364q-5-6-13-6t-12 6l-64 64q-6 5-6 
12t6 13l364 364-98 98q-11 11-11 25t11 25 25 11h285q15 0 25-11t11-25z" 
horiz-adv-x="1000" />
 
+<glyph glyph-name="check-empty" unicode="&#xf096;" d="M625 707h-464q-37 
0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63v464q0 37-26 63t-63 
26z m161-89v-464q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 
113t114 48h464q66 0 114-48t47-113z" horiz-adv-x="785.7" />
+
 <glyph glyph-name="comment-empty" unicode="&#xf0e5;" d="M500 636q-114 
0-213-39t-157-105-59-142q0-62 40-119t113-98l48-28-15-53q-13-51-39-97 85 36 154 
96l24 21 32-3q38-5 72-5 114 0 213 39t157 105 59 142-59 142-157 105-213 39z 
m500-286q0-97-67-179t-182-130-251-48q-39 0-81 4-110-97-257-135-27-8-63-12h-3q-8 
0-15 6t-9 15v1q-2 2 0 6t1 6 2 5l4 5t4 5 4 5q4 5 17 19t20 22 17 22 18 28 15 33 
15 42q-88 50-138 123t-51 157q0 97 67 179t182 130 251 48 251-48 182-130 67-179z" 
horiz-adv-x="1000" />
 
 <glyph glyph-name="doc-text" unicode="&#xf0f6;" d="M819 638q16-16 
27-42t11-50v-642q0-23-15-38t-38-16h-750q-23 0-38 16t-16 38v892q0 23 16 38t38 
16h500q22 0 49-11t42-27z m-248 136v-210h210q-5 17-12 23l-175 175q-6 7-23 12z 
m215-853v572h-232q-23 0-38 16t-16 37v233h-429v-858h715z m-572 483q0 7 5 12t13 
5h393q8 0 13-5t5-12v-36q0-8-5-13t-13-5h-393q-8 0-13 5t-5 13v36z m411-125q8 0 
13-5t5-13v-36q0-8-5-13t-13-5h-393q-8 0-13 5t-5 13v36q0 8 5 13t13 5h393z 
m0-143q8 0 13-5t5-13v-36q0-8-5-13t-13-5h-393q [...]
@@ -170,8 +172,6 @@
 
 <glyph glyph-name="lock-open-alt" unicode="&#xf13e;" d="M589 421q23 0 
38-15t16-38v-322q0-22-16-37t-38-16h-535q-23 0-38 16t-16 37v322q0 22 16 38t38 
15h17v179q0 103 74 177t176 73 177-73 73-177q0-14-10-25t-25-11h-36q-14 0-25 
11t-11 25q0 59-42 101t-101 42-101-42-41-101v-179h410z" horiz-adv-x="642.9" />
 
-<glyph glyph-name="ellipsis" unicode="&#xf141;" d="M214 
439v-107q0-22-15-38t-38-15h-107q-23 0-38 15t-16 38v107q0 23 16 38t38 16h107q22 
0 38-16t15-38z m286 0v-107q0-22-16-38t-38-15h-107q-22 0-38 15t-15 38v107q0 23 
15 38t38 16h107q23 0 38-16t16-38z m286 0v-107q0-22-16-38t-38-15h-107q-22 0-38 
15t-16 38v107q0 23 16 38t38 16h107q23 0 38-16t16-38z" horiz-adv-x="785.7" />
-
 <glyph glyph-name="ellipsis-vert" unicode="&#xf142;" d="M214 
154v-108q0-22-15-37t-38-16h-107q-23 0-38 16t-16 37v108q0 22 16 38t38 15h107q22 
0 38-15t15-38z m0 285v-107q0-22-15-38t-38-15h-107q-23 0-38 15t-16 38v107q0 23 
16 38t38 16h107q22 0 38-16t15-38z m0 286v-107q0-22-15-38t-38-16h-107q-23 0-38 
16t-16 38v107q0 22 16 38t38 16h107q22 0 38-16t15-38z" horiz-adv-x="214.3" />
 
 <glyph glyph-name="sort-alt-up" unicode="&#xf160;" d="M411 
46q0-6-6-13l-178-178q-5-5-13-5-6 0-12 5l-179 179q-8 9-4 19 4 11 17 11h107v768q0 
8 5 13t13 5h107q8 0 13-5t5-13v-768h107q8 0 13-5t5-13z 
m589-71v-107q0-8-5-13t-13-5h-464q-8 0-13 5t-5 13v107q0 8 5 13t13 5h464q8 0 
13-5t5-13z m-107 286v-107q0-8-5-13t-13-5h-357q-8 0-13 5t-5 13v107q0 8 5 13t13 
5h357q8 0 13-5t5-13z m-107 285v-107q0-7-5-12t-13-6h-250q-8 0-13 6t-5 12v107q0 8 
5 13t13 5h250q8 0 13-5t5-13z m-107 286v-107q0-8-5-13t-13-5h-143q-8 [...]
diff --git a/html/image/fontello/fontello.ttf b/html/image/fontello/fontello.ttf
index 7547dd2..cbb3370 100644
Binary files a/html/image/fontello/fontello.ttf and 
b/html/image/fontello/fontello.ttf differ
diff --git a/html/image/fontello/fontello.woff 
b/html/image/fontello/fontello.woff
index 4506671..100f0a3 100644
Binary files a/html/image/fontello/fontello.woff and 
b/html/image/fontello/fontello.woff differ
diff --git a/html/image/fontello/fontello.woff2 
b/html/image/fontello/fontello.woff2
index 226a86f..5bba9db 100644
Binary files a/html/image/fontello/fontello.woff2 and 
b/html/image/fontello/fontello.woff2 differ
diff --git a/html/js/scripts.js b/html/js/scripts.js
index fa05158..983efa1 100644
--- a/html/js/scripts.js
+++ b/html/js/scripts.js
@@ -3728,6 +3728,26 @@ function toggle_onoff(icon_domid, p_value_domid)
     }
 }
 /**
+ * turn on or off ,  set an domElement to 1 or 0 and change the icon
+ * @param string icon_domid : id of the domElement which must be changed
+ * @param string p_value_domid : id of domElement containing 1 or 0
+ * @see param_jrn.php
+ */
+function toggle_checkbox_onoff(icon_domid, p_value_domid)
+{
+    console.log("toggle_checkbox_onoff");
+    console.log("icon_domid"+icon_domid);
+    console.log("p_value_domid"+p_value_domid);
+    
+    if ($(p_value_domid).value == 0) {
+        $(p_value_domid).value = 1;
+        $(icon_domid).innerHTML = '&#xe741;';
+    } else {
+        $(p_value_domid).value = 0;
+        $(icon_domid).innerHTML = '&#xf096;';
+    }
+}
+/**
  * in CFGLED show or hide the row depending if the warning is enable or not
  * 
  * @param {type} p_enable
diff --git a/include/lib/icon_action.class.php 
b/include/lib/icon_action.class.php
index 9e4dede..252f9b5 100644
--- a/include/lib/icon_action.class.php
+++ b/include/lib/icon_action.class.php
@@ -211,7 +211,7 @@ class Icon_Action
     static function hide($action, $javascript)
     {
         $r='';
-        $r.='<span id="hide" class="icon"   
onclick="'.$javascript.'">'.$action.'</span>';
+        $r.='<span id="hide" class="icon"   
onclick="'.$javascript.'">&#xe83b;'.$action.'</span>';
         return $r;
     }
     /**
@@ -356,4 +356,27 @@ class Icon_Action
         if ( $p_value == 1 ) { return \Icon_Action::iconon($p_id, 
$p_javascript,$p_style);}
         if ( $p_value == 0 ) { return \Icon_Action::iconoff($p_id, 
$p_javascript,$p_style);}
     }
+    
+    static function checked ($p_id,$p_javascript="") {
+        $lock_cur="&#xe741;";
+        
+        $r=sprintf( '<span id="%s" onclick="%s" class="icon 
smallicon">%s</span>',
+                $p_id,
+                $p_javascript, 
+                $lock_cur);
+        return $r;
+    }
+    static function unchecked ($p_id,$p_javascript="") {
+        $lock_cur="&#xf096";
+        
+        $r=sprintf( '<span id="%s" onclick="%s" class="icon smallicon" 
>%s</span>',
+                $p_id,
+                $p_javascript, 
+                $lock_cur);
+        return $r;
+    }
+    static function checkbox ($p_id,$p_javascript="",$p_value=0) {
+        if ( $p_value == 0 ) { return \Icon_Action::checked($p_id, 
$p_javascript); }
+        if ( $p_value == 1 ) { return \Icon_Action::unchecked($p_id, 
$p_javascript);}
+    }
 }
diff --git a/include/lib/inplace_edit.class.php 
b/include/lib/inplace_edit.class.php
index 0d372de..a673447 100644
--- a/include/lib/inplace_edit.class.php
+++ b/include/lib/inplace_edit.class.php
@@ -110,7 +110,7 @@ EOF;
         $v=$this->input->get_value();
         $v=(trim($v)=="")?$this->message:$v;
         echo $v,
-                 '<span class="smallicon icon" 
style="margin-left:5px">&#xe80d;</span> ',
+                 '<span class="smallicon icon" 
style="margin-left:5px">&#xe812;</span> ',
                 "
             <script>
             $('{$this->input->id}edit').removeClassName('inplace_edit_input');
@@ -132,7 +132,7 @@ EOF;
         $v=$this->input->get_value();
         $v=(trim($v)=="")?$this->message:$v;
         echo $v;
-        echo'<span class="smallicon icon" 
style="margin-left:5px">&#xe80d;</span> ';
+        echo'<span class="smallicon icon" 
style="margin-left:5px">&#xe812;</span> ';
         echo "</span>";
         echo "
             
diff --git a/include/lib/input_checkbox.class.php 
b/include/lib/input_checkbox.class.php
new file mode 100644
index 0000000..a81ac57
--- /dev/null
+++ b/include/lib/input_checkbox.class.php
@@ -0,0 +1,101 @@
+<?php
+
+/*
+ * * Copyright (C) 2019 Dany De Bontridder <dany@alchimerys.be>
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License
+ * as published by the Free Software Foundation; either version 2
+ * of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+ * Aut
+ * 
+ */
+
+// Copyright Author Dany De Bontridder danydb@noalyss.eu
+
+/**
+ * @file
+ * @brief modern checkbox, using a javascript to change the icon when clicked 
and a hidden field, there is always a 
+ * value , either 1 or 0 
+ */
+require_once NOALYSS_INCLUDE.'/lib/html_input.class.php';
+
+class InputCheckBox extends HtmlInput
+{
+
+    var $icon;
+    var $value_container;
+    var $value;
+    /**
+     * Construct an input_checkbox object 
+     * 
+     * @param string $name of the hidden 
+     * @param bool $value Value is 1 or 0
+     * @param string $p_id id of the hidden
+     */
+    function __construct($name='', $value='', $p_id="")
+    {
+        $this->value_container=$name;
+        $this->value=$value;
+        
+        $this->id_hidden=$p_id;
+        $this->id_icon=uniqid($p_id);
+        $this->javascript="";
+    }
+
+    function input($p_name=NULL, $p_value=0)
+    {
+        $r="";
+        if ($p_name!=NULL)
+            $this->value_container=$p_name;
+        if ($p_value!==0)
+            $this->value=$p_value;
+
+        
+        if  ( trim($this->value_container) ==="" || trim($this->value) === "") 
{
+             throw new Exception(_("Valeur invalide"),1);
+        }
+        if ($this->readOnly == TRUE) {
+            return $this->display();
+        }
+        $r.= HtmlInput::hidden($this->value_container, 
$this->value,$this->id_hidden);
+        
+        $this->javascript=sprintf('toggle_checkbox_onoff(\'%s\',\'%s\');%s;',
+                $this->id_icon,
+                $this->id_hidden,
+                $this->javascript);
+        
+        if ($this->value=='1') {
+            $r.=Icon_Action::checked($this->id_icon,$this->javascript);
+        } else {
+            $r.=Icon_Action::unchecked($this->id_icon,$this->javascript);
+        }
+        return $r;
+    }
+    function display()
+    {
+        if ($this->value=='1') {
+            return  Icon_Action::checked($this->id_icon, "");
+        } else {
+            return Icon_Action::unchecked($this->id_icon, "");
+        }
+    }
+    
+    /**
+     * click several checkbox when you shift click on that name
+     */ 
+    function click_range()
+    {
+        
+    }
+
+}
\ No newline at end of file
diff --git a/include/template/detail-action.php 
b/include/template/detail-action.php
index f43d321..9dfad5c 100644
--- a/include/template/detail-action.php
+++ b/include/template/detail-action.php
@@ -371,7 +371,7 @@ for ($i=0;$i<sizeof($aAttachedFile);$i++) :
     ?>
         </td>
         <td>
-  <?php if ($p_view != 'READ') : ?>  <span class="icon"  id="<?php echo 
"ac".$aAttachedFile[$i]['d_id'];?>" href="javascript:void(0)" onclick="<?php 
echo $rmDoc;?>">&#xe80f;</span><?php endif;?>
+  <?php if ($p_view != 'READ') : ?>  <span class="icon"  id="<?php echo 
"ac".$aAttachedFile[$i]['d_id'];?>" href="javascript:void(0)" onclick="<?php 
echo $rmDoc;?>">&#xe80d;</span><?php endif;?>
         </td>
   </tr>
   <?php
diff --git a/include/template/tag_select.php b/include/template/tag_select.php
index fc81c2c..f166662 100644
--- a/include/template/tag_select.php
+++ b/include/template/tag_select.php
@@ -44,7 +44,7 @@ if (isNumber($ag_id) == 0 ) die ('ERROR : parameters 
invalid');
             if ( $row['t_description'] != "G"):
                 echo $row['t_description'];
             else :
-                echo '<span class="icon">&#0xe83d;</span>';
+                echo '<span class="icon">&#xe83e;</span>';
             endif;
             ?>
         </td>



reply via email to

[Prev in Thread] Current Thread [Next in Thread]