noalyss-commit
[Top][All Lists]
Advanced

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

[Noalyss-commit] [noalyss] 01/14: Task #0002182: Bouton fiche avec nouve


From: Dany De Bontridder
Subject: [Noalyss-commit] [noalyss] 01/14: Task #0002182: Bouton fiche avec nouvelle icone + possibilité d'ajouter des fiches
Date: Mon, 22 Aug 2022 12:21:52 -0400 (EDT)

sparkyx pushed a commit to branch master
in repository noalyss.

commit 4486d52769dba476269ca82d3a937657145a0e7e
Author: sparkyx <danydb@noalyss.eu>
AuthorDate: Sun Jul 17 16:06:38 2022 +0200

    Task #0002182: Bouton fiche avec nouvelle icone + possibilité d'ajouter des 
fiches
---
 html/css/font/fontello/config.json                |  36 +
 html/css/font/fontello/css/fontello-codes.css     |   8 +-
 html/css/font/fontello/css/fontello-embedded.css  |  37 +-
 html/css/font/fontello/css/fontello-ie7-codes.css |   8 +-
 html/css/font/fontello/css/fontello-ie7.css       |  14 +-
 html/css/font/fontello/css/fontello.css           |  41 +-
 html/css/font/fontello/demo.html                  | 843 +++++++++++++---------
 html/css/font/fontello/font/fontello.eot          | Bin 36336 -> 38472 bytes
 html/css/font/fontello/font/fontello.svg          |  16 +-
 html/css/font/fontello/font/fontello.ttf          | Bin 36168 -> 38304 bytes
 html/css/font/fontello/font/fontello.woff         | Bin 22052 -> 23172 bytes
 html/css/font/fontello/font/fontello.woff2        | Bin 18436 -> 19376 bytes
 html/css/font/fontello/fontello.eot               | Bin 35304 -> 38472 bytes
 html/css/font/fontello/fontello.svg               |  34 +-
 html/css/font/fontello/fontello.ttf               | Bin 35136 -> 38304 bytes
 html/css/font/fontello/fontello.woff              | Bin 21500 -> 23172 bytes
 html/css/font/fontello/fontello.woff2             | Bin 17964 -> 19376 bytes
 html/js/noalyss_script.js                         |   7 +-
 include/ajax/ajax_card.php                        |  13 +-
 include/lib/icon_action.class.php                 |  15 +
 include/template/module.php                       |   8 +-
 scenario/icon_actionTest.php                      |   9 +
 22 files changed, 687 insertions(+), 402 deletions(-)

diff --git a/html/css/font/fontello/config.json 
b/html/css/font/fontello/config.json
index c5596895a..745e2035f 100644
--- a/html/css/font/fontello/config.json
+++ b/html/css/font/fontello/config.json
@@ -648,6 +648,42 @@
       "code": 59461,
       "src": "typicons"
     },
