change icon font to google icons

This commit is contained in:
Dennis Eichhorn 2023-10-19 21:44:09 +00:00
parent 4edaf1b431
commit 7dd2a3ab38
18 changed files with 338 additions and 352 deletions

View File

@ -96,20 +96,11 @@ input[type="datetime-local"] {
flex-direction: row;
.textWrapper+input[type=submit], .textWrapper+input[type=button], .textWrapper+button {
// background: var(--button-colored-background);
// color: var(--text-on-background-color-2);
margin: 0;
padding: 0;
flex: 0;
height: auto;
// border: none;
box-shadow: none;
/*
&:hover, &:focus {
background: var(--button-colored-background-hover);
}
*/
}
.textWrapper {
@ -125,17 +116,17 @@ input[type="datetime-local"] {
font-size: 1.1rem;
position: absolute;
top: 0;
padding: .6rem .6rem .6rem .4rem;
padding: .25rem .6rem .6rem .4rem;
}
.frontIcon {
left: 0;
font-size: .8rem;
font-size: 1.5rem;
}
.endIcon {
right: 0;
font-size: .8rem;
font-size: 1.5rem;
}
input[type=text]:active, input[type=text]:focus,
@ -163,6 +154,10 @@ input[type="datetime-local"] {
}
.clickPopup {
& > input {
display: none;
}
label + input {
display: none;
}
@ -508,7 +503,8 @@ select.plain {
display: none;
&:checked+label {
display: block;
display: flex;
align-items: center;
}
}
}
@ -532,7 +528,8 @@ select.plain {
position: absolute;
label {
display: block;
display: flex;
align-items: center;
&:hover {
background: #f00;

View File

@ -61,7 +61,6 @@ body > nav {
input + ul {
.expand {
font-size: .6rem;
transition: all .3s ease;
margin-left: 1rem;
transform: rotateZ(0deg);

File diff suppressed because it is too large Load Diff

View File

@ -20,7 +20,7 @@ table {
}
.sort-asc, .sort-desc, .filter {
padding: 0 2px 0 2px;
padding: 0;
cursor: pointer;
}
@ -181,6 +181,16 @@ thead {
i.fa {
color: #888;
}
label, span {
display: inline-flex;
align-items: center;
& > a {
display: inline-flex;
align-items: center;
}
}
}
@for $i from 1 through 10 {

View File

@ -1,9 +1,9 @@
<div class="log-msg log-msg-status-ok"><i class="fa fa-check"></i>This is ok</div>
<div class="log-msg log-msg-status-info"><i class="fa fa-bell"></i>This is a info</div>
<div class="log-msg log-msg-status-warning"><i class="fa fa-exclamation-triangle"></i>This is a warning</div>
<div class="log-msg log-msg-status-error"><i class="fa fa-times"></i>This is an error</div>
<div class="log-msg log-msg-status-ok"><i class="g-icon">check</i>This is ok</div>
<div class="log-msg log-msg-status-info"><i class="g-icon">notifications</i>This is a info</div>
<div class="log-msg log-msg-status-warning"><i class="g-icon">warning</i>This is a warning</div>
<div class="log-msg log-msg-status-error"><i class="g-icon">close</i>This is an error</div>
<div class="log-msg log-msg-status-ok">
<h1 class="log-msg-title">This is a Title</h1><i class="close fa fa-times"></i>
<h1 class="log-msg-title">This is a Title</h1><i class="close g-icon">close</i>
<div class="log-msg-content">This is a message</div>
</div>

View File

@ -5,27 +5,27 @@
<div>
Normal:
<button>Test Button</button>
<button><i class="fa fa-lightbulb-o"></i> Test Button</button>
<button><i class="g-icon">lightbulb</i> Test Button</button>
</div>
<div>
Cancel:
<button class="cancel">Test Button</button>
<button class="cancel"><i class="fa fa-lightbulb-o"></i> Test Button</button>
<button class="cancel"><i class="g-icon">lightbulb</i> Test Button</button>
</div>
<div>
Save:
<button class="save">Test Button</button>
<button class="save"><i class="fa fa-lightbulb-o"></i> Test Button</button>
<button class="save"><i class="g-icon">lightbulb</i> Test Button</button>
</div>
<div>
Close:
<button class="close">Test Button</button>
<button class="close"><i class="fa fa-lightbulb-o"></i> Test Button</button>
<button class="close"><i class="g-icon">lightbulb</i> Test Button</button>
</div>
<div>
Disabled:
<button class="disabled">Test Button</button>
<button class="disabled"><i class="fa fa-lightbulb-o"></i> Test Button</button>
<button class="disabled"><i class="g-icon">lightbulb</i> Test Button</button>
</div>
</div>
</section>
@ -37,27 +37,27 @@
<div>
Normal:
<a href="#" class="button">Test Button</a>
<a href="#" class="button"><i class="fa fa-lightbulb-o"></i> Test Button</a>
<a href="#" class="button"><i class="g-icon">lightbulb</i> Test Button</a>
</div>
<div>
Cancel:
<a href="#" class="button cancel">Test Button</a>
<a href="#" class="button cancel"><i class="fa fa-lightbulb-o"></i> Test Button</a>
<a href="#" class="button cancel"><i class="g-icon">lightbulb</i> Test Button</a>
</div>
<div>
Save:
<a href="#" class="button save">Test Button</a>
<a href="#" class="button save"><i class="fa fa-lightbulb-o"></i> Test Button</a>
<a href="#" class="button save"><i class="g-icon">lightbulb</i> Test Button</a>
</div>
<div>
Close:
<a href="#" class="button close">Test Button</a>
<a href="#" class="button close"><i class="fa fa-lightbulb-o"></i> Test Button</a>
<a href="#" class="button close"><i class="g-icon">lightbulb</i> Test Button</a>
</div>
<div>
Disabled:
<a href="#" class="button disabled">Test Button</a>
<a href="#" class="button disabled"><i class="fa fa-lightbulb-o"></i> Test Button</a>
<a href="#" class="button disabled"><i class="g-icon">lightbulb</i> Test Button</a>
</div>
</div>
</section>

View File

@ -45,7 +45,7 @@
<div>
<div class="ipt-wrap">
<div class="ipt-first">
<span class="input"><button type="button"><i class="fa fa-pencil"></i></button>
<span class="input"><button type="button"><i class="g-icon">edit</i></button>
<input type="text"></span>
</div>
</div>

View File

@ -19,7 +19,7 @@
<label for="iDropdown1">Please select</label>
<input id="e2" name="dropdown" type="radio">
<label for="iDropdown1"><i class="fa fa-home"></i> Content</label>
<label for="iDropdown1"><i class="g-icon">home</i> Content</label>
<input id="e3" name="dropdown" type="radio">
<label for="iDropdown1">Content2</label>
@ -31,7 +31,7 @@
<div class="dropdown-container">
<div class="dropdown-search"></div>
<div class="dropdown-content">
<label for="e2"><i class="fa fa-home"></i> Content</label>
<label for="e2"><i class="g-icon">home</i> Content</label>
<label for="e3">Content2</label>
<label for="e4">Content3</label>
<label for="iDropdown1">Close</label>
@ -242,7 +242,7 @@
{"key": 5, "type": "dom.table.append", "id": "grp-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1}
]
}
]' formaction=""><i class="fa fa-book"></i></button>
]' formaction=""><i class="g-icon">book</i></button>
<div class="advancedInput wf-100" id="input5">
<input autocomplete="off" spellcheck="false" class="input" type="text" id="input5"
data-emptyAfter="true"
@ -253,10 +253,10 @@
<table class="default">
<thead>
<tr>
<td>Type<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>ID<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Name<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Email<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Type<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>ID<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>Name<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>Email<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<tbody>
<template id="input5-rowElement" class="rowTemplate">
<tr tabindex="-1">
@ -277,7 +277,7 @@
<div class="box" id="input5-tags" data-limit="0" data-active="true">
<template id="input5-tagTemplate">
<span class="tag red" data-tpl-value="/id" data-value="" data-uuid="" data-name="input5-tagname">
<i class="fa fa-times"></i>
<i class="g-icon">close</i>
<span style="display: none;" data-name="type_prefix" data-tpl-value="/type_prefix" data-value=""></span>
<span data-tpl-text="/id" data-name="id" data-tpl-value="/id" data-value=""></span>
<span data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></span>
@ -303,7 +303,7 @@
{"key": 5, "type": "dom.table.append", "id": "grp-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1}
]
}
]' formaction=""><i class="fa fa-book"></i></button>
]' formaction=""><i class="g-icon">book</i></button>
<div class="advancedInput wf-100" id="input6">
<input autocomplete="off" spellcheck="false" class="input" type="text" id="input6"
data-emptyAfter="true"
@ -314,10 +314,10 @@
<table class="default">
<thead>
<tr>
<td>Type<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>ID<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Name<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Email<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Type<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>ID<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>Name<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>Email<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<tbody>
<template id="input6-rowElement" class="rowTemplate">
<tr tabindex="-1">
@ -338,7 +338,7 @@
<div class="box" id="input6-tags" data-limit="0" data-active="true">
<template id="input6-tagTemplate">
<span class="tag red" data-tpl-value="/id" data-value="" data-uuid="" data-name="input6-tagname">
<i class="fa fa-times"></i>
<i class="g-icon">close</i>
<span style="display: none;" data-name="type_prefix" data-tpl-value="/type_prefix" data-value=""></span>
<span data-tpl-text="/id" data-name="id" data-tpl-value="/id" data-value=""></span>
<span data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></span>
@ -364,7 +364,7 @@
{"key": 5, "type": "dom.table.append", "id": "grp-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1}
]
}
]' formaction=""><i class="fa fa-book"></i></button>
]' formaction=""><i class="g-icon">book</i></button>
<div class="advancedInput wf-100" id="input7">
<input autocomplete="off" spellcheck="false" class="input" type="text" id="input7"
data-emptyAfter="true"
@ -375,10 +375,10 @@
<table class="default">
<thead>
<tr>
<td>Type<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>ID<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Name<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Email<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Type<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>ID<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>Name<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>Email<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<tbody>
<template id="input7-rowElement" class="rowTemplate">
<tr tabindex="-1">
@ -399,7 +399,7 @@
<div class="box" id="input7-tags" data-limit="0" data-active="true">
<template id="input7-tagTemplate">
<span class="tag red" data-tpl-value="/id" data-value="" data-uuid="" data-name="input7-tagname">
<i class="fa fa-times"></i>
<i class="g-icon">close</i>
<span style="display: none;" data-name="type_prefix" data-tpl-value="/type_prefix" data-value=""></span>
<span data-tpl-text="/id" data-name="id" data-tpl-value="/id" data-value=""></span>
<span data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></span>
@ -446,7 +446,7 @@
{"key": 5, "type": "dom.table.append", "id": "grp-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1}
]
}
]' formaction=""><i class="fa fa-book"></i></button>
]' formaction=""><i class="g-icon">book</i></button>
<div class="advancedInput wf-100" id="input11">
<input autocomplete="off" spellcheck="false" class="input" type="text" id="input11"
data-emptyAfter="true"
@ -457,10 +457,10 @@
<table class="default">
<thead>
<tr>
<td>Type<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>ID<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Name<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Email<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Type<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>ID<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>Name<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>Email<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<tbody>
<template id="input11-rowElement" class="rowTemplate">
<tr tabindex="-1">
@ -492,7 +492,7 @@
<tbody id="input11-tags" data-limit="0" data-active="true">
<template id="input11-tagTemplate">
<tr data-tpl-value="/id" data-value="" data-uuid="" data-name="input11-tagname">
<td><i class="fa fa-times"></i>
<td><i class="g-icon">close</i>
<td><span data-tpl-text="/type_name" data-name="type_prefix" data-tpl-value="/type_prefix" data-value=""></span>
<td><span data-tpl-text="/id" data-name="id" data-tpl-value="/id" data-value=""></span>
<td><span data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></span>
@ -517,7 +517,7 @@
{"key": 5, "type": "dom.table.append", "id": "grp-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1}
]
}
]' formaction=""><i class="fa fa-book"></i></button>
]' formaction=""><i class="g-icon">book</i></button>
<div class="advancedInput wf-100" id="input12">
<input autocomplete="off" spellcheck="false" class="input" type="text" id="input12"
data-emptyAfter="true"
@ -528,10 +528,10 @@
<table class="default">
<thead>
<tr>
<td>Type<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>ID<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Name<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Email<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Type<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>ID<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>Name<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>Email<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<tbody>
<template id="input12-rowElement" class="rowTemplate">
<tr tabindex="-1">
@ -563,7 +563,7 @@
<tbody id="input12-tags" data-limit="0" data-active="true">
<template id="input12-tagTemplate">
<tr data-tpl-value="/id" data-value="" data-uuid="" data-name="input12-tagname">
<td><i class="fa fa-times"></i>
<td><i class="g-icon">close</i>
<td><span data-tpl-text="/type_name" data-name="type_prefix" data-tpl-value="/type_prefix" data-value=""></span>
<td><span data-tpl-text="/id" data-name="id" data-tpl-value="/id" data-value=""></span>
<td><span data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></span>
@ -588,7 +588,7 @@
{"key": 5, "type": "dom.table.append", "id": "grp-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1}
]
}
]' formaction=""><i class="fa fa-book"></i></button>
]' formaction=""><i class="g-icon">book</i></button>
<div class="advancedInput wf-100" id="input13">
<input autocomplete="off" spellcheck="false" class="input" type="text" id="input13"
data-emptyAfter="true"
@ -599,10 +599,10 @@
<table class="default">
<thead>
<tr>
<td>Type<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>ID<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Name<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Email<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
<td>Type<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>ID<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>Name<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<td>Email<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
<tbody>
<template id="input13-rowElement" class="rowTemplate">
<tr tabindex="-1">
@ -634,7 +634,7 @@
<tbody id="input13-tags" data-limit="0" data-active="true">
<template id="input13-tagTemplate">
<tr data-tpl-value="/id" data-value="" data-uuid="" data-name="input13-tagname">
<td><i class="fa fa-times"></i>
<td><i class="g-icon">close</i>
<td><span data-tpl-text="/type_name" data-name="type_prefix" data-tpl-value="/type_prefix" data-value=""></span>
<td><span data-tpl-text="/id" data-name="id" data-tpl-value="/id" data-value=""></span>
<td><span data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></span>

