Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-04 06:57:03 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Move from icomoon to fontastic

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

76
rainloop/v/0.0.0/app/templates/Views/AdminLogin.html
View file

@ -1,39 +1,39 @@
<div class="b-login-content">
<div class="loginFormWrapper">
<center>
<div class="alert" data-bind="visible: '' !== submitError()">
<button type="button" class="close" data-bind="click: function () { submitError('') }">&times;</button>
<span data-bind="text: submitError"></span>
</div>
<form class="form-horizontal span4 wrapper loginForm thm-login" action="#/" onsubmit="return false;" data-bind="command: submitCommand">
<div class="control-group" data-bind="css: {'error': loginError}">
<div class="input-append">
<input class="inputLogin span4" placeholder="Login" type="text"
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: login, hasFocus: loginFocus" />
<span class="add-on">
<i class="icon-user"></i>
</span>
</div>
</div>
<div class="control-group" data-bind="css: {'error': passwordError}">
<div class="input-append">
<input class="inputPassword span4" placeholder="Password" type="password"
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: password" />
<span class="add-on">
<i class="icon-key"></i>
</span>
</div>
</div>
<div class="control-group">
<button type="submit" class="btn btn-large span4 buttonLogin" data-bind="command: submitCommand">
<i class="icon-spinner-2 animated" data-bind="visible: submitRequest"></i>
<span data-bind="visible: !submitRequest()">Log into the admin panel</span>
</button>
</div>
</form>
</center>
</div>
<div class="loginAfter"></div>
<div class="b-login-content">
<div class="loginFormWrapper">
<center>
<div class="alert" data-bind="visible: '' !== submitError()">
<button type="button" class="close" data-bind="click: function () { submitError('') }">&times;</button>
<span data-bind="text: submitError"></span>
</div>
<form class="form-horizontal span4 wrapper loginForm thm-login" action="#/" onsubmit="return false;" data-bind="command: submitCommand">
<div class="control-group" data-bind="css: {'error': loginError}">
<div class="input-append">
<input class="inputLogin span4" placeholder="Login" type="text"
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: login, hasFocus: loginFocus" />
<span class="add-on">
<i class="icon-user"></i>
</span>
</div>
</div>
<div class="control-group" data-bind="css: {'error': passwordError}">
<div class="input-append">
<input class="inputPassword span4" placeholder="Password" type="password"
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: password" />
<span class="add-on">
<i class="icon-key"></i>
</span>
</div>
</div>
<div class="control-group">
<button type="submit" class="btn btn-large span4 buttonLogin" data-bind="command: submitCommand">
<i class="icon-spinner animated" data-bind="visible: submitRequest"></i>
<span data-bind="visible: !submitRequest()">Log into the admin panel</span>
</button>
</div>
</form>
</center>
</div>
<div class="loginAfter"></div>
<div>

2
rainloop/v/0.0.0/app/templates/Views/AdminPane.html
View file

@ -8,7 +8,7 @@
</h4>
<div class="btn-group pull-right">
<a class="btn btn-narrow" data-bind="click: logoutClick">
<i class="icon-switch"></i>
<i class="icon-power"></i>
</a>
</div>
</div>

4
rainloop/v/0.0.0/app/templates/Views/AdminSettingsContacts.html
View file

@ -72,7 +72,7 @@
<div class="control-group">
<div class="controls">
<a class="btn" data-bind="command: testContactsCommand, css: { 'btn-success': testContactsSuccess, 'btn-danger': testContactsError }">
<i data-bind="css: {'icon-info': !testing(), 'icon-spinner-2 animated': testing(), 'icon-white': testContactsSuccess() || testContactsError() }"></i>
<i data-bind="css: {'icon-info': !testing(), 'icon-spinner animated': testing(), 'icon-white': testContactsSuccess() || testContactsError() }"></i>
&nbsp;&nbsp;
Test
</a>
@ -95,7 +95,7 @@
<div class="control-group">
<div class="controls">
<a class="btn" data-bind="command: testContactsCommand, css: { 'btn-success': testContactsSuccess, 'btn-danger': testContactsError }">
<i data-bind="css: {'icon-info': !testing(), 'icon-spinner-2 animated': testing(), 'icon-white': testContactsSuccess() || testContactsError() }"></i>
<i data-bind="css: {'icon-info': !testing(), 'icon-spinner animated': testing(), 'icon-white': testContactsSuccess() || testContactsError() }"></i>
&nbsp;&nbsp;
Test
</a>

2
rainloop/v/0.0.0/app/templates/Views/AdminSettingsDomains.html
View file

@ -14,7 +14,7 @@
Add Domain
</a>
<div class="process-place" data-bind="style: {'visibility': visibility }">
<i class="icon-spinner-2 animated"></i>
<i class="icon-spinner animated"></i>
&nbsp;&nbsp;
loading...
</div>

4
rainloop/v/0.0.0/app/templates/Views/AdminSettingsLicensing.html
View file

@ -34,7 +34,7 @@
<div class="control-group" data-bind="visible: subscriptionEnabled">
<div class="controls">
<div data-bind="visible: licensingProcess()">
<i class="icon-spinner-2 animated"></i>
<i class="icon-spinner animated"></i>
&nbsp;&nbsp;
checking...
</div>
@ -61,7 +61,7 @@
<div class="control-group" data-bind="visible: subscriptionEnabled() && !licensingProcess()">
<div class="controls">
<button class="btn" data-bind="click: showActivationForm">
<i class="icon-love"></i>
<i class="icon-heart-empty"></i>
&nbsp;&nbsp;
Activate Subscription Key
</button>

2
rainloop/v/0.0.0/app/templates/Views/AdminSettingsPackages.html
View file

@ -16,7 +16,7 @@
</div>
<div class="process-place" data-bind="style: {'visibility': visibility }">
<i class="icon-spinner-2 animated"></i>
<i class="icon-spinner animated"></i>
&nbsp;&nbsp;
loading...
</div>

4
rainloop/v/0.0.0/app/templates/Views/AdminSettingsPackagesListItem.html
View file

