Move from icomoon to fontastic

This commit is contained in:
RainLoop Team 2013-12-15 02:42:32 +04:00
parent a158929afd
commit b4e52e768c
64 changed files with 2132 additions and 1554 deletions

View file

@ -337,66 +337,6 @@ ko.bindingHandlers.nano = {
}
};
ko.bindingHandlers.saveTrigger1 = {
'init': function (oElement) {
var $oEl = $(oElement);
$oEl.data('save-trigger-type', $oEl.is('input[type=text]') ? 'input' : 'custom');
if ('custom' === $oEl.data('save-trigger-type'))
{
$oEl.append(
'&nbsp;&nbsp;<i class="icon-spinner-2 animated"></i><i class="icon-remove error"></i><i class="icon-ok success"></i>'
).addClass('settings-saved-trigger');
}
else
{
$oEl.addClass('settings-saved-trigger-input');
}
},
'update': function (oElement, fValueAccessor) {
var
mValue = ko.utils.unwrapObservable(fValueAccessor()),
$oEl = $(oElement),
bCustom = 'custom' === $oEl.data('save-trigger-type'),
sSuffix = bCustom ? '' : '-input'
;
switch (mValue.toString())
{
case '1':
$oEl
.find('.sst-animated' + sSuffix + ',.sst-error' + sSuffix).hide().removeClass('sst-visible' + sSuffix)
.end()
.find('.sst-success' + sSuffix).show().addClass('sst-visible' + sSuffix)
;
break;
case '0':
$oEl
.find('.sst-animated' + sSuffix + ',.sst-success' + sSuffix).hide().removeClass('sst-visible' + sSuffix)
.end()
.find('.sst-error' + sSuffix).show().addClass('sst-visible' + sSuffix)
;
break;
case '-2':
$oEl
.find('.sst-error' + sSuffix + ',.sst-success' + sSuffix).hide().removeClass('sst-visible' + sSuffix)
.end()
.find('.sst-animated' + sSuffix).show().addClass('sst-visible' + sSuffix)
;
break;
default:
$oEl
.find('.sst-animated' + sSuffix).hide()
.end()
.find('.sst-error' + sSuffix + ',.sst-success' + sSuffix).removeClass('sst-visible' + sSuffix)
;
break;
}
}
};
ko.bindingHandlers.saveTrigger = {
'init': function (oElement) {
@ -407,7 +347,7 @@ ko.bindingHandlers.saveTrigger = {
if ('custom' === $oEl.data('save-trigger-type'))
{
$oEl.append(
'&nbsp;&nbsp;<i class="icon-spinner-2 animated"></i><i class="icon-remove error"></i><i class="icon-ok success"></i>'
'&nbsp;&nbsp;<i class="icon-spinner animated"></i><i class="icon-remove error"></i><i class="icon-ok success"></i>'
).addClass('settings-saved-trigger');
}
else

View file

@ -1271,7 +1271,7 @@ Utils.convertPlainTextToHtml = function (sPlain)
Utils.draggeblePlace = function ()
{
return $('<div class="draggablePlace"><span class="text"></span>&nbsp;<i class="icon-envelope icon-white"></i></div>').appendTo('#rl-hidden');
return $('<div class="draggablePlace"><span class="text"></span>&nbsp;<i class="icon-mail icon-white"></i></div>').appendTo('#rl-hidden');
};
Utils.defautOptionsAfterRender = function (oOption, oItem)

View file

@ -158,36 +158,36 @@ AttachmentModel.prototype.iconClass = function ()
{
if ('image' === aParts[0])
{
sClass = 'icon-image';
sClass = 'icon-file-image';
}
else if ('text' === aParts[0])
{
sClass = 'icon-file-xml';
sClass = 'icon-file-text';
}
else if ('audio' === aParts[0])
{
sClass = 'icon-music';
sClass = 'icon-file-music';
}
else if ('video' === aParts[0])
{
sClass = 'icon-film';
sClass = 'icon-file-movie';
}
else if (-1 < Utils.inArray(aParts[1],
['zip', '7z', 'tar', 'rar', 'gzip', 'bzip', 'bzip2', 'x-zip', 'x-7z', 'x-rar', 'x-tar', 'x-gzip', 'x-bzip', 'x-bzip2', 'x-zip-compressed', 'x-7z-compressed', 'x-rar-compressed']))
{
sClass = 'icon-file-zip';
}
else if (-1 < Utils.inArray(aParts[1],
['pdf', 'x-pdf']))
{
sClass = 'icon-file-pdf';
}
else if (-1 < Utils.inArray(aParts[1], [
'exe', 'x-exe', 'x-winexe', 'bat'
]))
{
sClass = 'icon-console';
}
// else if (-1 < Utils.inArray(aParts[1],
// ['pdf', 'x-pdf']))
// {
// sClass = 'icon-file-pdf';
// }
// else if (-1 < Utils.inArray(aParts[1], [
// 'exe', 'x-exe', 'x-winexe', 'bat'
// ]))
// {
// sClass = 'icon-console';
// }
else if (-1 < Utils.inArray(aParts[1], [
'rtf', 'msword', 'vnd.msword', 'vnd.openxmlformats-officedocument.wordprocessingml.document',
'vnd.openxmlformats-officedocument.wordprocessingml.template',
@ -195,7 +195,7 @@ AttachmentModel.prototype.iconClass = function ()
'vnd.ms-word.template.macroEnabled.12'
]))
{
sClass = 'icon-file-word';
sClass = 'icon-file-text';
}
else if (-1 < Utils.inArray(aParts[1], [
'excel', 'ms-excel', 'vnd.ms-excel',
@ -220,7 +220,7 @@ AttachmentModel.prototype.iconClass = function ()
'vnd.ms-powerpoint.slideshow.macroEnabled.12'
]))
{
sClass = 'icon-file-powerpoint';
sClass = 'icon-file-chart-graph';
}
}

View file

@ -272,7 +272,7 @@ FolderModel.prototype.isUnpaddigFolder = false;
FolderModel.prototype.collapsedCss = function ()
{
return this.hasSubScribedSubfolders() ?
(this.collapsed() ? 'icon-arrow-right-3 e-collapsed-sign' : 'icon-arrow-down-3 e-collapsed-sign') : 'icon-none e-collapsed-sign';
(this.collapsed() ? 'icon-right-mini e-collapsed-sign' : 'icon-down-mini e-collapsed-sign') : 'icon-none e-collapsed-sign';
};
/**

View file

@ -56,11 +56,11 @@ function MessageModel()
sClass = 'icon-file-zip';
break;
case 'doc':
sClass = 'icon-file';
break;
case 'pdf':
sClass = 'icon-file-pdf';
sClass = 'icon-file-text';
break;
// case 'pdf':
// sClass = 'icon-file-pdf';
// break;
}
}
return sClass;

View file

@ -30,7 +30,7 @@
@import "../../vendors/bootstrap/less/progress-bars.less";
@import "../../vendors/bootstrap/less/utilities.less";
@import "_IcoMoonToBoot.less";
@import "_FontasticToBoot.less";
@import "_BootstrapFix.less";
@import "_InputosaurusFix.less";

View file

@ -0,0 +1,108 @@
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
width: 16px;
height: 16px;
line-height: 17px;
font-size: 16px;
vertical-align: text-top;
}
.icon-folder, .icon-folder-add, .icon-address-book, .icon-list {
line-height: 18px;
font-size: 18px;
margin-top: -2px;
margin-left: -2px;
}
/* White icons with optional class, or on hover/active states of certain elements */
.icon-white,
.nav > .active > a > [class^="icon-"],
.nav > .active > a > [class*=" icon-"] {
color: #fff;
}
.g-ui-menu .e-item:hover [class^="icon-"],
.g-ui-menu .e-item:hover [class*=" icon-"] {
color: #fff;
}
.icon-none {
background-image: none !important;
}
.icon-checkbox-checked, .icon-checkbox-unchecked, .icon-checkbox-partial, .icon-radio-checked, .icon-radio-unchecked {
cursor: pointer;
color: #555;
font-size: 1em;
&:hover, &:active {
color: #000;
}
}
.icon-white {
&.icon-checkbox-checked, &.icon-checkbox-unchecked, &.icon-checkbox-partial, &.icon-radio-checked, &.icon-radio-unchecked {
color: #eee;
&:hover, &:active {
color: #fff;
}
}
}
.denied-by-browser {
cursor: default;
.icon-checkbox-checked, icon-checkbox-unchecked {
cursor: default;
}
}
.right-mini, .down-mini {
width: 16px;
line-height: 20px;
}
@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(359deg);}
}
@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}
.icon-spinner {
width: 16px;
height: 16px;
&:before {
font-size: 16px;
line-height: 100%;
}
}
html.no-cssanimations .icon-spinner {
background-image: url('@{sync-file-stop}');
background-repeat: no-repeat;
font-family: Arial;
&:before {
content: "";
}
&.animated {
background-image: url('@{sync-file}');
}
}
html.cssanimations .icon-spinner.animated {
-webkit-animation: rotation 1s infinite linear;
-moz-animation: rotation 1s infinite linear;
animation: rotation 1s infinite linear;
}