View File

@ -73,10 +73,10 @@
<template class="oms-add-tpl-1">
<tr data-id="" draggable="true">
<td>
<i class="fa fa-cogs btn update-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn remove-form"></i>
<i class="g-icon btn update-form">settings</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn remove-form">close</i>
<td><label class="checkbox" for="itable1--">
<input type="checkbox" id="itable1--" name="itable1-select">
<span class="checkmark"></span>
@ -95,10 +95,10 @@
</template>
<tr data-id="1" draggable="true">
<td>
<i class="fa fa-cogs btn update-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn remove-form"></i>
<i class="g-icon btn update-form">settings</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn remove-form">close</i>
<td><?php include __DIR__ . '/helper/checkbox.tpl.php'; ?>
<td data-tpl-text="/input" data-tpl-value="/input" data-value="">Input1</td>
<td data-tpl-text="/select" data-tpl-value="/select" data-value="o1">Option1</td>
@ -113,10 +113,10 @@
</tr>
<tr data-id="2" draggable="true">
<td>
<i class="fa fa-cogs btn update-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn remove-form"></i>
<i class="g-icon btn update-form">settings</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn remove-form">close</i>
<td><?php include __DIR__ . '/helper/checkbox.tpl.php'; ?>
<td data-tpl-text="/input" data-tpl-value="/input" data-value="Hidden Input">Input2</td>
<td data-tpl-text="/select" data-tpl-value="/select" data-value="o2">Option2</td>
@ -131,10 +131,10 @@
</tr>
<tr data-id="3" draggable="true">
<td>
<i class="fa fa-cogs btn update-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn remove-form"></i>
<i class="g-icon btn update-form">settings</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn remove-form">close</i>
<td><?php include __DIR__ . '/helper/checkbox.tpl.php'; ?>
<td data-tpl-text="/input" data-tpl-value="/input" data-value="">Input3</td>
<td data-tpl-text="/select" data-tpl-value="/select" data-value="o3">Option3</td>
@ -149,10 +149,10 @@
</tr>
<tr data-id="4" draggable="true">
<td>
<i class="fa fa-cogs btn update-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn remove-form"></i>
<i class="g-icon btn update-form">settings</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn remove-form">close</i>
<td><?php include __DIR__ . '/helper/checkbox.tpl.php'; ?>
<td data-tpl-text="/input" data-tpl-value="/input" data-value="">Input4</td>
<td data-tpl-text="/select" data-tpl-value="/select" data-value="o2">Option2</td>
@ -167,10 +167,10 @@
</tr>
<tr data-id="5" draggable="true">
<td>
<i class="fa fa-cogs btn update-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn remove-form"></i>
<i class="g-icon btn update-form">settings</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn remove-form">close</i>
<td><?php include __DIR__ . '/helper/checkbox.tpl.php'; ?>
<td data-tpl-text="/input" data-tpl-value="/input" data-value="">Input5</td>
<td data-tpl-text="/select" data-tpl-value="/select" data-value="o2">Option2</td>
@ -185,10 +185,10 @@
</tr>
<tr data-id="6" draggable="true">
<td>
<i class="fa fa-cogs btn update-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn remove-form"></i>
<i class="g-icon btn update-form">settings</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn remove-form">close</i>
<td><?php include __DIR__ . '/helper/checkbox.tpl.php'; ?>
<td data-tpl-text="/input" data-tpl-value="/input" data-value="">Input6</td>
<td data-tpl-text="/select" data-tpl-value="/select" data-value="o2">Option2</td>
@ -203,10 +203,10 @@
</tr>
<tr data-id="7" draggable="true">
<td>
<i class="fa fa-cogs btn update-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn remove-form"></i>
<i class="g-icon btn update-form">settings</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn remove-form">close</i>
<td><?php include __DIR__ . '/helper/checkbox.tpl.php'; ?>
<td data-tpl-text="/input" data-tpl-value="/input" data-value="">Input7</td>
<td data-tpl-text="/select" data-tpl-value="/select" data-value="o2">Option2</td>
@ -221,10 +221,10 @@
</tr>
<tr data-id="8" draggable="true">
<td>
<i class="fa fa-cogs btn update-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn remove-form"></i>
<i class="g-icon btn update-form">settings</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn remove-form">close</i>
<td><?php include __DIR__ . '/helper/checkbox.tpl.php'; ?>
<td data-tpl-text="/input" data-tpl-value="/input" data-value="">Input8</td>
<td data-tpl-text="/select" data-tpl-value="/select" data-value="o2">Option2</td>
@ -384,10 +384,10 @@
<template class="oms-update-tpl">
<tr data-id="" draggable="true">
<td>
<i class="fa fa-check btn save-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn cancel-form"></i>
<i class="g-icon btn save-form">check</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn cancel-form">close</i>
<td><label class="checkbox" for="itable1--">
<input type="checkbox" id="itable1--" name="itable1-select">
<span class="checkmark"></span>
@ -451,10 +451,10 @@
<template class="oms-add-tpl-2">
<tr data-id="" draggable="true">
<td>
<i class="fa fa-cogs btn update-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn remove-form"></i>
<i class="g-icon btn update-form">settings</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn remove-form">close</i>
<td><label class="checkbox" for="itable1--">
<input type="checkbox" id="itable1--" name="itable1-select">
<span class="checkmark"></span>
@ -473,10 +473,10 @@
</template>
<tr data-id="1" draggable="true">
<td>
<i class="fa fa-cogs btn update-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn remove-form"></i>
<i class="g-icon btn update-form">settings</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn remove-form">close</i>
<td><?php include __DIR__ . '/helper/checkbox.tpl.php'; ?>
<td data-tpl-text="/input" data-tpl-value="/input" data-value="">Input1</td>
<td data-tpl-text="/select" data-tpl-value="/select" data-value="o1">Option1</td>
@ -491,10 +491,10 @@
</tr>
<tr data-id="2" draggable="true">
<td>
<i class="fa fa-cogs btn update-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn remove-form"></i>
<i class="g-icon btn update-form">settings</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn remove-form">close</i>
<td><?php include __DIR__ . '/helper/checkbox.tpl.php'; ?>
<td data-tpl-text="/input" data-tpl-value="/input" data-value="Hidden Input">Input2</td>
<td data-tpl-text="/select" data-tpl-value="/select" data-value="o2">Option2</td>
@ -509,10 +509,10 @@
</tr>
<tr data-id="3" draggable="true">
<td>
<i class="fa fa-cogs btn update-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn remove-form"></i>
<i class="g-icon btn update-form">settings</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn remove-form">close</i>
<td><?php include __DIR__ . '/helper/checkbox.tpl.php'; ?>
<td data-tpl-text="/input" data-tpl-value="/input" data-value="">Input3</td>
<td data-tpl-text="/select" data-tpl-value="/select" data-value="o3">Option3</td>
@ -527,10 +527,10 @@
</tr>
<tr data-id="4" draggable="true">
<td>
<i class="fa fa-cogs btn update-form"></i>
<i class="fa fa-chevron-up order-up"></i>
<i class="fa fa-chevron-down order-down"></i>
<i class="fa fa-times btn remove-form"></i>
<i class="g-icon btn update-form">settings</i>
<i class="g-icon order-up">expand_less</i>
<i class="g-icon order-down">expand_more</i>
<i class="g-icon btn remove-form">close</i>
<td><?php include __DIR__ . '/helper/checkbox.tpl.php'; ?>
<td data-tpl-text="/input" data-tpl-value="/input" data-value="">Input4</td>
<td data-tpl-text="/select" data-tpl-value="/select" data-value="o2">Option2</td>