@ -1,6 +1,6 @@
<tr class="e-item">
<td class="package-name-parent">
<i class="package-img" data-bind="css: 'core' === type ? 'icon-fire' : 'icon-lightning'"></i>
<i class="package-img" data-bind="css: 'core' === type ? 'icon-fire' : 'icon-bolt'"></i>
<span class="package-name" data-bind="text: name, css: {'core': 'core' === type}"></span>
<span class="package-installed pull-right" data-bind="text: installed"></span>
<div class="package-desc" data-bind="text: desc"></div>
@ -20,6 +20,6 @@
<i class="icon-download e-action button-download" data-bind="visible: !loading() && canBeUpdated, click: function () { $root.installPackage($data); }"></i>
&nbsp;
<i class="icon-trash e-action button-delete" data-bind="visible: !loading() && canBeDeleted, click: function () { $root.deletePackage($data); }"></i>
<i class="icon-spinner-2 animated" data-bind="visible: loading"></i>
<i class="icon-spinner animated" data-bind="visible: loading"></i>
</td>
</tr>

2
rainloop/v/0.0.0/app/templates/Views/AdminSettingsPluginListItem.html
View file

@ -1,6 +1,6 @@
<tr class="e-item" data-bind="css: {'disabled': disabled }">
<td class="configure-plugin-action e-action">
<i class="plugin-img icon-lightning"></i>
<i class="plugin-img icon-bolt"></i>
<span class="plugin-name" data-bind="text: name"></span>
</td>
<td>

2
rainloop/v/0.0.0/app/templates/Views/AdminSettingsPlugins.html
View file

@ -8,7 +8,7 @@
</div>
<div class="process-place" data-bind="style: {'visibility': visibility }">
<i class="icon-spinner-2 animated"></i>
<i class="icon-spinner animated"></i>
&nbsp;&nbsp;
loading...
</div>

1
rainloop/v/0.0.0/app/templates/Views/ComposeAttachment.html
View file

@ -1,7 +1,6 @@
<div class="b-attacment">
<label data-bind="click: function () { enabled(!enabled()); }">
<i class="checkboxAttachment" data-bind="css: enabled() ? 'checkboxMessage icon-checkbox-checked' : 'checkboxMessage icon-checkbox-unchecked'"></i>
<!--<input type="checkbox" data-bind="checked: enabled" />-->
&nbsp;&nbsp;
<span class="name" data-bind="text: fileName"></span>
(<span class="size" data-bind="text: friendlySize"></span>)

2
rainloop/v/0.0.0/app/templates/Views/ComposeAttachmentInProcess.html
View file

@ -1,6 +1,6 @@
<div class="b-attacment-in-process" data-bind="css: {'error': '' !== error(), 'uploading': uploading, 'waiting': waiting }, in18nInit: true">
<a class="close" data-bind="click: cancel">&times;</a>
<span class="uploading"><i class="icon-spinner-2 animated"></i></span>
<span class="uploading"><i class="icon-spinner animated"></i></span>
<span class="namedStr">
<span class="name" data-bind="text: fileName"></span>
&nbsp;&nbsp;

6
rainloop/v/0.0.0/app/templates/Views/Login.html
View file

@ -12,7 +12,7 @@
<input class="i18n inputEmail span4" type="email" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: email, hasFocus: emailFocus" data-i18n-placeholder="LOGIN/LABEL_EMAIL" />
<span class="add-on">
<i class="icon-envelope"></i>
<i class="icon-mail"></i>
</span>
</div>
</div>
@ -37,7 +37,7 @@
{{INCLUDE/BottomControlGroup/PLACE}}
<div class="control-group">
<button type="submit" class="btn btn-large span4 buttonLogin" data-bind="command: submitCommand">
<i class="icon-spinner-2 animated" data-bind="visible: submitRequest"></i>
<i class="icon-spinner animated" data-bind="visible: submitRequest"></i>
<span class="i18n" data-i18n-text="LOGIN/BUTTON_SIGN_IN" data-bind="visible: !submitRequest()"></span>
</button>
</div>
@ -50,7 +50,7 @@
<div class="pull-right">
<div class="btn-group" data-bind="visible: socialLoginEnabled() || allowLanguagesOnLogin()">
<a class="btn dropdown-toggle buttonLoginMore" data-toggle="dropdown">
<i data-bind="css: langRequest() ? 'icon-spinner-2 animated' : 'icon-reorder'"></i>
<i data-bind="css: langRequest() ? 'icon-spinner animated' : 'icon-list'"></i>
</a>
<ul class="dropdown-menu g-ui-menu">
{{INCLUDE/MenuDropdownTop/PLACE}}

36
rainloop/v/0.0.0/app/templates/Views/MailFolderList.html
View file

@ -1,19 +1,19 @@
<div class="b-folders g-ui-user-select-none thm-folders">
<div class="b-toolbar btn-toolbar">
<a class="btn buttonCompose" data-placement="bottom" data-bind="click: composeClick, tooltip: 'FOLDER_LIST/BUTTON_COMPOSE'">
<i class="icon-pencil"></i>
</a>
<a class="btn buttonContacts" data-placement="bottom" data-bind="visible: allowContacts, click: contactsClick, tooltip: 'FOLDER_LIST/BUTTON_CONTACTS'">
<i class="icon-phonebook"></i>
</a>
</div>
<div class="b-content" data-bind="nano: true">
<div class="content g-scrollbox">
<div class="content-wrapper">
<div data-bind="template: { name: 'MailFolderListSystemItem', foreach: folderListSystem }"></div>
<hr class="b-list-delimiter" />
<div data-bind="template: { name: 'MailFolderListItem', foreach: folderList }"></div>
</div>
</div>
</div>
<div class="b-folders g-ui-user-select-none thm-folders">
<div class="b-toolbar btn-toolbar">
<a class="btn buttonCompose" data-placement="bottom" data-bind="click: composeClick, tooltip: 'FOLDER_LIST/BUTTON_COMPOSE'">
<i class="icon-paper-plane"></i>
</a>
<a class="btn buttonContacts" data-placement="bottom" data-bind="visible: allowContacts, click: contactsClick, tooltip: 'FOLDER_LIST/BUTTON_CONTACTS'">
<i class="icon-address-book"></i>
</a>
</div>
<div class="b-content" data-bind="nano: true">
<div class="content g-scrollbox">
<div class="content-wrapper">
<div data-bind="template: { name: 'MailFolderListSystemItem', foreach: folderListSystem }"></div>
<hr class="b-list-delimiter" />
<div data-bind="template: { name: 'MailFolderListItem', foreach: folderList }"></div>
</div>
</div>
</div>
</div>