+    {
+      "uid": "b1887b423d2fd15c345e090320c91ca0",
+      "css": "th",
+      "code": 59458,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "46cacfc5030a225f338323a3538a18e8",
+      "css": "th-large",
+      "code": 59459,
+      "src": "websymbols"
+    },
+    {
+      "uid": "31972e4e9d080eaa796290349ae6c1fd",
+      "css": "users",
+      "code": 59462,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "dd492243d64e21dfe16a92452f7861cb",
+      "css": "th-large-1",
+      "code": 59463,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "5eb43711f62fb4dcbef10d0224c28065",
+      "css": "th-thumb-empty",
+      "code": 61451,
+      "src": "mfglabs"
+    },
+    {
+      "uid": "c8585e1e5b0467f28b70bce765d5840c",
+      "css": "docs",
+      "code": 61637,
+      "src": "fontawesome"
+    },
     {
       "uid": "fcb54009841c2a662bde504cb4b65116",
       "css": "logout",
diff --git a/html/css/font/fontello/css/fontello-codes.css 
b/html/css/font/fontello/css/fontello-codes.css
index b6abf329d..0d94127c0 100644
--- a/html/css/font/fontello/css/fontello-codes.css
+++ b/html/css/font/fontello/css/fontello-codes.css
@@ -67,16 +67,22 @@
 .icon-tags-4:before { content: '\e83f'; } /* '' */
 .icon-resize-small-1:before { content: '\e840'; } /* '' */
 .icon-phone:before { content: '\e841'; } /* '' */
+.icon-th:before { content: '\e842'; } /* '' */
+.icon-th-large:before { content: '\e843'; } /* '' */
 .icon-ok-1:before { content: '\e844'; } /* '' */
 .icon-cancel-1:before { content: '\e845'; } /* '' */
+.icon-users:before { content: '\e846'; } /* '' */
+.icon-th-large-1:before { content: '\e847'; } /* '' */
 .icon-down-open:before { content: '\f004'; } /* '' */
 .icon-up-open:before { content: '\f005'; } /* '' */
 .icon-right-open:before { content: '\f006'; } /* '' */
 .icon-left-open:before { content: '\f007'; } /* '' */
+.icon-th-thumb-empty:before { content: '\f00b'; } /* '' */
 .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-docs:before { content: '\f0c5'; } /* '' */
 .icon-comment-empty:before { content: '\f0e5'; } /* '' */
 .icon-doc-text:before { content: '\f0f6'; } /* '' */
 .icon-plus-squared:before { content: '\f0fe'; } /* '' */
@@ -105,4 +111,4 @@
 .icon-chrome:before { content: '\f268'; } /* '' */
 .icon-firefox:before { content: '\f269'; } /* '' */
 .icon-calendar-1:before { content: '\f4c5'; } /* '' */
-.icon-search-1:before { content: '\f50d'; } /* '' */
\ No newline at end of file
+.icon-search-1:before { content: '\f50d'; } /* '' */
diff --git a/html/css/font/fontello/css/fontello-embedded.css 
b/html/css/font/fontello/css/fontello-embedded.css
index 49906ec6c..74fa3df98 100644
--- a/html/css/font/fontello/css/fontello-embedded.css
+++ b/html/css/font/fontello/css/fontello-embedded.css
@@ -1,15 +1,15 @@
 @font-face {
   font-family: 'fontello';
-  src: url('../font/fontello.eot?26736536');
-  src: url('../font/fontello.eot?26736536#iefix') format('embedded-opentype'),
-       url('../font/fontello.svg?26736536#fontello') format('svg');
+  src: url('../font/fontello.eot?65348872');
+  src: url('../font/fontello.eot?65348872#iefix') format('embedded-opentype'),
+       url('../font/fontello.svg?65348872#fontello') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: 'fontello';
-  src: 
url('data:application/octet-stream;base64,d09GRgABAAAAAFYkAA8AAAAAjUgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAAQwAAAFY3e1blY21hcAAAAdgAAANCAAAIJEKdBJVjdnQgAAAFHAAAAAsAAAAOAAAAAGZwZ20AAAUoAAAG7QAADgxiLvl6Z2FzcAAADBgAAAAIAAAACAAAABBnbHlmAAAMIAAAQw4AAGmw0+rekmhlYWQAAE8wAAAAMwAAADYctYINaGhlYQAAT2QAAAAgAAAAJAfBBEJobXR4AABPhAAAAMcAAAGwbwD/vGxvY2EAAFBMAAAA2gAAANoXTvs6bWF4cAAAUSgAAAAgAAAAIAIjEG5uYW1lAABRSAAAAXUAAALNzZ0YGXBvc3QAAFLAAAAC5QAABTKKXtl5cHJlcAAAVag
 [...]
-       
url('data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQiCLJXoAAAD8AAAAVE9TLzI3e1blAAABUAAAAFZjbWFwQp0ElQAAAagAAAgkY3Z0IAAAAAAAAH6QAAAADmZwZ21iLvl6AAB+oAAADgxnYXNwAAAAEAAAfogAAAAIZ2x5ZtPq3pIAAAnMAABpsGhlYWQctYINAABzfAAAADZoaGVhB8EEQgAAc7QAAAAkaG10eG8A/7wAAHPYAAABsGxvY2EXTvs6AAB1iAAAANptYXhwAiMQbgAAdmQAAAAgbmFtZc2dGBkAAHaEAAACzXBvc3SKXtl5AAB5VAAABTJwcmVwfrY7tgAAjKwAAACcAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAA
 [...]
+  src: 
url('data:application/octet-stream;base64,d09GRgABAAAAAFqEAA8AAAAAlaAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAARAAAAGA3flbtY21hcAAAAdgAAANhAAAIgDVIDs1jdnQgAAAFPAAAAAsAAAAOAAAAAGZwZ20AAAVIAAAG7QAADgxiLvl6Z2FzcAAADDgAAAAIAAAACAAAABBnbHlmAAAMQAAARyYAAHFEvOO7NWhlYWQAAFNoAAAAMwAAADYhdVSFaGhlYQAAU5wAAAAgAAAAJAfBBEhobXR4AABTvAAAAMkAAAHIhjL/umxvY2EAAFSIAAAA5gAAAObAlaKGbWF4cAAAVXAAAAAgAAAAIAIpEG5uYW1lAABVkAAAAXQAAALNzZ0ZGnBvc3QAAFcEAAADAwAABW+QNir1cHJlcAAAWgg
 [...]
+       
url('data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQiCLJXoAAAD8AAAAVE9TLzI3flbtAAABUAAAAGBjbWFwNUgOzQAAAbAAAAiAY3Z0IAAAAAAAAIboAAAADmZwZ21iLvl6AACG+AAADgxnYXNwAAAAEAAAhuAAAAAIZ2x5ZrzjuzUAAAowAABxRGhlYWQhdVSFAAB7dAAAADZoaGVhB8EESAAAe6wAAAAkaG10eIYy/7oAAHvQAAAByGxvY2HAlaKGAAB9mAAAAOZtYXhwAikQbgAAfoAAAAAgbmFtZc2dGRoAAH6gAAACzXBvc3SQNir1AACBcAAABW9wcmVwfrY7tgAAlQQAAACcAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAA
 [...]
 }
 /* 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,45 +17,46 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'fontello';
-    src: url('../font/fontello.svg?26736536#fontello') format('svg');
+    src: url('../font/fontello.svg?65348872#fontello') format('svg');
   }
 }
 */
- 
- [class^="icon-"]:before, [class*=" icon-"]:before {
+
+[class^="icon-"]:before, [class*=" icon-"]:before {
   font-family: "fontello";
   font-style: normal;
   font-weight: normal;
   speak: never;
- 
+
   display: inline-block;
   text-decoration: inherit;
   width: 1em;
   margin-right: .2em;
   text-align: center;
   /* opacity: .8; */
- 
+
   /* For safety - reset parent styles, that can break glyph codes*/
   font-variant: normal;
   text-transform: none;
- 
+
   /* fix buttons height, for twitter bootstrap */
   line-height: 1em;
- 
+
   /* Animation center compensation - margins should be symmetric */
   /* remove if not needed */
   margin-left: .2em;
- 
+
   /* you can be more comfortable with increased icons size */
   /* font-size: 120%; */
   
   /* Font smoothing. That was taken from TWBS */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
- 
+
   /* Uncomment for 3D effect */
   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }
+
 .icon-up-hand:before { content: '\e0f8'; } /* '' */
 .icon-check:before { content: '\e741'; } /* '' */
 .icon-logout:before { content: '\e800'; } /* '' */
@@ -124,16 +125,22 @@
 .icon-tags-4:before { content: '\e83f'; } /* '' */
 .icon-resize-small-1:before { content: '\e840'; } /* '' */
 .icon-phone:before { content: '\e841'; } /* '' */
+.icon-th:before { content: '\e842'; } /* '' */
+.icon-th-large:before { content: '\e843'; } /* '' */
 .icon-ok-1:before { content: '\e844'; } /* '' */
 .icon-cancel-1:before { content: '\e845'; } /* '' */
+.icon-users:before { content: '\e846'; } /* '' */
+.icon-th-large-1:before { content: '\e847'; } /* '' */
 .icon-down-open:before { content: '\f004'; } /* '' */
 .icon-up-open:before { content: '\f005'; } /* '' */
 .icon-right-open:before { content: '\f006'; } /* '' */
 .icon-left-open:before { content: '\f007'; } /* '' */
+.icon-th-thumb-empty:before { content: '\f00b'; } /* '' */
 .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-docs:before { content: '\f0c5'; } /* '' */
 .icon-comment-empty:before { content: '\f0e5'; } /* '' */
 .icon-doc-text:before { content: '\f0f6'; } /* '' */
 .icon-plus-squared:before { content: '\f0fe'; } /* '' */
@@ -162,4 +169,4 @@
 .icon-chrome:before { content: '\f268'; } /* '' */
 .icon-firefox:before { content: '\f269'; } /* '' */
 .icon-calendar-1:before { content: '\f4c5'; } /* '' */
-.icon-search-1:before { content: '\f50d'; } /* '' */
\ No newline at end of file
+.icon-search-1:before { content: '\f50d'; } /* '' */
diff --git a/html/css/font/fontello/css/fontello-ie7-codes.css 
b/html/css/font/fontello/css/fontello-ie7-codes.css
index 9ec63d4de..616bfc6ea 100644
--- a/html/css/font/fontello/css/fontello-ie7-codes.css
+++ b/html/css/font/fontello/css/fontello-ie7-codes.css
@@ -67,16 +67,22 @@
 .icon-tags-4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83f;&nbsp;'); }
 .icon-resize-small-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe840;&nbsp;'); }
 .icon-phone { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe841;&nbsp;'); }
+.icon-th { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe842;&nbsp;'); }
+.icon-th-large { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe843;&nbsp;'); }
 .icon-ok-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe844;&nbsp;'); }
 .icon-cancel-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe845;&nbsp;'); }
+.icon-users { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe846;&nbsp;'); }
+.icon-th-large-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe847;&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;'); }
 .icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf007;&nbsp;'); }
+.icon-th-thumb-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf00b;&nbsp;'); }
 .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-docs { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0c5;&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;'); }
@@ -105,4 +111,4 @@
 .icon-chrome { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf268;&nbsp;'); }
 .icon-firefox { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf269;&nbsp;'); }
 .icon-calendar-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf4c5;&nbsp;'); }
-.icon-search-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf50d;&nbsp;'); }
\ No newline at end of file
+.icon-search-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf50d;&nbsp;'); }
diff --git a/html/css/font/fontello/css/fontello-ie7.css 
b/html/css/font/fontello/css/fontello-ie7.css
index 0424c3a05..83e1ea2e1 100644
--- a/html/css/font/fontello/css/fontello-ie7.css
+++ b/html/css/font/fontello/css/fontello-ie7.css
@@ -2,14 +2,14 @@
   font-family: 'fontello';
   font-style: normal;
   font-weight: normal;
- 
+
   /* fix buttons height */
   line-height: 1em;
- 
+
   /* you can be more comfortable with increased icons size */
   /* font-size: 120%; */
 }
- 
+
 .icon-up-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe0f8;&nbsp;'); }
 .icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe741;&nbsp;'); }
 .icon-logout { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe800;&nbsp;'); }
@@ -78,16 +78,22 @@
 .icon-tags-4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83f;&nbsp;'); }
 .icon-resize-small-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe840;&nbsp;'); }
 .icon-phone { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe841;&nbsp;'); }
+.icon-th { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe842;&nbsp;'); }
+.icon-th-large { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe843;&nbsp;'); }
 .icon-ok-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe844;&nbsp;'); }
 .icon-cancel-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe845;&nbsp;'); }
+.icon-users { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe846;&nbsp;'); }
+.icon-th-large-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe847;&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;'); }
 .icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf007;&nbsp;'); }
+.icon-th-thumb-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf00b;&nbsp;'); }
 .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-docs { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0c5;&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;'); }
@@ -116,4 +122,4 @@
 .icon-chrome { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf268;&nbsp;'); }
 .icon-firefox { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf269;&nbsp;'); }
 .icon-calendar-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf4c5;&nbsp;'); }
-.icon-search-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf50d;&nbsp;'); }
\ No newline at end of file
+.icon-search-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf50d;&nbsp;'); }
diff --git a/html/css/font/fontello/css/fontello.css 
b/html/css/font/fontello/css/fontello.css
index 8141875d4..7ca9c3849 100644
--- a/html/css/font/fontello/css/fontello.css
+++ b/html/css/font/fontello/css/fontello.css
@@ -1,11 +1,11 @@
 @font-face {
   font-family: 'fontello';
-  src: url('../font/fontello.eot?67316225');
-  src: url('../font/fontello.eot?67316225#iefix') format('embedded-opentype'),
-       url('../font/fontello.woff2?67316225') format('woff2'),
-       url('../font/fontello.woff?67316225') format('woff'),
-       url('../font/fontello.ttf?67316225') format('truetype'),
-       url('../font/fontello.svg?67316225#fontello') format('svg');
+  src: url('../font/fontello.eot?47787586');
+  src: url('../font/fontello.eot?47787586#iefix') format('embedded-opentype'),
+       url('../font/fontello.woff2?47787586') format('woff2'),
+       url('../font/fontello.woff?47787586') format('woff'),
+       url('../font/fontello.ttf?47787586') format('truetype'),
+       url('../font/fontello.svg?47787586#fontello') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -15,46 +15,45 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'fontello';
-    src: url('../font/fontello.svg?67316225#fontello') format('svg');
+    src: url('../font/fontello.svg?47787586#fontello') format('svg');
   }
 }
 */
- 
- [class^="icon-"]:before, [class*=" icon-"]:before {
+[class^="icon-"]:before, [class*=" icon-"]:before {
   font-family: "fontello";
   font-style: normal;
   font-weight: normal;
   speak: never;
- 
+
   display: inline-block;
   text-decoration: inherit;
   width: 1em;
   margin-right: .2em;
   text-align: center;
   /* opacity: .8; */
- 
+
   /* For safety - reset parent styles, that can break glyph codes*/
   font-variant: normal;
   text-transform: none;
- 
+
   /* fix buttons height, for twitter bootstrap */
   line-height: 1em;
- 
+
   /* Animation center compensation - margins should be symmetric */
   /* remove if not needed */
   margin-left: .2em;
- 
+
   /* you can be more comfortable with increased icons size */
   /* font-size: 120%; */
- 
+
   /* Font smoothing. That was taken from TWBS */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
- 
+
   /* Uncomment for 3D effect */
   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }
- 
+
 .icon-up-hand:before { content: '\e0f8'; } /* '' */
 .icon-check:before { content: '\e741'; } /* '' */
 .icon-logout:before { content: '\e800'; } /* '' */
@@ -123,16 +122,22 @@
 .icon-tags-4:before { content: '\e83f'; } /* '' */
 .icon-resize-small-1:before { content: '\e840'; } /* '' */
 .icon-phone:before { content: '\e841'; } /* '' */
+.icon-th:before { content: '\e842'; } /* '' */
+.icon-th-large:before { content: '\e843'; } /* '' */
 .icon-ok-1:before { content: '\e844'; } /* '' */
 .icon-cancel-1:before { content: '\e845'; } /* '' */
+.icon-users:before { content: '\e846'; } /* '' */
+.icon-th-large-1:before { content: '\e847'; } /* '' */
 .icon-down-open:before { content: '\f004'; } /* '' */
 .icon-up-open:before { content: '\f005'; } /* '' */
 .icon-right-open:before { content: '\f006'; } /* '' */
 .icon-left-open:before { content: '\f007'; } /* '' */
+.icon-th-thumb-empty:before { content: '\f00b'; } /* '' */
 .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-docs:before { content: '\f0c5'; } /* '' */
 .icon-comment-empty:before { content: '\f0e5'; } /* '' */
 .icon-doc-text:before { content: '\f0f6'; } /* '' */
 .icon-plus-squared:before { content: '\f0fe'; } /* '' */
@@ -161,4 +166,4 @@
 .icon-chrome:before { content: '\f268'; } /* '' */
 .icon-firefox:before { content: '\f269'; } /* '' */
 .icon-calendar-1:before { content: '\f4c5'; } /* '' */
-.icon-search-1:before { content: '\f50d'; } /* '' */
\ No newline at end of file
+.icon-search-1:before { content: '\f50d'; } /* '' */
diff --git a/html/css/font/fontello/demo.html b/html/css/font/fontello/demo.html
index d5e904043..ee7921976 100644
--- a/html/css/font/fontello/demo.html
+++ b/html/css/font/fontello/demo.html
@@ -1,246 +1,160 @@
 <!DOCTYPE html>
 <html>
-  <head><!--[if lt IE 9]><script language="javascript" type="text/javascript" 
src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
-    <meta charset="UTF-8"><style>/*
- * Bootstrap v2.2.1
- *
- * Copyright 2012 Twitter, Inc
- * Licensed under the Apache License v2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Designed and built with all the love in the world @twitter by @mdo and @fat.
- */
-.clearfix {
-  *zoom: 1;
-}
-.clearfix:before,
-.clearfix:after {
-  display: table;
-  content: "";
-  line-height: 0;
-}
-.clearfix:after {
-  clear: both;
-}
-html {
-  font-size: 100%;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-}
-a:focus {
-  outline: thin dotted #333;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
-a:hover,
-a:active {
-  outline: 0;
-}
-button,
-input,
-select,
-textarea {
-  margin: 0;
-  font-size: 100%;
-  vertical-align: middle;
-}
-button,
-input {
-  *overflow: visible;
-  line-height: normal;
-}
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  padding: 0;
-  border: 0;
-}
-body {
-  margin: 0;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 14px;
-  line-height: 20px;
-  color: #333;
-  background-color: #fff;
-}
-a {
-  color: #08c;
-  text-decoration: none;
-}
-a:hover {
-  color: #005580;
-  text-decoration: underline;
-}
-.row {
-  margin-left: -20px;
-  *zoom: 1;
-}
-.row:before,
-.row:after {
-  display: table;
-  content: "";
-  line-height: 0;
-}
-.row:after {
-  clear: both;
-}
-[class*="span"] {
-  float: left;
-  min-height: 1px;
-  margin-left: 20px;
-}
-.container,
-.navbar-static-top .container,
-.navbar-fixed-top .container,
-.navbar-fixed-bottom .container {
-  width: 940px;
-}
-.span12 {
-  width: 940px;
-}
-.span11 {
-  width: 860px;
-}
-.span10 {
-  width: 780px;
-}
-.span9 {
-  width: 700px;
-}
-.span8 {
-  width: 620px;
-}
-.span7 {
-  width: 540px;
-}
-.span6 {
-  width: 460px;
-}
-.span5 {
-  width: 380px;
-}
-.span4 {
-  width: 300px;
-}
-.span3 {
-  width: 220px;
-}
-.span2 {
-  width: 140px;
-}
-.span1 {
-  width: 60px;
-}
-[class*="span"].pull-right,
-.row-fluid [class*="span"].pull-right {
-  float: right;
-}
-.container {
-  margin-right: auto;
-  margin-left: auto;
-  *zoom: 1;
-}
-.container:before,
-.container:after {
-  display: table;
-  content: "";
-  line-height: 0;
-}
-.container:after {
-  clear: both;
-}
-p {
-  margin: 0 0 10px;
-}
-.lead {
-  margin-bottom: 20px;
-  font-size: 21px;
-  font-weight: 200;
-  line-height: 30px;
-}
-small {
-  font-size: 85%;
-}
-h1 {
-  margin: 10px 0;
-  font-family: inherit;
-  font-weight: bold;
-  line-height: 20px;
-  color: inherit;
-  text-rendering: optimizelegibility;
-}
-h1 small {
-  font-weight: normal;
-  line-height: 1;
-  color: #999;
-}
-h1 {
-  line-height: 40px;
-}
-h1 {
-  font-size: 38.5px;
-}
-h1 small {
-  font-size: 24.5px;
-}
-body {
-  margin-top: 90px;
-}
-.header {
-  position: fixed;
-  top: 0;
-  left: 50%;
-  margin-left: -480px;
-  background-color: #fff;
-  border-bottom: 1px solid #ddd;
-  padding-top: 10px;
-  z-index: 10;
-}
-.footer {
-  color: #ddd;
-  font-size: 12px;
-  text-align: center;
-  margin-top: 20px;
-}
-.footer a {
-  color: #ccc;
-  text-decoration: underline;
-}
-.the-icons {
-  font-size: 14px;
-  line-height: 24px;
-}
-.switch {
-  position: absolute;
-  right: 0;
-  bottom: 10px;
-  color: #666;
-}
-.switch input {
-  margin-right: 0.3em;
-}
-.codesOn .i-name {
-  display: none;
-}
-.codesOn .i-code {
-  display: inline;
-}
-.i-code {
-  display: none;
-}
-@font-face {
+  <head>
+  <!--[if lt IE 9]><script language="javascript" type="text/javascript" 
src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+  <meta charset="UTF-8">
+  <style>
+    html {
+      font-size: 100%;
+      -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+    }
+    a:focus {
+      outline: thin dotted #333;
+      outline: 5px auto -webkit-focus-ring-color;
+      outline-offset: -2px;
+    }
+    a:hover,
+    a:active {
+      outline: 0;
+    }
+    input {
+      margin: 0;
+      font-size: 100%;
+      vertical-align: middle;
+      *overflow: visible;
+      line-height: normal;
+    }
+    input::-moz-focus-inner {
+      padding: 0;
+      border: 0;
+    }
+    body {
+      margin: 0;
+      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+      font-size: 14px;
+      line-height: 20px;
+      color: #333;
+      background-color: #fff;
+    }
+    a {
+      color: #08c;
+      text-decoration: none;
+    }
+    a:hover {
+      color: #005580;
+      text-decoration: underline;
+    }
+    .row {
+      margin-left: -20px;
+      *zoom: 1;
+    }
+    .row:before,
+    .row:after {
+      display: table;
+      content: "";
+      line-height: 0;
+    }
+    .row:after {
+      clear: both;
+    }
+    .span3 {
+      float: left;
+      min-height: 1px;
+      margin-left: 20px;
+      width: 220px;
+    }
+    .container {
+      width: 940px;
+      margin-right: auto;
+      margin-left: auto;
+      *zoom: 1;
+    }
+    .container:before,
+    .container:after {
+      display: table;
+      content: "";
+      line-height: 0;
+    }
+    .container:after {
+      clear: both;
+    }
+    small {
+      font-size: 85%;
+    }
+    h1 {
+      margin: 10px 0;
+      font-family: inherit;
+      font-weight: bold;
+      line-height: 20px;
+      color: inherit;
+      text-rendering: optimizelegibility;
+      line-height: 40px;
+      font-size: 38.5px;
+    }
+    h1 small {
+      font-weight: normal;
+      line-height: 1;
+      color: #999;
+      font-size: 24.5px;
+    }
+
+    body {
+      margin-top: 90px;
+    }
+    .header {
+      position: fixed;
+      top: 0;
+      left: 50%;
+      margin-left: -480px;
+      background-color: #fff;
+      border-bottom: 1px solid #ddd;
+      padding-top: 10px;
+      z-index: 10;
+    }
+    .footer {
+      color: #ddd;
+      font-size: 12px;
+      text-align: center;
+      margin-top: 20px;
+    }
+    .footer a {
+      color: #ccc;
+      text-decoration: underline;
+    }
+    .the-icons {
+      font-size: 14px;
+      line-height: 24px;
+    }
+    .switch {
+      position: absolute;
+      right: 0;
+      bottom: 10px;
+      color: #666;
+    }
+    .switch input {
+      margin-right: 0.3em;
+    }
+    .codesOn .i-name {
+      display: none;
+    }
+    .codesOn .i-code {
+      display: inline;
+    }
+    .i-code {
+      display: none;
+    }
+    @font-face {
       font-family: 'fontello';
-      src: url('./font/fontello.eot?66656222');
-      src: url('./font/fontello.eot?66656222#iefix') 
format('embedded-opentype'),
-           url('./font/fontello.woff?66656222') format('woff'),
-           url('./font/fontello.ttf?66656222') format('truetype'),
-           url('./font/fontello.svg?66656222#fontello') format('svg');
+      src: url('./font/fontello.eot?12361133');
+      src: url('./font/fontello.eot?12361133#iefix') 
format('embedded-opentype'),
+           url('./font/fontello.woff?12361133') format('woff'),
+           url('./font/fontello.ttf?12361133') format('truetype'),
+           url('./font/fontello.svg?12361133#fontello') format('svg');
       font-weight: normal;
       font-style: normal;
     }
-     
-     
-    .demo-icon
-    {
+    .demo-icon {
       font-family: "fontello";
       font-style: normal;
       font-weight: normal;
@@ -274,7 +188,7 @@ body {
       /* Uncomment for 3D effect */
       /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
     }
-     </style>
+    </style>
     <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link 
rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
     <script>
       function toggleCodes(on) {
@@ -286,7 +200,6 @@ body {
           obj.className = obj.className.replace(' codesOn', '');
         }
       }
-      
     </script>
   </head>
   <body>
@@ -298,167 +211,403 @@ body {
     </div>
     <div class="container" id="icons">
       <div class="row">
-        <div class="the-icons span3" title="Code: 0xe0f8"><i class="demo-icon 
icon-up-hand">&#xe0f8;</i> <span class="i-name">icon-up-hand</span><span 
class="i-code">0xe0f8</span></div>
-        <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: 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="span3" title="Code: 0xe0f8">
+          <i class="demo-icon icon-up-hand">&#xe0f8;</i> <span 
class="i-name">icon-up-hand</span><span class="i-code">0xe0f8</span>
+        </div>
+        <div class="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="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="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>
+      <div class="row">
+        <div class="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="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="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="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>
+      <div class="row">
+        <div class="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="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="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="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>
       <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="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="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="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="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>
       <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="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="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="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="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>
       <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="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="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="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="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>
       <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="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="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="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="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>
       <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="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="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="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="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>
       <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="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="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="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="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>
       <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="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="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="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="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>
       <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="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="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="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="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>
       <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="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="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="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="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>
       <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="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="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="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="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>
       <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="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="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="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="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>
       <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="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="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="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="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>
       <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="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="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="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="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>
       <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-tags-3">&#xe839;</i> <span class="i-name">icon-tags-3</span><span 
class="i-code">0xe839</span></div>
+        <div class="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="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="span3" title="Code: 0xe840">
+          <i class="demo-icon icon-resize-small-1">&#xe840;</i> <span 
class="i-name">icon-resize-small-1</span><span class="i-code">0xe840</span>
+        </div>
+        <div class="span3" title="Code: 0xe841">
+          <i class="demo-icon icon-phone">&#xe841;</i> <span 
class="i-name">icon-phone</span><span class="i-code">0xe841</span>
+        </div>
       </div>
       <div class="row">
-        <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-resize-small-alt">&#xe83d;</i> <span 
class="i-name">icon-resize-small-alt</span><span 
class="i-code">0xe83d</span></div>
+        <div class="span3" title="Code: 0xe842">
+          <i class="demo-icon icon-th">&#xe842;</i> <span 
class="i-name">icon-th</span><span class="i-code">0xe842</span>
+        </div>
+        <div class="span3" title="Code: 0xe843">
+          <i class="demo-icon icon-th-large">&#xe843;</i> <span 
class="i-name">icon-th-large</span><span class="i-code">0xe843</span>
+        </div>
+        <div class="span3" title="Code: 0xe844">
+          <i class="demo-icon icon-ok-1">&#xe844;</i> <span 
class="i-name">icon-ok-1</span><span class="i-code">0xe844</span>
+        </div>
+        <div class="span3" title="Code: 0xe845">
+          <i class="demo-icon icon-cancel-1">&#xe845;</i> <span 
class="i-name">icon-cancel-1</span><span class="i-code">0xe845</span>
+        </div>
       </div>
       <div class="row">
-        <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: 0xe840"><i class="demo-icon 
icon-resize-small-1">&#xe840;</i> <span 
class="i-name">icon-resize-small-1</span><span 
class="i-code">0xe840</span></div>
-        <div class="the-icons span3" title="Code: 0xe841"><i class="demo-icon 
icon-phone">&#xe841;</i> <span class="i-name">icon-phone</span><span 
class="i-code">0xe841</span></div>
+        <div class="span3" title="Code: 0xe846">
+          <i class="demo-icon icon-users">&#xe846;</i> <span 
class="i-name">icon-users</span><span class="i-code">0xe846</span>
+        </div>
+        <div class="span3" title="Code: 0xe847">
+          <i class="demo-icon icon-th-large-1">&#xe847;</i> <span 
class="i-name">icon-th-large-1</span><span class="i-code">0xe847</span>
+        </div>
+        <div class="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 class="span3" title="Code: 0xf005">
+          <i class="demo-icon icon-up-open">&#xf005;</i> <span 
class="i-name">icon-up-open</span><span class="i-code">0xf005</span>
+        </div>
       </div>
       <div class="row">
-        <div class="the-icons span3" title="Code: 0xe844"><i class="demo-icon 
icon-ok-1">&#xe844;</i> <span class="i-name">icon-ok-1</span><span 
class="i-code">0xe844</span></div>
-        <div class="the-icons span3" title="Code: 0xe845"><i class="demo-icon 
icon-cancel-1">&#xe845;</i> <span class="i-name">icon-cancel-1</span><span 
class="i-code">0xe845</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 class="the-icons span3" title="Code: 0xf005"><i class="demo-icon 
icon-up-open">&#xf005;</i> <span class="i-name">icon-up-open</span><span 
class="i-code">0xf005</span></div>
+        <div class="span3" title="Code: 0xf006">
+          <i class="demo-icon icon-right-open">&#xf006;</i> <span 
class="i-name">icon-right-open</span><span class="i-code">0xf006</span>
+        </div>
+        <div class="span3" title="Code: 0xf007">
+          <i class="demo-icon icon-left-open">&#xf007;</i> <span 
class="i-name">icon-left-open</span><span class="i-code">0xf007</span>
+        </div>
+        <div class="span3" title="Code: 0xf00b">
+          <i class="demo-icon icon-th-thumb-empty">&#xf00b;</i> <span 
class="i-name">icon-th-thumb-empty</span><span class="i-code">0xf00b</span>
+        </div>
+        <div class="span3" title="Code: 0xf047">
+          <i class="demo-icon icon-move">&#xf047;</i> <span 
class="i-name">icon-move</span><span class="i-code">0xf047</span>
+        </div>
       </div>
       <div class="row">
-        <div class="the-icons span3" title="Code: 0xf006"><i class="demo-icon 
icon-right-open">&#xf006;</i> <span class="i-name">icon-right-open</span><span 
class="i-code">0xf006</span></div>
-        <div class="the-icons span3" title="Code: 0xf007"><i class="demo-icon 
icon-left-open">&#xf007;</i> <span class="i-name">icon-left-open</span><span 
class="i-code">0xf007</span></div>
-        <div class="the-icons span3" title="Code: 0xf047"><i class="demo-icon 
icon-move">&#xf047;</i> <span class="i-name">icon-move</span><span 
class="i-code">0xf047</span></div>
-        <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="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="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="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="span3" title="Code: 0xf0c5">
+          <i class="demo-icon icon-docs">&#xf0c5;</i> <span 
class="i-name">icon-docs</span><span class="i-code">0xf0c5</span>
+        </div>
       </div>
       <div class="row">
-        <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 class="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="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="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="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>
       <div class="row">
-        <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 class="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="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="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="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>
       <div class="row">
-        <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: 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 class="the-icons span3" title="Code: 0xf146"><i class="demo-icon 
icon-minus-squared">&#xf146;</i> <span 
class="i-name">icon-minus-squared</span><span class="i-code">0xf146</span></div>
+        <div class="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 class="span3" title="Code: 0xf146">
+          <i class="demo-icon icon-minus-squared">&#xf146;</i> <span 
class="i-name">icon-minus-squared</span><span class="i-code">0xf146</span>
+        </div>
+        <div class="span3" title="Code: 0xf147">
+          <i class="demo-icon icon-minus-squared-alt">&#xf147;</i> <span 
class="i-name">icon-minus-squared-alt</span><span class="i-code">0xf147</span>
+        </div>
+        <div class="span3" title="Code: 0xf160">
+          <i class="demo-icon icon-sort-alt-up">&#xf160;</i> <span 
class="i-name">icon-sort-alt-up</span><span class="i-code">0xf160</span>
+        </div>
       </div>
       <div class="row">
-        <div class="the-icons span3" title="Code: 0xf147"><i class="demo-icon 
icon-minus-squared-alt">&#xf147;</i> <span 
class="i-name">icon-minus-squared-alt</span><span 
class="i-code">0xf147</span></div>
-        <div class="the-icons span3" title="Code: 0xf160"><i class="demo-icon 
icon-sort-alt-up">&#xf160;</i> <span 
class="i-name">icon-sort-alt-up</span><span class="i-code">0xf160</span></div>
-        <div class="the-icons span3" title="Code: 0xf161"><i class="demo-icon 
icon-sort-alt-down">&#xf161;</i> <span 
class="i-name">icon-sort-alt-down</span><span class="i-code">0xf161</span></div>
-        <div class="the-icons span3" title="Code: 0xf171"><i class="demo-icon 
icon-bitbucket">&#xf171;</i> <span class="i-name">icon-bitbucket</span><span 
class="i-code">0xf171</span></div>
+        <div class="span3" title="Code: 0xf161">
+          <i class="demo-icon icon-sort-alt-down">&#xf161;</i> <span 
class="i-name">icon-sort-alt-down</span><span class="i-code">0xf161</span>
+        </div>
+        <div class="span3" title="Code: 0xf171">
+          <i class="demo-icon icon-bitbucket">&#xf171;</i> <span 
class="i-name">icon-bitbucket</span><span class="i-code">0xf171</span>
+        </div>
+        <div class="span3" title="Code: 0xf17c">
+          <i class="demo-icon icon-linux">&#xf17c;</i> <span 
class="i-name">icon-linux</span><span class="i-code">0xf17c</span>
+        </div>
+        <div class="span3" title="Code: 0xf192">
+          <i class="demo-icon icon-dot-circled">&#xf192;</i> <span 
class="i-name">icon-dot-circled</span><span class="i-code">0xf192</span>
+        </div>
       </div>
       <div class="row">
-        <div class="the-icons span3" title="Code: 0xf17c"><i class="demo-icon 
icon-linux">&#xf17c;</i> <span class="i-name">icon-linux</span><span 
class="i-code">0xf17c</span></div>
-        <div class="the-icons span3" title="Code: 0xf192"><i class="demo-icon 
icon-dot-circled">&#xf192;</i> <span 
class="i-name">icon-dot-circled</span><span class="i-code">0xf192</span></div>
-        <div class="the-icons span3" title="Code: 0xf196"><i class="demo-icon 
icon-plus-squared-alt">&#xf196;</i> <span 
class="i-name">icon-plus-squared-alt</span><span 
class="i-code">0xf196</span></div>
-        <div class="the-icons span3" title="Code: 0xf1ac"><i class="demo-icon 
icon-fax">&#xf1ac;</i> <span class="i-name">icon-fax</span><span 
class="i-code">0xf1ac</span></div>
+        <div class="span3" title="Code: 0xf196">
+          <i class="demo-icon icon-plus-squared-alt">&#xf196;</i> <span 
class="i-name">icon-plus-squared-alt</span><span class="i-code">0xf196</span>
+        </div>
+        <div class="span3" title="Code: 0xf1ac">
+          <i class="demo-icon icon-fax">&#xf1ac;</i> <span 
class="i-name">icon-fax</span><span class="i-code">0xf1ac</span>
+        </div>
+        <div class="span3" title="Code: 0xf1de">
+          <i class="demo-icon icon-sliders">&#xf1de;</i> <span 
class="i-name">icon-sliders</span><span class="i-code">0xf1de</span>
+        </div>
+        <div class="span3" title="Code: 0xf1e0">
+          <i class="demo-icon icon-share">&#xf1e0;</i> <span 
class="i-name">icon-share</span><span class="i-code">0xf1e0</span>
+        </div>
       </div>
       <div class="row">
-        <div class="the-icons span3" title="Code: 0xf1de"><i class="demo-icon 
icon-sliders">&#xf1de;</i> <span class="i-name">icon-sliders</span><span 
class="i-code">0xf1de</span></div>
-        <div class="the-icons span3" title="Code: 0xf1e0"><i class="demo-icon 
icon-share">&#xf1e0;</i> <span class="i-name">icon-share</span><span 
class="i-code">0xf1e0</span></div>
-        <div class="the-icons span3" title="Code: 0xf1ec"><i class="demo-icon 
icon-calc">&#xf1ec;</i> <span class="i-name">icon-calc</span><span 
class="i-code">0xf1ec</span></div>
-        <div class="the-icons span3" title="Code: 0xf1f7"><i class="demo-icon 
icon-bell-off-empty">&#xf1f7;</i> <span 
class="i-name">icon-bell-off-empty</span><span 
class="i-code">0xf1f7</span></div>
+        <div class="span3" title="Code: 0xf1ec">
+          <i class="demo-icon icon-calc">&#xf1ec;</i> <span 
class="i-name">icon-calc</span><span class="i-code">0xf1ec</span>
+        </div>
+        <div class="span3" title="Code: 0xf1f7">
+          <i class="demo-icon icon-bell-off-empty">&#xf1f7;</i> <span 
class="i-name">icon-bell-off-empty</span><span class="i-code">0xf1f7</span>
+        </div>
+        <div class="span3" title="Code: 0xf204">
+          <i class="demo-icon icon-toggle-off">&#xf204;</i> <span 
class="i-name">icon-toggle-off</span><span class="i-code">0xf204</span>
+        </div>
+        <div class="span3" title="Code: 0xf205">
+          <i class="demo-icon icon-toggle-on">&#xf205;</i> <span 
class="i-name">icon-toggle-on</span><span class="i-code">0xf205</span>
+        </div>
       </div>
       <div class="row">
-        <div class="the-icons span3" title="Code: 0xf204"><i class="demo-icon 
icon-toggle-off">&#xf204;</i> <span class="i-name">icon-toggle-off</span><span 
class="i-code">0xf204</span></div>
-        <div class="the-icons span3" title="Code: 0xf205"><i class="demo-icon 
icon-toggle-on">&#xf205;</i> <span class="i-name">icon-toggle-on</span><span 
class="i-code">0xf205</span></div>
-        <div class="the-icons span3" title="Code: 0xf267"><i class="demo-icon 
icon-safari">&#xf267;</i> <span class="i-name">icon-safari</span><span 
class="i-code">0xf267</span></div>
-        <div class="the-icons span3" title="Code: 0xf268"><i class="demo-icon 
icon-chrome">&#xf268;</i> <span class="i-name">icon-chrome</span><span 
class="i-code">0xf268</span></div>
+        <div class="span3" title="Code: 0xf267">
+          <i class="demo-icon icon-safari">&#xf267;</i> <span 
class="i-name">icon-safari</span><span class="i-code">0xf267</span>
+        </div>
+        <div class="span3" title="Code: 0xf268">
+          <i class="demo-icon icon-chrome">&#xf268;</i> <span 
class="i-name">icon-chrome</span><span class="i-code">0xf268</span>
+        </div>
+        <div class="span3" title="Code: 0xf269">
+          <i class="demo-icon icon-firefox">&#xf269;</i> <span 
class="i-name">icon-firefox</span><span class="i-code">0xf269</span>
+        </div>
+        <div class="span3" title="Code: 0xf4c5">
+          <i class="demo-icon icon-calendar-1">&#xf4c5;</i> <span 
class="i-name">icon-calendar-1</span><span class="i-code">0xf4c5</span>
+        </div>
       </div>
       <div class="row">
-        <div class="the-icons span3" title="Code: 0xf269"><i class="demo-icon 
icon-firefox">&#xf269;</i> <span class="i-name">icon-firefox</span><span 
class="i-code">0xf269</span></div>
-        <div class="the-icons span3" title="Code: 0xf4c5"><i class="demo-icon 
icon-calendar-1">&#xf4c5;</i> <span class="i-name">icon-calendar-1</span><span 
class="i-code">0xf4c5</span></div>
-        <div class="the-icons span3" title="Code: 0xf50d"><i class="demo-icon 
icon-search-1">&#xf50d;</i> <span class="i-name">icon-search-1</span><span 
class="i-code">0xf50d</span></div>
+        <div class="span3" title="Code: 0xf50d">
+          <i class="demo-icon icon-search-1">&#xf50d;</i> <span 
class="i-name">icon-search-1</span><span class="i-code">0xf50d</span>
+        </div>
       </div>
     </div>
     <div class="container footer">Generated by <a 
href="https://fontello.com";>fontello.com</a></div>
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/css/font/fontello/font/fontello.eot 
b/html/css/font/fontello/font/fontello.eot
index 7f8ec38b1..5ab589bbd 100644
Binary files a/html/css/font/fontello/font/fontello.eot and 
b/html/css/font/fontello/font/fontello.eot differ
diff --git a/html/css/font/fontello/font/fontello.svg 
b/html/css/font/fontello/font/fontello.svg
index 8c97f2cbc..3977c8101 100644
--- a/html/css/font/fontello/font/fontello.svg
+++ b/html/css/font/fontello/font/fontello.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd";>
 <svg xmlns="http://www.w3.org/2000/svg";>
-<metadata>Copyright (C) 2021 by original authors @ fontello.com</metadata>
+<metadata>Copyright (C) 2022 by original authors @ fontello.com</metadata>
 <defs>
 <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" />
@@ -142,10 +142,18 @@
 
 <glyph glyph-name="phone" unicode="&#xe841;" d="M786 
158q0-15-6-39t-12-38q-11-28-68-60-52-28-103-28-15 0-30 2t-32 7-26 8-31 11-28 
10q-54 20-97 47-71 44-148 120t-120 148q-27 43-46 97-2 5-10 28t-12 31-8 26-7 
32-2 29q0 52 29 104 31 57 59 68 14 6 38 12t39 6q8 0 12-2 10-3 30-42 6-11 
16-31t20-35 17-30q2-2 10-14t12-20 4-16q0-11-16-27t-35-31-34-30-16-25q0-5 
3-13t4-11 8-14 7-10q42-77 97-132t131-97q1 0 10-6t14-8 11-5 13-2q10 0 25 16t30 
34 31 35 28 16q7 0 15-4t20-12 14-10q14-8 30-17t36-20 30-17q39- [...]
 
+<glyph glyph-name="th" unicode="&#xe842;" d="M286 
154v-108q0-22-16-37t-38-16h-178q-23 0-38 16t-16 37v108q0 22 16 38t38 15h178q23 
0 38-15t16-38z m0 285v-107q0-22-16-38t-38-15h-178q-23 0-38 15t-16 38v107q0 23 
16 38t38 16h178q23 0 38-16t16-38z m357-285v-108q0-22-16-37t-38-16h-178q-23 0-38 
16t-16 37v108q0 22 16 38t38 15h178q23 0 38-15t16-38z m-357 
571v-107q0-22-16-38t-38-16h-178q-23 0-38 16t-16 38v107q0 22 16 38t38 16h178q23 
0 38-16t16-38z m357-286v-107q0-22-16-38t-38-15h-178q-23 0-38 15t-16 [...]
+
+<glyph glyph-name="th-large" unicode="&#xe843;" d="M1000 
850v-440h-440v440h440z m-320-320h200v200h-200v-200z m-240 
320v-440h-440v440h440z m-320-320h200v200h-200v-200z m880-240v-440h-440v440h440z 
m-320-320h200v200h-200v-200z m-240 320v-440h-440v440h440z 
m-320-320h200v200h-200v-200z" horiz-adv-x="1000" />
+
 <glyph glyph-name="ok-1" unicode="&#xe844;" d="M625 676q38-20 
49-63t-9-80l-260-469q-30-53-91-53-43 0-74 31l-209 207q-31 32-31 74t31 74 74 31 
74-31l111-110 193 347q20 38 62 50t80-8z" horiz-adv-x="679" />
 
 <glyph glyph-name="cancel-1" unicode="&#xe845;" d="M596 632q32-31 
32-74t-32-74l-135-135 135-135q32-31 32-73t-32-74q-30-30-73-30t-74 30l-135 
135-135-135q-30-30-74-30t-74 30q-31 31-31 74t31 73l135 135-135 135q-31 32-31 
74t31 74q30 31 74 31t74-31l135-135 135 135q30 31 74 31t73-31z" 
horiz-adv-x="628" />
 
+<glyph glyph-name="users" unicode="&#xe846;" d="M331 350q-90-3-148-71h-75q-45 
0-77 22t-31 66q0 197 69 197 4 0 25-11t54-24 66-12q38 0 75 13-3-21-3-37 0-78 
45-143z m598-356q0-66-41-105t-108-39h-488q-68 0-108 39t-41 105q0 30 2 58t8 61 
14 61 24 54 35 45 48 30 62 11q6 0 24-12t41-26 59-27 76-12 75 12 60 27 41 26 24 
12q34 0 62-11t47-30 35-45 24-54 15-61 8-61 2-58z m-572 
713q0-59-42-101t-101-42-101 42-42 101 42 101 101 42 101-42 42-101z 
m393-214q0-89-63-152t-151-62-152 62-63 152 63 151 152 63 15 [...]
+
+<glyph glyph-name="th-large-1" unicode="&#xe847;" d="M429 
279v-215q0-29-22-50t-50-21h-286q-29 0-50 21t-21 50v215q0 29 21 50t50 21h286q29 
0 50-21t22-50z m0 428v-214q0-29-22-50t-50-22h-286q-29 0-50 22t-21 50v214q0 29 
21 50t50 22h286q29 0 50-22t22-50z m500-428v-215q0-29-22-50t-50-21h-286q-29 0-50 
21t-21 50v215q0 29 21 50t50 21h286q29 0 50-21t22-50z m0 
428v-214q0-29-22-50t-50-22h-286q-29 0-50 22t-21 50v214q0 29 21 50t50 22h286q29 
0 50-22t22-50z" horiz-adv-x="928.6" />
+
 <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" />
 
 <glyph glyph-name="up-open" unicode="&#xf005;" d="M0 167q0 26 18 43l391 391 
390-391q17-17 17-43 0-26-17-44-18-17-44-17t-43 17l-303 
305-305-305q-18-17-43-17t-43 17q-18 18-18 44z" horiz-adv-x="816.9" />
@@ -154,6 +162,8 @@
 
 <glyph glyph-name="left-open" unicode="&#xf007;" d="M0 353l391 391q18 18 43 18 
24 0 43-18 18-18 18-44t-18-43l-304-304 304-305q18-17 
18-43t-18-43q-18-18-43-18t-43 18z" horiz-adv-x="495.1" />
 
+<glyph glyph-name="th-thumb-empty" unicode="&#xf00b;" d="M0-66v286q0 22 15 
37t37 16h286q21 0 37-16t15-37v-286q0-21-15-36t-37-15h-286q-22 0-37 15t-15 36z 
m0 546v286q0 21 15 36t37 15h286q21 0 
37-15t15-36v-286q0-22-15-37t-37-16h-286q-21 0-37 16t-15 37z 
m88-510h214v214h-214v-214z m0 546h214v213h-214v-213z m459-582v286q0 22 15 37t37 
16h286q21 0 37-16t15-37v-286q0-21-15-36t-37-15h-286q-21 0-37 15t-15 36z m0 
546v286q0 21 15 36t37 15h286q22 0 37-15t15-36v-286q0-22-15-37t-37-16h-286q-21 
0-37 16t- [...]
+
 <glyph glyph-name="move" unicode="&#xf047;" d="M1000 
350q0-14-11-25l-142-143q-11-11-26-11t-25 11-10 25v72h-215v-215h72q14 0 
25-10t11-25-11-25l-143-143q-10-11-25-11t-25 11l-143 143q-11 10-11 25t11 25 25 
10h72v215h-215v-72q0-14-10-25t-25-11-25 11l-143 143q-11 11-11 25t11 25l143 
143q10 11 25 11t25-11 10-25v-72h215v215h-72q-14 0-25 10t-11 25 11 26l143 142q11 
11 25 11t25-11l143-142q11-11 11-26t-11-25-25-10h-72v-215h215v72q0 14 10 25t25 
11 26-11l142-143q11-10 11-25z" horiz-adv-x="1000" />
 
 <glyph glyph-name="info-circled-alt" unicode="&#xf086;" d="M0 350q0 95 37 
182t100 149 149 100 183 37q95 0 182-37t149-100 100-149 
37-182q0-95-37-182t-100-150-149-100-182-37q-96 0-183 37t-149 100-100 150-37 
182z m117 0q0-71 28-137t75-112 112-75 137-28 136 28 112 75 75 112 28 137-28 
136-75 112-112 75-136 28-137-28-112-75-75-112-28-136z m281 170q0 28 20 45t51 
17q32 0 51-17t19-45-19-46-51-17q-32 0-51 17t-20 46z m5-402v299h132v-299h-132z" 
horiz-adv-x="937.5" />
@@ -162,6 +172,8 @@
 
 <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="docs" unicode="&#xf0c5;" d="M946 636q23 0 
38-16t16-38v-678q0-23-16-38t-38-16h-535q-23 0-38 16t-16 38v160h-303q-23 0-38 
16t-16 38v375q0 22 11 49t27 42l228 228q15 16 42 27t49 11h232q23 0 
38-16t16-38v-183q38 23 71 23h232z m-303-119l-167-167h167v167z m-357 
214l-167-167h167v167z m109-361l176 
176v233h-214v-233q0-22-15-37t-38-16h-233v-357h286v143q0 22 11 49t27 42z 
m534-449v643h-215v-232q0-22-15-38t-38-15h-232v-358h500z" horiz-adv-x="1000" />
+
 <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 [...]
@@ -221,4 +233,4 @@
 <glyph glyph-name="search-1" unicode="&#xf50d;" d="M11 375q-23 87 0 173t87 
150q48 49 110 74t128 25q65 0 127-25t110-74q52-52 77-119t21-137-36-132q28-8 
49-29l174-173q35-35 35-85t-35-85q-35-35-85-35t-85 35l-173 174q-22 20-30 
49-70-35-149-35-66 0-128 25t-110 73q-64 64-87 151z m101 86q0-93 65-158 66-65 
159-65 92 0 157 65t66 158-66 158q-66 66-157 66-92 0-159-66-65-65-65-158z" 
horiz-adv-x="892.6" />
 </font>
 </defs>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/html/css/font/fontello/font/fontello.ttf 
b/html/css/font/fontello/font/fontello.ttf
index bc6b7882e..a78bae403 100644
Binary files a/html/css/font/fontello/font/fontello.ttf and 
b/html/css/font/fontello/font/fontello.ttf differ
diff --git a/html/css/font/fontello/font/fontello.woff 
b/html/css/font/fontello/font/fontello.woff
index 3b15d5686..07cda2a95 100644
Binary files a/html/css/font/fontello/font/fontello.woff and 
b/html/css/font/fontello/font/fontello.woff differ
diff --git a/html/css/font/fontello/font/fontello.woff2 
b/html/css/font/fontello/font/fontello.woff2
index 6a05be3fc..bc94b98e5 100644
Binary files a/html/css/font/fontello/font/fontello.woff2 and 
b/html/css/font/fontello/font/fontello.woff2 differ
diff --git a/html/css/font/fontello/fontello.eot 
b/html/css/font/fontello/fontello.eot
index 18d667c66..5ab589bbd 100644
Binary files a/html/css/font/fontello/fontello.eot and 
b/html/css/font/fontello/fontello.eot differ
diff --git a/html/css/font/fontello/fontello.svg 
b/html/css/font/fontello/fontello.svg
index bdca170f5..3977c8101 100644
--- a/html/css/font/fontello/fontello.svg
+++ b/html/css/font/fontello/fontello.svg
@@ -1,14 +1,14 @@
 <?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd";>
 <svg xmlns="http://www.w3.org/2000/svg";>
-<metadata>Copyright (C) 2020 by original authors @ fontello.com</metadata>
+<metadata>Copyright (C) 2022 by original authors @ fontello.com</metadata>
 <defs>
 <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="up-hand" unicode="&#xe0f8;" 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="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="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="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" />
 
@@ -124,8 +124,6 @@
 
 <glyph glyph-name="left-hand" unicode="&#xe838;" d="M768 64h18v357h-18q-20 
0-38 7t-35 21-28 25-27 31q-4 5-7 7-40 46-62 81-8 13-21 38-1 2-6 13t-10 20-12 
20-12 17-10 6q-40 0-64-17t-25-54q0-24 8-47t19-38 18-31 8-27h-321q-28 
0-50-22t-22-50q0-29 22-50t50-21h185q-9-9-14-26t-6-31q0-39 
30-67-10-18-10-38t9-41 27-30q-2-13-2-31 0-47 27-70t75-23q47 0 102 18t109 35 93 
18z m161 36q0 15-11 25t-25 11-25-11-11-25 11-25 25-11 25 11 11 25z m71 
321v-357q0-29-21-50t-50-21h-161q-33 0-125-33-106-39-176-39-80 0 [...]
 
-<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 [...]
@@ -140,6 +138,22 @@
 
 <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="resize-small-1" unicode="&#xe840;" 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="phone" unicode="&#xe841;" d="M786 
158q0-15-6-39t-12-38q-11-28-68-60-52-28-103-28-15 0-30 2t-32 7-26 8-31 11-28 
10q-54 20-97 47-71 44-148 120t-120 148q-27 43-46 97-2 5-10 28t-12 31-8 26-7 
32-2 29q0 52 29 104 31 57 59 68 14 6 38 12t39 6q8 0 12-2 10-3 30-42 6-11 
16-31t20-35 17-30q2-2 10-14t12-20 4-16q0-11-16-27t-35-31-34-30-16-25q0-5 
3-13t4-11 8-14 7-10q42-77 97-132t131-97q1 0 10-6t14-8 11-5 13-2q10 0 25 16t30 
34 31 35 28 16q7 0 15-4t20-12 14-10q14-8 30-17t36-20 30-17q39- [...]
+
+<glyph glyph-name="th" unicode="&#xe842;" d="M286 
154v-108q0-22-16-37t-38-16h-178q-23 0-38 16t-16 37v108q0 22 16 38t38 15h178q23 
0 38-15t16-38z m0 285v-107q0-22-16-38t-38-15h-178q-23 0-38 15t-16 38v107q0 23 
16 38t38 16h178q23 0 38-16t16-38z m357-285v-108q0-22-16-37t-38-16h-178q-23 0-38 
16t-16 37v108q0 22 16 38t38 15h178q23 0 38-15t16-38z m-357 
571v-107q0-22-16-38t-38-16h-178q-23 0-38 16t-16 38v107q0 22 16 38t38 16h178q23 
0 38-16t16-38z m357-286v-107q0-22-16-38t-38-15h-178q-23 0-38 15t-16 [...]
+
+<glyph glyph-name="th-large" unicode="&#xe843;" d="M1000 
850v-440h-440v440h440z m-320-320h200v200h-200v-200z m-240 
320v-440h-440v440h440z m-320-320h200v200h-200v-200z m880-240v-440h-440v440h440z 
m-320-320h200v200h-200v-200z m-240 320v-440h-440v440h440z 
m-320-320h200v200h-200v-200z" horiz-adv-x="1000" />
+
+<glyph glyph-name="ok-1" unicode="&#xe844;" d="M625 676q38-20 
49-63t-9-80l-260-469q-30-53-91-53-43 0-74 31l-209 207q-31 32-31 74t31 74 74 31 
74-31l111-110 193 347q20 38 62 50t80-8z" horiz-adv-x="679" />
+
+<glyph glyph-name="cancel-1" unicode="&#xe845;" d="M596 632q32-31 
32-74t-32-74l-135-135 135-135q32-31 32-73t-32-74q-30-30-73-30t-74 30l-135 
135-135-135q-30-30-74-30t-74 30q-31 31-31 74t31 73l135 135-135 135q-31 32-31 
74t31 74q30 31 74 31t74-31l135-135 135 135q30 31 74 31t73-31z" 
horiz-adv-x="628" />
+
+<glyph glyph-name="users" unicode="&#xe846;" d="M331 350q-90-3-148-71h-75q-45 
0-77 22t-31 66q0 197 69 197 4 0 25-11t54-24 66-12q38 0 75 13-3-21-3-37 0-78 
45-143z m598-356q0-66-41-105t-108-39h-488q-68 0-108 39t-41 105q0 30 2 58t8 61 
14 61 24 54 35 45 48 30 62 11q6 0 24-12t41-26 59-27 76-12 75 12 60 27 41 26 24 
12q34 0 62-11t47-30 35-45 24-54 15-61 8-61 2-58z m-572 
713q0-59-42-101t-101-42-101 42-42 101 42 101 101 42 101-42 42-101z 
m393-214q0-89-63-152t-151-62-152 62-63 152 63 151 152 63 15 [...]
+
+<glyph glyph-name="th-large-1" unicode="&#xe847;" d="M429 
279v-215q0-29-22-50t-50-21h-286q-29 0-50 21t-21 50v215q0 29 21 50t50 21h286q29 
0 50-21t22-50z m0 428v-214q0-29-22-50t-50-22h-286q-29 0-50 22t-21 50v214q0 29 
21 50t50 22h286q29 0 50-22t22-50z m500-428v-215q0-29-22-50t-50-21h-286q-29 0-50 
21t-21 50v215q0 29 21 50t50 21h286q29 0 50-21t22-50z m0 
428v-214q0-29-22-50t-50-22h-286q-29 0-50 22t-21 50v214q0 29 21 50t50 22h286q29 
0 50-22t22-50z" horiz-adv-x="928.6" />
+
 <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" />
 
 <glyph glyph-name="up-open" unicode="&#xf005;" d="M0 167q0 26 18 43l391 391 
390-391q17-17 17-43 0-26-17-44-18-17-44-17t-43 17l-303 
305-305-305q-18-17-43-17t-43 17q-18 18-18 44z" horiz-adv-x="816.9" />
@@ -148,6 +162,8 @@
 
 <glyph glyph-name="left-open" unicode="&#xf007;" d="M0 353l391 391q18 18 43 18 
24 0 43-18 18-18 18-44t-18-43l-304-304 304-305q18-17 
18-43t-18-43q-18-18-43-18t-43 18z" horiz-adv-x="495.1" />
 
+<glyph glyph-name="th-thumb-empty" unicode="&#xf00b;" d="M0-66v286q0 22 15 
37t37 16h286q21 0 37-16t15-37v-286q0-21-15-36t-37-15h-286q-22 0-37 15t-15 36z 
m0 546v286q0 21 15 36t37 15h286q21 0 
37-15t15-36v-286q0-22-15-37t-37-16h-286q-21 0-37 16t-15 37z 
m88-510h214v214h-214v-214z m0 546h214v213h-214v-213z m459-582v286q0 22 15 37t37 
16h286q21 0 37-16t15-37v-286q0-21-15-36t-37-15h-286q-21 0-37 15t-15 36z m0 
546v286q0 21 15 36t37 15h286q22 0 37-15t15-36v-286q0-22-15-37t-37-16h-286q-21 
0-37 16t- [...]
+
 <glyph glyph-name="move" unicode="&#xf047;" d="M1000 
350q0-14-11-25l-142-143q-11-11-26-11t-25 11-10 25v72h-215v-215h72q14 0 
25-10t11-25-11-25l-143-143q-10-11-25-11t-25 11l-143 143q-11 10-11 25t11 25 25 
10h72v215h-215v-72q0-14-10-25t-25-11-25 11l-143 143q-11 11-11 25t11 25l143 
143q10 11 25 11t25-11 10-25v-72h215v215h-72q-14 0-25 10t-11 25 11 26l143 142q11 
11 25 11t25-11l143-142q11-11 11-26t-11-25-25-10h-72v-215h215v72q0 14 10 25t25 
11 26-11l142-143q11-10 11-25z" horiz-adv-x="1000" />
 
 <glyph glyph-name="info-circled-alt" unicode="&#xf086;" d="M0 350q0 95 37 
182t100 149 149 100 183 37q95 0 182-37t149-100 100-149 
37-182q0-95-37-182t-100-150-149-100-182-37q-96 0-183 37t-149 100-100 150-37 
182z m117 0q0-71 28-137t75-112 112-75 137-28 136 28 112 75 75 112 28 137-28 
136-75 112-112 75-136 28-137-28-112-75-75-112-28-136z m281 170q0 28 20 45t51 
17q32 0 51-17t19-45-19-46-51-17q-32 0-51 17t-20 46z m5-402v299h132v-299h-132z" 
horiz-adv-x="937.5" />
@@ -156,6 +172,8 @@
 
 <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="docs" unicode="&#xf0c5;" d="M946 636q23 0 
38-16t16-38v-678q0-23-16-38t-38-16h-535q-23 0-38 16t-16 38v160h-303q-23 0-38 
16t-16 38v375q0 22 11 49t27 42l228 228q15 16 42 27t49 11h232q23 0 
38-16t16-38v-183q38 23 71 23h232z m-303-119l-167-167h167v167z m-357 
214l-167-167h167v167z m109-361l176 
176v233h-214v-233q0-22-15-37t-38-16h-233v-357h286v143q0 22 11 49t27 42z 
m534-449v643h-215v-232q0-22-15-38t-38-15h-232v-358h500z" horiz-adv-x="1000" />
+
 <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 [...]
@@ -174,6 +192,10 @@
 
 <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="minus-squared" unicode="&#xf146;" d="M714 314v72q0 14-10 
25t-25 10h-500q-15 0-25-10t-11-25v-72q0-14 11-25t25-10h500q14 0 25 10t10 25z 
m143 304v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113v536q0 66 47 113t114 
48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="minus-squared-alt" unicode="&#xf147;" d="M643 
404v-36q0-8-5-13t-13-5h-464q-8 0-13 5t-5 13v36q0 7 5 12t13 5h464q8 0 13-5t5-12z 
m71-250v464q0 37-26 63t-63 26h-464q-37 0-63-26t-27-63v-464q0-37 
27-63t63-27h464q37 0 63 27t26 63z m72 464v-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="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 [...]
 
 <glyph glyph-name="sort-alt-down" unicode="&#xf161;" 
d="M679-25v-107q0-8-5-13t-13-5h-143q-8 0-13 5t-5 13v107q0 8 5 13t13 5h143q8 0 
13-5t5-13z m-268 71q0-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 m375 
215v-107q0-8-5-13t-13-5h-250q-8 0-13 5t-5 13v107q0 8 5 13t13 5h250q8 0 
13-5t5-13z m107 285v-107q0-7-5-12t-13-6h-357q-8 0-13 6t-5 12v107q0 8 5 13t13 
5h357q8 0 13-5t5-13z m107 286v-107q0-8-5-13t-13-5h-464q-8 [...]
@@ -211,4 +233,4 @@
 <glyph glyph-name="search-1" unicode="&#xf50d;" d="M11 375q-23 87 0 173t87 
150q48 49 110 74t128 25q65 0 127-25t110-74q52-52 77-119t21-137-36-132q28-8 
49-29l174-173q35-35 35-85t-35-85q-35-35-85-35t-85 35l-173 174q-22 20-30 
49-70-35-149-35-66 0-128 25t-110 73q-64 64-87 151z m101 86q0-93 65-158 66-65 
159-65 92 0 157 65t66 158-66 158q-66 66-157 66-92 0-159-66-65-65-65-158z" 
horiz-adv-x="892.6" />
 </font>
 </defs>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/html/css/font/fontello/fontello.ttf 
b/html/css/font/fontello/fontello.ttf
index cbb3370ff..a78bae403 100644
Binary files a/html/css/font/fontello/fontello.ttf and 
b/html/css/font/fontello/fontello.ttf differ
diff --git a/html/css/font/fontello/fontello.woff 
b/html/css/font/fontello/fontello.woff
index 100f0a30e..07cda2a95 100644
Binary files a/html/css/font/fontello/fontello.woff and 
b/html/css/font/fontello/fontello.woff differ
diff --git a/html/css/font/fontello/fontello.woff2 
b/html/css/font/fontello/fontello.woff2
index 5bba9db43..bc94b98e5 100644
Binary files a/html/css/font/fontello/fontello.woff2 and 
b/html/css/font/fontello/fontello.woff2 differ
diff --git a/html/js/noalyss_script.js b/html/js/noalyss_script.js
index 358db98c6..1cdc38f02 100644
--- a/html/js/noalyss_script.js
+++ b/html/js/noalyss_script.js
@@ -2236,6 +2236,8 @@ function filter_table(phrase, _id, colnr, start_row) {
             $('info_' + _id).innerHTML = "  ";
         }
     }
+    $('info_div').style.display = "none";
+    $('info_div').innerHTML = "";
 }
 /**
  * @brief filter quickly a list
@@ -2270,8 +2272,7 @@ function filter_list(phrase, _id) {
         } else {
             l_list.childNodes[r].style.display = 'none';
         }
-        $('info_div').style.display = "none";
-        $('info_div').innerHTML = "";
+
     }
     if (tot_found == 0) {
         if ($('info_' + _id)) {
@@ -2282,6 +2283,8 @@ function filter_list(phrase, _id) {
             $('info_' + _id).innerHTML = "  ";
         }
     }
+    $('info_div').style.display = "none";
+    $('info_div').innerHTML = "";
 }
 
 /**
diff --git a/include/ajax/ajax_card.php b/include/ajax/ajax_card.php
index ea9b266aa..e376efa8a 100644
--- a/include/ajax/ajax_card.php
+++ b/include/ajax/ajax_card.php
@@ -266,14 +266,17 @@ case 'st':
         {
             $where=sprintf(' where frd_id in ('.sql_string ($cat).')');
         }
-        else
+        elseif ( isset($fil) && strlen(trim($fil)) > 0 && $fil != -1 )
+        {
             /* we filter thanks a given list of category of card
              */
-            if ( isset($fil) && strlen(trim($fil)) > 0 )
-            {
-                $where=sprintf(" where fd_id in (%s)",
+            $where=sprintf(" where fd_id in (%s)",
                                   sql_string($fil));
-            }
+        } else
+        {
+            // create any type of cards
+            $where ="";
+        }
     }
     if ( strpos($where," in ()") != 0)
     {
diff --git a/include/lib/icon_action.class.php 
b/include/lib/icon_action.class.php
index 7344b2ca3..3d7f7afe9 100644
--- a/include/lib/icon_action.class.php
+++ b/include/lib/icon_action.class.php
@@ -432,4 +432,19 @@ class Icon_Action
                 $p_div,$js,$icon);
         return $r;
     }
+    static function duplicate($p_js) {
+        $r=sprintf('<span id="%s" onclick="%s" class="icon 
smallicon">%s</span>',
+            uniqid(),$p_js,"&#xf0c5;");
+        return $r;
+    }
+    static function card($p_js) {
+        $r=sprintf('<span id="%s" onclick="%s" class="icon 
smallbutton">%s</span>',
+            uniqid(),$p_js,"&#xe843;");
+        return $r;
+    }
+    static function option($p_js) {
+        $r=sprintf('<span id="%s" onclick="%s" class="icon 
smallicon">%s</span>',
+            uniqid(),$p_js,"&#xf142;");
+        return $r;
+    }
 }
diff --git a/include/template/module.php b/include/template/module.php
index 264bb074d..9541931f2 100644
--- a/include/template/module.php
+++ b/include/template/module.php
@@ -22,8 +22,9 @@ endif;
 if ( $cn->get_value("select count(*) from profile join profile_user using 
(p_id)
                where user_name=$1 and 
with_search_card=1",array($_SESSION[SESSION_KEY.'g_user'])) ==1):
     $search_card=new IText('card_search');
+    $search_card->css_size='97%';
     $search_card_js=sprintf('onclick="boxsearch_card(\'%d\')"',dossier::id());
-    echo Icon_Action::button_magnifier(uniqid(), 
"$('box_search_card').show()");
+    echo Icon_Action::card( "$('box_search_card').show()");
     echo '<div id="box_search_card" style="display:none" class="inner_box">';
     echo HtmlInput::title_box(_("recherche"), "box_search_card","hide");
     echo _('Recherche de fiche');
@@ -34,11 +35,16 @@ if ( $cn->get_value("select count(*) from profile join 
profile_user using (p_id)
     echo '<p class="ml-1">';
     echo $search_card->input();
     echo '</p>';
+    $create_card_js='onclick="select_card_type({});"';
     echo '<ul class="aligned-block">';
     
     echo    '<li>'.
             
HtmlInput::button_anchor(_("Chercher"),"javascript:void(0)","",$search_card_js,'button').
             '</li>';
+
+    echo    '<li>'.
+        HtmlInput::button_anchor(_("Créer 
fiche"),"javascript:void(0)","",$create_card_js,'button').
+        '</li>';
             
     echo    '<li>'. 
             HtmlInput::button_hide("box_search_card").
diff --git a/scenario/icon_actionTest.php b/scenario/icon_actionTest.php
index f5020ec7c..5823bc2ab 100644
--- a/scenario/icon_actionTest.php
+++ b/scenario/icon_actionTest.php
@@ -98,4 +98,13 @@ include_once NOALYSS_INCLUDE."/lib/icon_action.class.php";
 <div id="enlarge_it" class="inner_box">
     enlarge <?php echo Icon_Action::full_size("enlarge_it")?>
 </div>
+</p>
+<p>
+    Duplicate <?php echo Icon_Action::duplicate( "alert('test')")?>
+</p>
+<p>
+    Card <?php echo Icon_Action::card( "alert('test')")?>
+</p>
+<p>
+    Option <?php echo Icon_Action::option( "alert('test')")?>
 </p>
\ No newline at end of file



reply via email to

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