View File

@ -14,7 +14,7 @@
<div id="app-message-container">
<template id="app-message-tpl">
<div class="log-msg">
<h1 class="log-msg-title"></h1><i class="close fa fa-times"></i>
<h1 class="log-msg-title"></h1><i class="close g-icon">close</i>
<div class="log-msg-content"></div>
</div>
</template>

View File

@ -1,6 +1,6 @@
<span class="clickPopup end-xs">
<input id="functionDropdown" name="functionDropdown" type="checkbox">
<label for="functionDropdown"><i class="fa more-functions fa-ellipsis-v btn"></i></label>
<label for="functionDropdown"><i class="more-functions g-icon btn">more_horiz</i></label>
<div class="popup">
<ul>
<li>
@ -10,7 +10,7 @@
<label for="id1">
<a href="" class="button">Print</a>
<span></span>
<i class="fa fa-chevron-right expand"></i>
<i class="g-icon expand">chevron_right</i>
</label>
<li>Template1
<li>Template2 is a long name
@ -25,7 +25,7 @@
<label for="id2">
<a href="" class="button">Excel</a>
<span></span>
<i class="fa fa-chevron-right expand"></i>
<i class="g-icon expand">chevron_right</i>
</label>
<li>Template2
<li>Template3

View File

@ -1,6 +1,6 @@
<span class="clickPopup end-xs">
<input id="exportDropdown" name="exportDropdown" type="checkbox">
<label for="exportDropdown"><i class="fa fa-download download btn"></i></label>
<label for="exportDropdown"><i class="g-icon download btn">download</i></label>
<div class="popup">
<ul>
<li>
@ -10,7 +10,7 @@
<label for="id1">
<a href="" class="button">Print</a>
<span></span>
<i class="fa fa-chevron-right expand"></i>
<i class="g-icon expand">chevron_right</i>
</label>
<li>Template1
<li>Template2 is a long name
@ -25,7 +25,7 @@
<label for="id2">
<a href="" class="button">Excel</a>
<span></span>
<i class="fa fa-chevron-right expand"></i>
<i class="g-icon expand">chevron_right</i>
</label>
<li>Template2
<li>Template3