22
rainloop/v/0.0.0/app/templates/Views/MailMessageList.html
View file

@ -4,13 +4,13 @@
<div class="btn-toolbar">
<div class="btn-group">
<a class="btn buttonReload" data-placement="bottom" data-bind="command: reloadCommand, tooltip: 'MESSAGE_LIST/BUTTON_RELOAD'">
<i class="icon-spinner-2" data-bind="css: {'animated': messageListCompleteLoadingThrottle}"></i>
<i class="icon-spinner" data-bind="css: {'animated': messageListCompleteLoadingThrottle}"></i>
</a>
</div>
<div class="btn-group">&nbsp;</div>
<div class="btn-group">
<a class="btn dropdown-toggle buttonMove" data-toggle="dropdown" data-placement="bottom" data-bind="command: moveCommand, tooltip: 'MESSAGE_LIST/BUTTON_MOVE_TO'">
<i class="icon-legacyfilemanager"></i>
<i class="icon-folder"></i>
&nbsp;&nbsp;
<span class="caret"></span>
</a>
@ -34,40 +34,40 @@
<div class="btn-group">&nbsp;</div>
<div class="btn-group">
<a class="btn dropdown-toggle buttonMore" data-toggle="dropdown" data-placement="bottom" data-bind="tooltip: 'MESSAGE_LIST/BUTTON_MORE'">
<i class="icon-reorder"></i>
<i class="icon-list"></i>
</a>
<ul class="dropdown-menu g-ui-menu">
<li class="e-item" data-bind="click: listUnsetSeen, css: {'disable': !hasCheckedOrSelectedLines()}">
<a class="e-link">
<i class="icon2-none"></i>
<i class="icon-none"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="MESSAGE_LIST/MENU_UNSET_SEEN"></span>
</a>
</li>
<li class="e-item" data-bind="click: listSetSeen, css: {'disable': !hasCheckedOrSelectedLines()}">
<a class="e-link">
<i class="icon2-none"></i>
<i class="icon-none"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="MESSAGE_LIST/MENU_SET_SEEN"></span>
</a>
</li>
<li class="e-item" data-bind="click: listSetFlags, css: {'disable': !hasCheckedOrSelectedLines()}">
<a class="e-link">
<i class="icon2-none"></i>
<i class="icon-none"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="MESSAGE_LIST/MENU_SET_FLAG"></span>
</a>
</li>
<li class="e-item" data-bind="click: listUnsetFlags, css: {'disable': !hasCheckedOrSelectedLines()}">
<a class="e-link">
<i class="icon2-none"></i>
<i class="icon-none"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="MESSAGE_LIST/MENU_UNSET_FLAG"></span>
</a>
</li>
<li class="e-item" data-bind="click: listSetAllSeen, css: {'disable': !hasMessages()}">
<a class="e-link">
<i class="icon2-none"></i>
<i class="icon-none"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="MESSAGE_LIST/MENU_SET_ALL_SEEN"></span>
</a>
@ -111,7 +111,7 @@
<i class="checkboxCkeckAll" data-bind="css: checkAll() ? (isIncompleteChecked() ? 'icon-checkbox-partial' : 'icon-checkbox-checked') : 'icon-checkbox-unchecked'"></i>
<!--
<i class="checkboxCkeckAll" data-bind="css: checkAll() ? (isIncompleteChecked() ? 'icon-checkbox-partial' : 'icon-checkbox-checked') : 'icon-checkbox-unchecked', visible: !messageListCompleteLoadingThrottle()"></i>
<i class="icon-spinner-2 animated" style="margin-top: 4px;" data-bind="visible: messageListCompleteLoadingThrottle"></i>
<i class="icon-spinner animated" style="margin-top: 4px;" data-bind="visible: messageListCompleteLoadingThrottle"></i>
-->
</div>
</div>
@ -126,7 +126,7 @@
<span data-bind="text: messageListSearchDesc"></span>:
</div>
<div class="listDragOver" data-bind="css: {'viewAppendArea': dragOver() && '' === messageListError() && !popupVisibility(), 'dragOverEnter': dragOverEnter }, initDom: dragOverArea">
<i class="icon-arrow-down-2 e-icon"></i>
<i class="icon-down e-icon"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="MESSAGE_LIST/PUT_MESSAGE_HERE"></span>
</div>
@ -156,7 +156,7 @@
<div class="b-footer thm-message-list-bottom-toolbar">
<!--
<a class="btn buttonReload" data-placement="right" data-bind="command: reloadCommand, tooltip: 'MESSAGE_LIST/BUTTON_RELOAD'">
<i class="icon-spinner-2" data-bind="css: {'animated': messageListCompleteLoadingThrottle}"></i>
<i class="icon-spinner" data-bind="css: {'animated': messageListCompleteLoadingThrottle}"></i>
</a>
-->
<span data-bind="visible: 0 < userUsageProc(), tooltip2: quotaTooltip" class="e-quota">

86
rainloop/v/0.0.0/app/templates/Views/MailMessageListItem.html
View file

