mirror of
https://github.com/the-djmaze/snappymail.git
synced 2025-01-10 16:58:07 +08:00
1423b88839
Added material design checkbox component Added lang changing animation
118 lines
No EOL
3.8 KiB
HTML
118 lines
No EOL
3.8 KiB
HTML
<div class="b-settings-identities">
|
|
<div class="form-horizontal">
|
|
<div class="legend g-ui-user-select-none">
|
|
<span class="i18n" data-i18n-text="SETTINGS_IDENTITIES/LEGEND_IDENTITY"></span>
|
|
</div>
|
|
<div class="control-group g-ui-user-select-none" data-bind="if: 0 < identities().length">
|
|
<label class="control-label" data-bind="i18nUpdate: identities">
|
|
<span class="i18n" data-i18n-text="SETTINGS_IDENTITIES/LABEL_DEFAULT"></span>
|
|
</label>
|
|
<div class="controls">
|
|
<div data-bind="component: {
|
|
name: 'Select',
|
|
params: {
|
|
options: identitiesOptions,
|
|
value: defaultIdentityID,
|
|
optionsText: 'name',
|
|
optionsValue: 'id',
|
|
trigger: defaultIdentityIDTrigger
|
|
}
|
|
}"></div>
|
|
</div>
|
|
</div>
|
|
<div class="control-group g-ui-user-select-none">
|
|
<label class="control-label">
|
|
<span class="i18n" data-i18n-text="SETTINGS_IDENTITIES/LABEL_DISPLAY_NAME"></span>
|
|
</label>
|
|
<div class="controls">
|
|
<div data-bind="component: {
|
|
name: 'Input',
|
|
params: {
|
|
value: displayName,
|
|
size: 4,
|
|
trigger: displayNameTrigger
|
|
}
|
|
}"></div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="control-group g-ui-user-select-none" style="display: none">
|
|
<label class="control-label">
|
|
<span class="i18n" data-i18n-text="SETTINGS_IDENTITIES/LABEL_REPLY_TO"></span>
|
|
</label>
|
|
<div class="controls">
|
|
<div data-bind="component: {
|
|
name: 'Input',
|
|
params: {
|
|
value: replyTo,
|
|
size: 4
|
|
}
|
|
}"></div>
|
|
</div>
|
|
</div>-->
|
|
<div class="control-group">
|
|
<label class="control-label g-ui-user-select-none">
|
|
<span class="i18n" data-i18n-text="SETTINGS_IDENTITIES/LABEL_SIGNATURE"></span>
|
|
</label>
|
|
<div class="controls">
|
|
<div class="e-signature-place" data-bind="initDom: signatureDom"></div>
|
|
|
|
<div data-bind="component: {
|
|
name: 'SaveTrigger',
|
|
params: { value: signatureTrigger, verticalAlign: 'top' }
|
|
}"></div>
|
|
</div>
|
|
</div>
|
|
<div class="control-group g-ui-user-select-none">
|
|
<div class="controls">
|
|
<div data-bind="component: {
|
|
name: 'Checkbox',
|
|
params: {
|
|
label: 'SETTINGS_IDENTITIES/LABEL_ADD_SIGNATURE_TO_ALL',
|
|
value: signatureToAll
|
|
}
|
|
}"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="form-horizontal g-ui-user-select-none">
|
|
<div class="legend">
|
|
<span class="i18n" data-i18n-text="SETTINGS_IDENTITIES/LEGEND_IDENTITIES"></span>
|
|
</div>
|
|
</div>
|
|
<a class="btn g-ui-user-select-none" data-bind="click: addNewIdentity">
|
|
<i class="icon-user-add"></i>
|
|
|
|
<span class="i18n" data-i18n-text="SETTINGS_IDENTITIES/BUTTON_ADD_IDENTITY"></span>
|
|
</a>
|
|
<div class="process-place g-ui-user-select-none" data-bind="style: {'visibility': visibility }">
|
|
<i class="icon-spinner animated"></i>
|
|
|
|
<span data-bind="text: processText"></span>
|
|
</div>
|
|
<table class="table table-hover list-table g-ui-user-select-none" data-bind="i18nUpdate: identities">
|
|
<colgroup>
|
|
<col />
|
|
<col style="width: 140px" />
|
|
<col style="width: 1%" />
|
|
</colgroup>
|
|
<tbody data-bind="foreach: identities">
|
|
<tr class="identity-item">
|
|
<td class="e-action">
|
|
<span class="identity-img icon-user"></span>
|
|
<span class="identity-name" data-bind="text: formattedName()"></span>
|
|
</td>
|
|
<td>
|
|
<a class="btn btn-small btn-small-small btn-danger pull-right button-delete button-delete-transitions" data-bind="css: {'delete-access': deleteAccess()}, click: function(oIdentity) { $root.deleteIdentity(oIdentity); }">
|
|
<span class="i18n" data-i18n-text="SETTINGS_IDENTITIES/DELETING_ASK"></span>
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<span class="delete-identity" data-bind="visible: !deleteAccess() && canBeDalete(), click: function (oIdentity) { $root.identityForDeletion(oIdentity); }">
|
|
<i class="icon-trash"></i>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div> |