View File

@ -1,7 +1,7 @@
<?php $tableFilterCounter = !isset($tableFilterCounter) ? 0 : $tableFilterCounter; ?>
<span class="clickPopup">
<input id="<?= $tableId; ?>-filterDropdown-<?= ++$tableFilterCounter; ?>" name="<?= $tableId; ?>-filterDropdown-<?= $tableFilterCounter; ?>" type="checkbox">
<label for="<?= $tableId; ?>-filterDropdown-<?= $tableFilterCounter; ?>"><i class="filter fa fa-filter btn"></i></label>
<label for="<?= $tableId; ?>-filterDropdown-<?= $tableFilterCounter; ?>"><i class="filter g-icon btn">filter_alt</i></label>
<div class="popup">
<ul>
<li>Filter

View File

@ -1,9 +1,9 @@
<?php $tableSortCounter = !isset($tableSortCounter) ? 0 : $tableSortCounter; ?>
<label for="<?= $tableId; ?>-sort-<?= ++$tableSortCounter; ?>">
<input type="radio" name="<?= $tableId; ?>-sort" id="<?= $tableId; ?>-sort-<?= $tableSortCounter; ?>">
<i class="sort-asc fa fa-chevron-up"></i>
<i class="sort-asc g-icon">expand_less</i>
</label>
<label for="<?= $tableId; ?>-sort-<?= ++$tableSortCounter; ?>">
<input type="radio" name="<?= $tableId; ?>-sort" id="<?= $tableId; ?>-sort-<?= $tableSortCounter; ?>">
<i class="sort-desc fa fa-chevron-down"></i>
<i class="sort-desc g-icon">expand_more</i>
</label>