@ -1,44 +1,44 @@
<div class="messageListItem" data-bind="css: lineAsCcc()">
<div class="sidebarParent">
&nbsp;
</div>
<div class="delimiter"></div>
<div class="wrapper">
<div class="flagParent">
<span class="flagOn">
<i class="icon-favorite"></i>
</span>
<span class="flagOnHalf">
<i class="icon-favorite2"></i>
</span>
<span class="flagOff">
<i class="icon-favorite2"></i>
</span>
</div>
<div class="dateParent actionHandle dragHandle">
<span class="date" data-bind="text: momentShortDate, title: fullFormatDateValue"></span>
</div>
<div class="checkedParent">
<i class="checkboxMessage" data-bind="css: checked() || selected() ? 'checkboxMessage icon-checkbox-checked' : 'checkboxMessage icon-checkbox-unchecked'"></i>
</div>
<div class="senderParent actionHandle dragHandle">
<span class="threadsCountParent fullThreadHandle" data-bind="visible: '' !== threadsLenResult(), css: { 'lastSelected': !lastInCollapsedThread() }">
<span lass="threadsCount" data-bind="visible: !lastInCollapsedThreadLoading(), text: threadsLenResult"></span>
<i class="icon-spinner-2 animated" data-bind="visible: lastInCollapsedThreadLoading"></i>
</span>
<span class="replyFlag"><i class="icon-reply"></i>&nbsp;</span>
<span class="forwardFlag"><i class="icon-forward"></i>&nbsp;</span>
<span class="sender" data-bind="text: senderEmailsString"></span>
&nbsp;
</div>
<div class="attachmentParent actionHandle dragHandle">
<span class="attachment">
<i data-bind="css: attachmentIconClass"></i>
</span>
</div>
<div class="subjectParent actionHandle dragHandle">
<span class="subject" data-bind="text: subject"></span>
<span class="subject emptySubjectText" data-bind="text: $root.emptySubjectValue"></span>
</div>
</div>
<div class="messageListItem" data-bind="css: lineAsCcc()">
<div class="sidebarParent">
&nbsp;
</div>
<div class="delimiter"></div>
<div class="wrapper">
<div class="flagParent">
<span class="flagOn">
<i class="icon-star"></i>
</span>
<span class="flagOnHalf">
<i class="icon-star-empty"></i>
</span>
<span class="flagOff">
<i class="icon-star-empty"></i>
</span>
</div>
<div class="dateParent actionHandle dragHandle">
<span class="date" data-bind="text: momentShortDate, title: fullFormatDateValue"></span>
</div>
<div class="checkedParent">
<i class="checkboxMessage" data-bind="css: checked() || selected() ? 'checkboxMessage icon-checkbox-checked' : 'checkboxMessage icon-checkbox-unchecked'"></i>
</div>
<div class="senderParent actionHandle dragHandle">
<span class="threadsCountParent fullThreadHandle" data-bind="visible: '' !== threadsLenResult(), css: { 'lastSelected': !lastInCollapsedThread() }">
<span lass="threadsCount" data-bind="visible: !lastInCollapsedThreadLoading(), text: threadsLenResult"></span>
<i class="icon-spinner animated" data-bind="visible: lastInCollapsedThreadLoading"></i>
</span>
<span class="replyFlag"><i class="icon-reply"></i>&nbsp;</span>
<span class="forwardFlag"><i class="icon-forward"></i>&nbsp;</span>
<span class="sender" data-bind="text: senderEmailsString"></span>
&nbsp;
</div>
<div class="attachmentParent actionHandle dragHandle">
<span class="attachment">
<i data-bind="css: attachmentIconClass"></i>
</span>
</div>
<div class="subjectParent actionHandle dragHandle">
<span class="subject" data-bind="text: subject"></span>
<span class="subject emptySubjectText" data-bind="text: $root.emptySubjectValue"></span>
</div>
</div>
</div>

88
rainloop/v/0.0.0/app/templates/Views/MailMessageListItemNoPreviewPane.html
View file

@ -1,45 +1,45 @@
<div class="messageListItem e-single-line" data-bind="css: lineAsCcc()">
<div class="sidebarParent">
&nbsp;
</div>
<div class="delimiter"></div>
<div class="wrapper">
<div class="dateParent actionHandle dragHandle">
<span class="date" data-bind="text: momentShortDate, title: fullFormatDateValue"></span>
</div>
<div class="checkedParent">
<i class="checkboxMessage" data-bind="css: checked() || selected() ? 'checkboxMessage icon-checkbox-checked' : 'checkboxMessage icon-checkbox-unchecked'"></i>
</div>
<div class="flagParent">
<span class="flagOn">
<i class="icon-favorite"></i>
</span>
<span class="flagOnHalf">
<i class="icon-favorite2"></i>
</span>
<span class="flagOff">
<i class="icon-favorite2"></i>
</span>
</div>
<div class="senderParent actionHandle dragHandle">
<span class="threadsCountParent fullThreadHandle" data-bind="visible: '' !== threadsLenResult(), css: { 'lastSelected': !lastInCollapsedThread() }">
<span lass="threadsCount" data-bind="visible: !lastInCollapsedThreadLoading(), text: threadsLenResult"></span>
<i class="icon-spinner-2 animated" data-bind="visible: lastInCollapsedThreadLoading"></i>
</span>
<span class="replyFlag"><i class="icon-reply"></i>&nbsp;</span>
<span class="forwardFlag"><i class="icon-forward"></i>&nbsp;</span>
<span class="sender" data-bind="text: senderEmailsString"></span>
&nbsp;
</div>
<div class="attachmentParent actionHandle dragHandle">
<span class="attachment">
<i data-bind="css: attachmentIconClass"></i>
</span>
</div>
<div class="subjectParent actionHandle dragHandle">
<span class="subject" data-bind="text: subject"></span>
<span class="subject emptySubjectText" data-bind="text: $root.emptySubjectValue"></span>
</div>
<div class="clearfix"></div>
</div>
<div class="messageListItem e-single-line" data-bind="css: lineAsCcc()">
<div class="sidebarParent">
&nbsp;
</div>
<div class="delimiter"></div>
<div class="wrapper">
<div class="dateParent actionHandle dragHandle">
<span class="date" data-bind="text: momentShortDate, title: fullFormatDateValue"></span>
</div>
<div class="checkedParent">
<i class="checkboxMessage" data-bind="css: checked() || selected() ? 'checkboxMessage icon-checkbox-checked' : 'checkboxMessage icon-checkbox-unchecked'"></i>
</div>
<div class="flagParent">
<span class="flagOn">
<i class="icon-star"></i>
</span>
<span class="flagOnHalf">
<i class="icon-star-empty"></i>
</span>
<span class="flagOff">
<i class="icon-star-empty"></i>
</span>
</div>
<div class="senderParent actionHandle dragHandle">
<span class="threadsCountParent fullThreadHandle" data-bind="visible: '' !== threadsLenResult(), css: { 'lastSelected': !lastInCollapsedThread() }">
<span lass="threadsCount" data-bind="visible: !lastInCollapsedThreadLoading(), text: threadsLenResult"></span>
<i class="icon-spinner animated" data-bind="visible: lastInCollapsedThreadLoading"></i>
</span>
<span class="replyFlag"><i class="icon-reply"></i>&nbsp;</span>
<span class="forwardFlag"><i class="icon-forward"></i>&nbsp;</span>
<span class="sender" data-bind="text: senderEmailsString"></span>
&nbsp;
</div>
<div class="attachmentParent actionHandle dragHandle">
<span class="attachment">
<i data-bind="css: attachmentIconClass"></i>
</span>
</div>
<div class="subjectParent actionHandle dragHandle">
<span class="subject" data-bind="text: subject"></span>
<span class="subject emptySubjectText" data-bind="text: $root.emptySubjectValue"></span>
</div>
<div class="clearfix"></div>
</div>
</div>

20
rainloop/v/0.0.0/app/templates/Views/MailMessageView.html
View file

@ -10,7 +10,7 @@
<div class="btn-group">&nbsp;</div>
<div class="btn-group" data-placement="bottom" data-bind="visible: $root.isDraftFolder(), tooltip: 'MESSAGE/BUTTON_EDIT'">
<a class="btn btn-success buttonEdit" data-bind="command: $root.messageEditCommand">
<i class="icon-edit2 icon-white"></i>
<i class="icon-pensil icon-white"></i>
</a>
</div>
<div class="btn-group" data-bind="visible: !$root.isDraftFolder()">
@ -37,7 +37,7 @@
<div class="btn-group">&nbsp;</div>
<div class="btn-group">
<a class="btn dropdown-toggle buttonMore" data-placement="bottom" data-toggle="dropdown" data-bind="command: $root.messageVisibilityCommand, tooltip: 'MESSAGE/BUTTON_MORE'">
<i class="icon-reorder"></i>
<i class="icon-list"></i>
</a>
<ul class="dropdown-menu g-ui-menu">
<li class="e-item" data-bind="visible: !$root.isDraftFolder()">
@ -50,7 +50,7 @@
<li class="divider" data-bind="visible: !$root.isDraftFolder()"></li>
<li class="e-item">
<a target="_blank" class="e-link" data-bind="click: function () { if (message()) { message().viewPopupMessage(); }}">
<i class="icon-opennewwindow"></i>
<i class="icon-popup"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="MESSAGE/BUTTON_IN_NEW_WINDOW"></span>
</a>
@ -65,7 +65,7 @@
<li class="divider"></li>
<li class="e-item">
<a target="_blank" class="e-link" data-bind="link: viewViewLink()">
<i class="icon-file-css"></i>
<i class="icon-file-code"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="MESSAGE/MENU_VIEW_ORIGINAL"></span>
</a>
@ -82,10 +82,10 @@
<div class="btn-group">&nbsp;</div>
<div class="btn-group" data-bind="visible: !$root.usePreviewPane()">
<a class="btn buttonUp" data-bind="command: $root.goUpCommand">
<i class="icon-arrow-left"></i>
<i class="icon-left-middle"></i>
</a>
<a class="btn buttonDown" data-bind="command: $root.goDownCommand">
<i class="icon-arrow-right-2"></i>
<i class="icon-right-middle"></i>
</a>
</div>
</div>
@ -104,13 +104,13 @@
<div class="content-wrapper">
<div>
<span class="buttonUp" data-bind="click: scrollToTop">
<i class="icon-arrow-up--upload"></i>
<i class="icon-up"></i>
</span>
<span class="buttonFull" data-bind="click: fullScreen">
<i class="icon-scaleup"></i>
<i class="icon-arrows-out"></i>
</span>
<span class="buttonUnFull" data-bind="click: unFullScreen">
<i class="icon-scaledown"></i>
<i class="icon-arrows-in"></i>
</span>
<div class="messageItemHeader">
<div>
@ -122,7 +122,7 @@
</div>
<div class="senderParent">
<div class="g-ui-user-select-none" style="float: left; cursor: pointer;" data-bind="click: function() { $root.showFullInfo(!$root.showFullInfo()); }">
<i class="icon-arrow-right" data-bind="css: $root.showFullInfo() ? 'icon-arrow-down' : 'icon-arrow-right'"></i>
<i class="icon-right-dir" data-bind="css: $root.showFullInfo() ? 'icon-down-dir' : 'icon-right-dir'"></i>
</div>
<div class="informationShort" data-bind="event: { 'dblclick': toggleFullScreen }">
<span data-bind="visible: !$root.isDraftOrSentFolder()">

4
rainloop/v/0.0.0/app/templates/Views/PopupsActivate.html
View file

@ -43,12 +43,12 @@
</div>
<div class="modal-footer">
<a class="btn" href="http://rainloop.net/purchase/" target="_black">
<i class="icon-cart"></i>
<i class="icon-purchase"></i>
&nbsp;&nbsp;
Purchase
</a>
<a class="btn buttonActivate" data-bind="visible: !activationSuccessed(), command: activateCommand">
<i class="icon-key" data-bind="css: {'icon-key': !activateProcess(), 'icon-spinner-2 animated': activateProcess()}" ></i>
<i class="icon-key" data-bind="css: {'icon-key': !activateProcess(), 'icon-spinner animated': activateProcess()}" ></i>
&nbsp;&nbsp;
Activate
</a>

2
rainloop/v/0.0.0/app/templates/Views/PopupsAddAccount.html
View file

@ -39,7 +39,7 @@
</div>
<div class="modal-footer">
<a class="btn buttonAddAccount" data-bind="command: addAccountCommand">
<i data-bind="css: {'icon-user-add': !submitRequest(), 'icon-spinner-2 animated': submitRequest()}"></i>
<i data-bind="css: {'icon-user-add': !submitRequest(), 'icon-spinner animated': submitRequest()}"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="POPUPS_ADD_ACCOUNT/BUTTON_ADD_ACCOUNT"></span>
</a>

4
rainloop/v/0.0.0/app/templates/Views/PopupsCompose.html
View file

@ -3,12 +3,12 @@
<div class="modal-header b-header-toolbar g-ui-user-select-none">
<button type="button" class="close" data-bind="command: cancelCommand">&times;</button>
<a class="btn btn-large button-send" data-bind="command: sendCommand, css: {'btn-danger': sendError, 'btn-warning': sendSuccessButSaveError }">
<i data-bind="css: {'icon-rocket': !sending(), 'icon-spinner-2 animated': sending(), 'icon-white': sendError() || sendSuccessButSaveError()}"></i>
<i data-bind="css: {'icon-rocket': !sending(), 'icon-spinner animated': sending(), 'icon-white': sendError() || sendSuccessButSaveError()}"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="COMPOSE/BUTTON_SEND"></span>
</a>
<a class="btn button-save" data-bind="command: saveCommand, css: {'btn-danger': savedError }">
<i data-bind="css: {'icon-floppy': !saving(), 'icon-spinner-2 animated': saving(), 'icon-white': savedError()}"></i>
<i data-bind="css: {'icon-floppy': !saving(), 'icon-spinner animated': saving(), 'icon-white': savedError()}"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="COMPOSE/BUTTON_SAVE"></span>
</a>