View File

@ -31,23 +31,23 @@
</select>
<div id="nav-side-settings">
<input id="audio-output" type="checkbox">
<label for="audio-output"><i class="fa fa-volume-up"></i><i class="fa fa-volume-down"></i></label>
<label for="audio-output"><i class="g-icon">volume_up</i><i class="g-icon">volume_down</i></label>
<input id="speech-recognition" type="checkbox">
<label for="speech-recognition"><i class="fa fa-microphone"></i>
<label for="speech-recognition"><i class="g-icon">mic</i>
</div>
</span>
<label class="ham-trigger" for="nav-trigger"><i class="fa fa-bars p"></i></label>
<label class="ham-trigger" for="nav-trigger"><i class="g-icon p">menu</i></label>
</span>
<div id="nav-side-outer">
<ul id="nav-side-inner" class="nav" role="list">
<li><input id="nav-help" type="checkbox" checked>
<ul>
<li><label for="nav-Help">
<i class="fa fa-question-circle"></i>
<i class="g-icon">help</i>
<span>Forms</span>
<i class="fa fa-chevron-down min"></i>
<i class="fa fa-chevron-up max"></i>
<i class="g-icon min">expand_more</i>
<i class="g-icon max">expand_less</i>
</label>
</li>
<li><a href="?page=forms">Form</a></li>
@ -59,10 +59,10 @@
<li><input id="nav-help" type="checkbox" checked>
<ul>
<li><label for="nav-Help">
<i class="fa fa-question-circle"></i>
<i class="g-icon">help</i>
<span>UI Elements</span>
<i class="fa fa-chevron-down min"></i>
<i class="fa fa-chevron-up max"></i>
<i class="g-icon min">expand_more</i>
<i class="g-icon max">expand_less</i>
</label>
</li>
<li><a href="?page=alerts">Alerts</a></li>
@ -80,10 +80,10 @@
<li><input id="nav-help" type="checkbox" checked>
<ul>
<li><label for="nav-Help">
<i class="fa fa-question-circle"></i>
<i class="g-icon">help</i>
<span>Images</span>
<i class="fa fa-chevron-down min"></i>
<i class="fa fa-chevron-up max"></i>
<i class="g-icon min">expand_more</i>
<i class="g-icon max">expand_less</i>
</label>
</li>
<li><a href="?page=images">Images</a></li>
@ -94,10 +94,10 @@
<li><input id="nav-help" type="checkbox" checked>
<ul>
<li><label for="nav-Help">
<i class="fa fa-question-circle"></i>
<i class="g-icon">help</i>
<span>Tables & Lists</span>
<i class="fa fa-chevron-down min"></i>
<i class="fa fa-chevron-up max"></i>
<i class="g-icon min">expand_more</i>
<i class="g-icon max">expand_less</i>
</label>
</li>
<li><a href="?page=tables">Tables</a></li>
@ -107,10 +107,10 @@
<li><input id="nav-help" type="checkbox" checked>
<ul>
<li><label for="nav-Help">
<i class="fa fa-question-circle"></i>
<i class="g-icon">help</i>
<span>Layout</span>
<i class="fa fa-chevron-down min"></i>
<i class="fa fa-chevron-up max"></i>
<i class="g-icon min">expand_more</i>
<i class="g-icon max">expand_less</i>
</label>
</li>
<li><a href="?page=grid">Grid</a></li>
@ -120,10 +120,10 @@
<li><input id="nav-help" type="checkbox" checked>
<ul>
<li><label for="nav-Help">
<i class="fa fa-question-circle"></i>
<i class="g-icon">help</i>
<span>Interaction</span>
<i class="fa fa-chevron-down min"></i>
<i class="fa fa-chevron-up max"></i>
<i class="g-icon min">expand_more</i>
<i class="g-icon max">expand_less</i>
</label>
</li>
<li><a href="?page=popups">Popups</a></li>
@ -133,10 +133,10 @@
<li><input id="nav-help" type="checkbox" checked>
<ul>
<li><label for="nav-Help">
<i class="fa fa-question-circle"></i>
<i class="g-icon">help</i>
<span>Views</span>
<i class="fa fa-chevron-down min"></i>
<i class="fa fa-chevron-up max"></i>
<i class="g-icon min">expand_more</i>
<i class="g-icon max">expand_less</i>
</label>
</li>
<li><a href="?page=editor">Editor</a></li>
@ -147,10 +147,10 @@
<li><input id="nav-help" type="checkbox" checked>
<ul>
<li><label for="nav-Help">
<i class="fa fa-question-circle"></i>
<i class="g-icon">help</i>
<span>JS Tests</span>
<i class="fa fa-chevron-down min"></i>
<i class="fa fa-chevron-up max"></i>
<i class="g-icon min">expand_more</i>
<i class="g-icon max">expand_less</i>
</label>
</li>
<li><a href="?page=3d">3D</a></li>
@ -160,10 +160,10 @@
<li><input id="nav-help" type="checkbox">
<ul>
<li><label for="nav-Help">
<i class="fa fa-question-circle"></i>
<i class="g-icon">help</i>
<span>Charts (disabled)</span>
<i class="fa fa-chevron-down min"></i>
<i class="fa fa-chevron-up max"></i>
<i class="g-icon min">expand_more</i>
<i class="g-icon max">expand_less</i>
</label>
</li>
<li><a href="?page=chart_line">Line Chart</a></li>
@ -193,12 +193,12 @@
<main>
<header>
<form id="s-bar" method="GET" action="">
<label class="ham-trigger" for="nav-trigger"><i class="fa fa-bars p"></i></label>
<label class="ham-trigger" for="nav-trigger"><i class="g-icon p">menu</i></label>
<span role="search" class="inputWrapper">
<span class="textWrapper">
<i class="frontIcon fa fa-search fa-lg fa-fw" aria-hidden="true"></i>
<i class="frontIcon g-icon" aria-hidden="true">search</i>
<input id="iSearchBox" name="search" type="text" autofocus="autofocus">
<i class="endIcon fa fa-times fa-lg fa-fw" aria-hidden="true"></i>
<i class="endIcon g-icon" aria-hidden="true">close</i>
</span>
<input type="submit" id="iSearchButton" name="searchButton" value="Search">
</span>
@ -206,17 +206,17 @@
<ul id="t-nav" role="list">
<li>
<a href="/en/backend/calendar/dashboard?id=Admin">
<i class="fa fa-calendar infoIcon"></i> Calendar
<i class="g-icon infoIcon">calendar_month</i> Calendar
</a>
</li>
<li>
<a href="/en/backend/task/dashboard?id=Admin">
<i class="fa fa-bolt infoIcon"><span class="badge">99</span></i> Tasks
<i class="g-icon infoIcon">bolt<span class="badge">99</span></i> Tasks
</a>
</li>
<li>
<a href="/en/api/logout?id=Admin">
<i class="fa fa-power-off infoIcon"></i> Logout
<i class="g-icon infoIcon">power_settings_new</i> Logout
</a>
</li>
</ul>