6
rainloop/v/0.0.0/app/templates/Views/PopupsContacts.html
View file

@ -8,7 +8,7 @@
<span class="i18n" data-i18n-text="CONTACTS/BUTTON_ADD_CONTACT"></span>
</a>
<a class="btn btn-success button-new-message" data-bind="command: newMessageCommand">
<i class="icon-envelope icon-white"></i>
<i class="icon-mail icon-white"></i>
</a>
<a class="btn btn-danger button-delete" data-bind="command: deleteCommand">
<i class="icon-trash icon-white"></i>
@ -26,7 +26,7 @@
</div>
<div class="btn-group pull-right">
<a class="btn dropdown-toggle button-filter" data-toggle="dropdown">
<i class="icon-lightning"></i>
<i class="icon-bolt"></i>
</a>
<ul class="dropdown-menu g-ui-menu">
<li class="e-item">
@ -136,7 +136,7 @@
</div>
<button class="btn button-save-contact" data-bind="command: saveCommand">
<i data-bind="css: {'icon-ok': !viewSaving(), 'icon-spinner-2 animated': viewSaving()}"></i>
<i data-bind="css: {'icon-ok': !viewSaving(), 'icon-spinner animated': viewSaving()}"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="CONTACTS/BUTTON_CREATE_CONTACT" data-bind="visible: '' === viewID()"></span>
<span class="i18n" data-i18n-text="CONTACTS/BUTTON_UPDATE_CONTACT" data-bind="visible: '' !== viewID()"></span>

6
rainloop/v/0.0.0/app/templates/Views/PopupsDomain.html
View file

@ -96,12 +96,12 @@
<a class="btn button-test-connection pull-left" data-bind="command: testConnectionCommand, css: {
'btn-success': testingDone() && !testingImapError() && !testingSmtpError(),
'btn-danger': testingDone() && (testingImapError() || testingSmtpError()) }">
<i data-bind="css: {'icon-info': !testing(), 'icon-spinner-2 animated': testing(), 'icon-white': testingDone()}"></i>
<i data-bind="css: {'icon-info': !testing(), 'icon-spinner animated': testing(), 'icon-white': testingDone()}"></i>
&nbsp;&nbsp;
Test Connection
</a>
<a class="btn button-white-list pull-left" data-bind="command: whiteListCommand">
<i data-bind="css: {'icon-arrow-right-2': !whiteListPage(), 'icon-arrow-left': whiteListPage()}"></i>
<i data-bind="css: {'icon-right': !whiteListPage(), 'icon-left': whiteListPage()}"></i>
&nbsp;&nbsp;
<span data-bind="visible: !whiteListPage()">White List</span>
<span data-bind="visible: whiteListPage()">Back</span>
@ -113,7 +113,7 @@
</a>
<a class="btn buttonClear" data-bind="command: createOrAddCommand">
<i data-bind="css: edit() ? 'icon-ok' : 'icon-plus', visible: !saving()"></i>
<i class="icon-spinner-2 animated" data-bind="visible: saving"></i>
<i class="icon-spinner animated" data-bind="visible: saving"></i>
&nbsp;&nbsp;
<span data-bind="text: edit() ? 'Update' : 'Add'"></span>
</a>

2
rainloop/v/0.0.0/app/templates/Views/PopupsFolderClear.html
View file

@ -24,7 +24,7 @@
</div>
<div class="modal-footer">
<a class="btn btn-danger buttonClear" data-bind="command: clearCommand">
<i class="icon-fire" data-bind="css: {'icon-fire': !clearingProcess(), 'icon-spinner-2 animated': clearingProcess()}" ></i>
<i class="icon-fire" data-bind="css: {'icon-fire': !clearingProcess(), 'icon-spinner animated': clearingProcess()}" ></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="POPUPS_CLEAR_FOLDER/BUTTON_CLEAR"></span>
</a>

2
rainloop/v/0.0.0/app/templates/Views/PopupsFolderCreate.html
View file

@ -31,7 +31,7 @@
</div>
<div class="modal-footer">
<a class="btn buttonCreate" data-bind="command: createFolder">
<i class="icon-add-to-list"></i>
<i class="icon-folder-add"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="POPUPS_CREATE_FOLDER/BUTTON_CREATE"></span>
</a>

2
rainloop/v/0.0.0/app/templates/Views/PopupsIdentity.html
View file

@ -52,7 +52,7 @@
</div>
<div class="modal-footer">
<a class="btn buttonAddAccount" data-bind="command: addOrEditIdentityCommand">
<i data-bind="css: {'icon-ok': !submitRequest(), 'icon-spinner-2 animated': submitRequest()}"></i>
<i data-bind="css: {'icon-user-add': !submitRequest(), 'icon-spinner animated': submitRequest()}"></i>
&nbsp;&nbsp;
<span data-bind="text: button"></span>
</a>

2
rainloop/v/0.0.0/app/templates/Views/SettingsAccounts.html
View file

@ -10,7 +10,7 @@
<span class="i18n" data-i18n-text="SETTINGS_ACCOUNTS/BUTTON_ADD_ACCOUNT"></span>
</a>
<div class="process-place" data-bind="style: {'visibility': visibility }">
<i class="icon-spinner-2 animated"></i>
<i class="icon-spinner animated"></i>
&nbsp;&nbsp;
<span data-bind="text: processText"></span>
</div>

62
rainloop/v/0.0.0/app/templates/Views/SettingsChangePassword.html
View file