View File

@ -10,10 +10,10 @@
<table class="default" id="table1">
<thead>
<tr>
<td><i class="filter fa fa-filter" data-filter=""></i>Col1 Title<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i></td>
<td><i class="filter fa fa-filter"></i>Col2 Title<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i></td>
<td><i class="filter fa fa-filter"></i>Col3 Title<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i></td>
<td><i class="filter fa fa-filter"></i>Col4 Title<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i></td>
<td><i class="filter g-icon" data-filter="">filter_alt</i>Col1 Title<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i></td>
<td><i class="filter g-icon">filter_alt</i>Col2 Title<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i></td>
<td><i class="filter g-icon">filter_alt</i>Col3 Title<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i></td>
<td><i class="filter g-icon">filter_alt</i>Col4 Title<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i></td>
</tr>
</thead>
<tbody>
@ -62,10 +62,10 @@
<table class="default" id="table2">
<thead>
<tr>
<td>Col1 Title<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i></td>
<td>Col2 Title<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i></td>
<td>Col3 Title<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i></td>
<td>Col4 Title<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i></td>
<td>Col1 Title<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i></td>
<td>Col2 Title<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i></td>
<td>Col3 Title<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i></td>
<td>Col4 Title<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i></td>
</tr>
</thead>
<tbody>
@ -121,28 +121,28 @@
</thead>
<tbody>
<tr>
<td><i class="fa fa-times btn remove"></i>
<td><i class="g-icon btn remove">close</i>
<td>Col1</td>
<td>Col2</td>
<td>Col3</td>
<td>Col4</td>
</tr>
<tr>
<td><i class="fa fa-times btn remove"></i>
<td><i class="g-icon btn remove">close</i>
<td>Col2</td>
<td>Col2</td>
<td>Col3</td>
<td>Col4</td>
</tr>
<tr>
<td><i class="fa fa-times btn remove"></i>
<td><i class="g-icon btn remove">close</i>
<td>Col3</td>
<td>Col2</td>
<td>Col3</td>
<td>Col4</td>
</tr>
<tr>
<td><i class="fa fa-times btn remove"></i>
<td><i class="g-icon btn remove">close</i>
<td>Col4</td>
<td>Col2</td>
<td>Col3</td>
@ -180,13 +180,13 @@
<thead>
<tr>
<td>
<td data-name=""><i class="filter fa fa-filter"></i>ID<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i></td>
<td data-name=""><i class="filter fa fa-filter"></i>Name<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i></td>
<td data-name=""><i class="filter fa fa-filter"></i>Email<i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i></td>
<td data-name=""><i class="filter g-icon">filter_alt</i>ID<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i></td>
<td data-name=""><i class="filter g-icon">filter_alt</i>Name<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i></td>
<td data-name=""><i class="filter g-icon">filter_alt</i>Email<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i></td>
<tbody>
<template id="input2-rowElement" class="rowTemplate">
<tr tabindex="-1">
<td><i class="fa fa-times btn remove"></i>
<td><i class="g-icon btn remove">close</i>
<td data-tpl-text="/id" data-tpl-value="/id" data-value="">s</td>
<td data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></td>
<td data-tpl-text="/email"></td>

View File

@ -153,7 +153,7 @@
<input id="more-customer-region" type="checkbox">
<label for="more-customer-region">
<span>Click here!</span>
<i class="fa fa-chevron-right expand"></i>
<i class="g-icon expand">chevron_right</i>
</label>
<div>
<p>You see? It's curious. Ted did figure it out - time travel. And when we get back, we gonna tell

View File

@ -3,8 +3,8 @@
<section class="portlet">
<div class="portlet-body">
<span class="tag">Test Tag</span>
<span class="tag"><i class="fa fa-lightbulb-o"></i>Test Tag</span>
<span class="tag"><i class="fa fa-times close"></i><i class="fa fa-lightbulb-o"></i>Test Tag</span>
<span class="tag"><i class="g-icon">lightbulb</i>Test Tag</span>
<span class="tag"><i class="g-icon close">close</i><i class="g-icon">lightbulb</i>Test Tag</span>
</div>
</section>
</div>