@ -1,32 +1,32 @@
<div class="b-settings-general">
<div class="form-horizontal">
<div class="legend">
<span class="i18n" data-i18n-text="SETTINGS_CHANGE_PASSWORD/LEGEND_CHANGE_PASSWORD"></span>
</div>
<div class="control-group">
<label class="control-label">
<span class="i18n" data-i18n-text="SETTINGS_CHANGE_PASSWORD/LABEL_CURRENT_PASSWORD"></span>
</label>
<div class="controls">
<input type="password" data-bind="value: currentPassword, valueUpdate: 'afterkeydown'" />
</div>
</div>
<div class="control-group">
<label class="control-label">
<span class="i18n" data-i18n-text="SETTINGS_CHANGE_PASSWORD/LABEL_NEW_PASSWORD"></span>
</label>
<div class="controls">
<input type="password" data-bind="value: newPassword, valueUpdate: 'afterkeydown'" />
</div>
</div>
<div class="control-group">
<div class="controls">
<a class="btn" data-bind="command: saveNewPasswordCommand, css: { 'btn-success': passwordUpdateSuccess, 'btn-danger': passwordUpdateError }">
<i data-bind="css: {'icon-spinner-2 animated': changeProcess(), 'icon-key': !changeProcess(), 'icon-white': passwordUpdateSuccess() || passwordUpdateError() }"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="SETTINGS_CHANGE_PASSWORD/BUTTON_UPDATE_PASSWORD"></span>
</a>
</div>
</div>
</div>
<div class="b-settings-general">
<div class="form-horizontal">
<div class="legend">
<span class="i18n" data-i18n-text="SETTINGS_CHANGE_PASSWORD/LEGEND_CHANGE_PASSWORD"></span>
</div>
<div class="control-group">
<label class="control-label">
<span class="i18n" data-i18n-text="SETTINGS_CHANGE_PASSWORD/LABEL_CURRENT_PASSWORD"></span>
</label>
<div class="controls">
<input type="password" data-bind="value: currentPassword, valueUpdate: 'afterkeydown'" />
</div>
</div>
<div class="control-group">
<label class="control-label">
<span class="i18n" data-i18n-text="SETTINGS_CHANGE_PASSWORD/LABEL_NEW_PASSWORD"></span>
</label>
<div class="controls">
<input type="password" data-bind="value: newPassword, valueUpdate: 'afterkeydown'" />
</div>
</div>
<div class="control-group">
<div class="controls">
<a class="btn" data-bind="command: saveNewPasswordCommand, css: { 'btn-success': passwordUpdateSuccess, 'btn-danger': passwordUpdateError }">
<i data-bind="css: {'icon-spinner animated': changeProcess(), 'icon-key': !changeProcess(), 'icon-white': passwordUpdateSuccess() || passwordUpdateError() }"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="SETTINGS_CHANGE_PASSWORD/BUTTON_UPDATE_PASSWORD"></span>
</a>
</div>
</div>
</div>
</div>

4
rainloop/v/0.0.0/app/templates/Views/SettingsFolders.html
View file

@ -5,7 +5,7 @@
</div>
</div>
<a class="btn" data-bind="click: createFolder">
<i class="icon-add-to-list"></i>
<i class="icon-folder-add"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="SETTINGS_FOLDERS/BUTTON_CREATE"></span>
</a>
@ -20,7 +20,7 @@
<span data-bind="text: foldersListError"></span>
</div>
<div class="process-place" data-bind="style: {'visibility': visibility }">
<i class="icon-spinner-2 animated"></i>
<i class="icon-spinner animated"></i>
&nbsp;&nbsp;
<span data-bind="text: processText"></span>
</div>

2
rainloop/v/0.0.0/app/templates/Views/SettingsIdentities.html
View file

@ -42,7 +42,7 @@
<span class="i18n" data-i18n-text="SETTINGS_IDENTITIES/BUTTON_ADD_IDENTITY"></span>
</a>
<div class="process-place" data-bind="style: {'visibility': visibility }">
<i class="icon-spinner-2 animated"></i>
<i class="icon-spinner animated"></i>
&nbsp;&nbsp;
<span data-bind="text: processText"></span>
</div>

34
rainloop/v/0.0.0/app/templates/Views/SettingsPane.html
View file

@ -1,18 +1,18 @@
<div class="b-settings b-settins-right g-ui-user-select-none">
<div class="b-toolbar">
<div class="btn-toolbar">
<a class="btn button-back" data-bind="click: backToMailBoxClick">
<i class="icon-arrow-left"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="SETTINGS_LABELS/BUTTON_BACK"></span>
</a>
</div>
</div>
<div class="b-content" data-bind="nano: true">
<div class="content g-scrollbox">
<div class="content-wrapper">
<div id="rl-settings-subscreen" class="b-settings-content"></div>
</div>
</div>
</div>
<div class="b-settings b-settins-right g-ui-user-select-none">
<div class="b-toolbar">
<div class="btn-toolbar">
<a class="btn button-back" data-bind="click: backToMailBoxClick">
<i class="icon-left"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="SETTINGS_LABELS/BUTTON_BACK"></span>
</a>
</div>
</div>
<div class="b-content" data-bind="nano: true">
<div class="content g-scrollbox">
<div class="content-wrapper">
<div id="rl-settings-subscreen" class="b-settings-content"></div>
</div>
</div>
</div>
</div>

12
rainloop/v/0.0.0/app/templates/Views/SettingsSocial.html
View file

@ -6,7 +6,7 @@
<div class="control-group" data-bind="visible: !googleLoggined()">
<button class="btn" data-bind="command: connectGoogle">
<i class="icon-google" data-bind="visible: !googleActions()"></i>
<i class="icon-spinner-2 animated" data-bind="visible: googleActions()"></i>
<i class="icon-spinner animated" data-bind="visible: googleActions()"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/BUTTON_GOOGLE_CONNECT"></span>
</button>
@ -26,7 +26,7 @@
<br />
<button class="btn" data-bind="command: disconnectGoogle">
<i class="icon-remove" data-bind="visible: !googleActions()"></i>
<i class="icon-spinner-2 animated" data-bind="visible: googleActions()"></i>
<i class="icon-spinner animated" data-bind="visible: googleActions()"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/BUTTON_GOOGLE_DISCONNECT"></span>
</button>
@ -39,7 +39,7 @@
<div class="control-group" data-bind="visible: !facebookLoggined()">
<button class="btn" data-bind="command: connectFacebook">
<i class="icon-facebook" data-bind="visible: !facebookActions()"></i>
<i class="icon-spinner-2 animated" data-bind="visible: facebookActions()"></i>
<i class="icon-spinner animated" data-bind="visible: facebookActions()"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/BUTTON_FACEBOOK_CONNECT"></span>
</button>
@ -59,7 +59,7 @@
<br />
<button class="btn" data-bind="command: disconnectFacebook">
<i class="icon-remove" data-bind="visible: !facebookActions()"></i>
<i class="icon-spinner-2 animated" data-bind="visible: facebookActions()"></i>
<i class="icon-spinner animated" data-bind="visible: facebookActions()"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/BUTTON_FACEBOOK_DISCONNECT"></span>
</button>
@ -72,7 +72,7 @@
<div class="control-group" data-bind="visible: !twitterLoggined()">
<button class="btn" data-bind="command: connectTwitter">
<i class="icon-twitter" data-bind="visible: !twitterActions()"></i>
<i class="icon-spinner-2 animated" data-bind="visible: twitterActions()"></i>
<i class="icon-spinner animated" data-bind="visible: twitterActions()"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/BUTTON_TWITTER_CONNECT"></span>
</button>
@ -92,7 +92,7 @@
<br />
<button class="btn" data-bind="command: disconnectTwitter">
<i class="icon-remove" data-bind="visible: !twitterActions()"></i>
<i class="icon-spinner-2 animated" data-bind="visible: twitterActions()"></i>
<i class="icon-spinner animated" data-bind="visible: twitterActions()"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="SETTINGS_SOCIAL/BUTTON_TWITTER_DISCONNECT"></span>
</button>

2
rainloop/v/0.0.0/app/templates/Views/SettingsThemes.html
View file

@ -49,7 +49,7 @@
<br />
</div>
<a class="btn" data-bind="visible: '' === customThemeImg(), initDom: customThemeUploaderButton">
<i data-bind="css: {'icon-image': !customThemeUploaderProgress(), 'icon-spinner-2 animated': customThemeUploaderProgress()}"></i>
<i data-bind="css: {'icon-image': !customThemeUploaderProgress(), 'icon-spinner animated': customThemeUploaderProgress()}"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="SETTINGS_THEMES/BUTTON_UPLOAD_BACKGROUND_IMAGE"></span>
</a>

124
rainloop/v/0.0.0/app/templates/Views/SystemDropDown.html
View file

@ -1,63 +1,63 @@
<div class="b-system-drop-down g-ui-user-select-none">
<div class="b-toolbar">
<div class="btn-toolbar">
<div class="btn-group pull-right">
<a class="btn btn-narrow" data-bind="click: logoutClick">
<i class="icon-switch"></i>
</a>
</div>
<div class="btn-group pull-right">
&nbsp;&nbsp;&nbsp;
</div>
<div class="btn-group pull-right">
<a class="btn btn-ellipsis btn-block dropdown-toggle system-dropdown" data-placement="left" data-toggle="dropdown"
data-tooltip-class="tooltip-big" data-bind="tooltip2: emailTitle">
<i data-bind="css: {'icon-user': !loading(), 'icon-spinner-2 animated': loading()}"></i>
&nbsp;&nbsp;
<span class="caret"></span>
</a>
<ul class="dropdown-menu g-ui-menu">
<!-- ko if: accounts().length -->
<!-- ko foreach: accounts -->
<li class="e-item">
<a class="e-link" data-bind="click: $root.accountClick, attr: {'href': changeAccountLink() }">
<i class="icon-ok" data-bind="visible: $root.accountEmail() === email"></i>
<i class="icon-user" data-bind="visible: $root.accountEmail() !== email"></i>
&nbsp;&nbsp;
<span data-bind="text: email"></span>
</a>
</li>
<!-- /ko -->
<li class="divider"></li>
<!-- /ko -->
<!-- ko if: allowAddAccount -->
<li class="e-item">
<a class="e-link" data-bind="click: addAccountClick">
<i class="icon-user-add"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="TOP_TOOLBAR/BUTTON_ADD_ACCOUNT"></span>
</a>
</li>
<!-- /ko -->
<li class="e-item">
<a class="e-link" data-bind="click: settingsClick">
<i class="icon-cog"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="TOP_TOOLBAR/BUTTON_SETTINGS"></span>
</a>
</li>
<!--
<li class="divider"></li>
<li class="e-item">
<a class="e-link" data-bind="click: logoutClick">
<i class="icon-switch"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="TOP_TOOLBAR/BUTTON_LOGOUT"></span>
</a>
</li>
-->
</ul>
</div>
</div>
</div>
<div class="b-system-drop-down g-ui-user-select-none">
<div class="b-toolbar">
<div class="btn-toolbar">
<div class="btn-group pull-right">
<a class="btn btn-narrow" data-bind="click: logoutClick">
<i class="icon-power"></i>
</a>
</div>
<div class="btn-group pull-right">
&nbsp;&nbsp;&nbsp;
</div>
<div class="btn-group pull-right">
<a class="btn btn-ellipsis btn-block dropdown-toggle system-dropdown" data-placement="left" data-toggle="dropdown"
data-tooltip-class="tooltip-big" data-bind="tooltip2: emailTitle">
<i data-bind="css: {'icon-user': !loading(), 'icon-spinner animated': loading()}"></i>
&nbsp;&nbsp;
<span class="caret"></span>
</a>
<ul class="dropdown-menu g-ui-menu">
<!-- ko if: accounts().length -->
<!-- ko foreach: accounts -->
<li class="e-item">
<a class="e-link" data-bind="click: $root.accountClick, attr: {'href': changeAccountLink() }">
<i class="icon-ok" data-bind="visible: $root.accountEmail() === email"></i>
<i class="icon-user" data-bind="visible: $root.accountEmail() !== email"></i>
&nbsp;&nbsp;
<span data-bind="text: email"></span>
</a>
</li>
<!-- /ko -->
<li class="divider"></li>
<!-- /ko -->
<!-- ko if: allowAddAccount -->
<li class="e-item">
<a class="e-link" data-bind="click: addAccountClick">
<i class="icon-user-add"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="TOP_TOOLBAR/BUTTON_ADD_ACCOUNT"></span>
</a>
</li>
<!-- /ko -->
<li class="e-item">
<a class="e-link" data-bind="click: settingsClick">
<i class="icon-cog"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="TOP_TOOLBAR/BUTTON_SETTINGS"></span>
</a>
</li>
<!--
<li class="divider"></li>
<li class="e-item">
<a class="e-link" data-bind="click: logoutClick">
<i class="icon-power"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="TOP_TOOLBAR/BUTTON_LOGOUT"></span>
</a>
</li>
-->
</ul>
</div>
</div>
</div>
</div>