mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-09-09 09:27:03 +03:00
266 lines
12 KiB
HTML
266 lines
12 KiB
HTML
<div class="modal fade b-contacts-content" data-bind="modal: modalVisibility">
|
||
<div class="modal-header b-header-toolbar g-ui-user-select-none">
|
||
|
||
<button type="button" class="close" data-bind="command: cancelCommand">×</button>
|
||
|
||
<div class="btn-toolbar">
|
||
|
||
<div class="btn-group">
|
||
<a class="btn button-create-contact" data-bind="command: newCommand">
|
||
<i class="icon-plus"></i>
|
||
|
||
<span class="i18n" data-i18n="CONTACTS/BUTTON_ADD_CONTACT"></span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="btn-group">
|
||
<a class="btn btn-success button-new-message" data-bind="command: newMessageCommand">
|
||
<i class="icon-mail icon-white"></i>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="btn-group">
|
||
<a class="btn button-delete" data-bind="command: deleteCommand">
|
||
<i class="fontastic">🗑</i>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="btn-group dropdown colored-toggle" data-bind="registerBootstrapDropdown: true">
|
||
<a id="contacts-more-dropdown-id" class="btn dropdown-toggle buttonMore" href="#" tabindex="-1" data-toggle="dropdown">
|
||
<i data-bind="css: {'icon-list': !contacts.importing() && !contacts.syncing(),
|
||
'icon-spinner': contacts.importing() || contacts.syncing()}"></i>
|
||
</a>
|
||
<ul class="dropdown-menu g-ui-menu pull-right" role="menu" aria-labelledby="contacts-more-dropdown-id">
|
||
<li class="e-item" role="presentation">
|
||
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="initDom: importUploaderButton">
|
||
<i data-bind="css: {'icon-import': !contacts.importing(), 'icon-spinner': contacts.importing}"></i>
|
||
|
||
<span class="i18n" data-i18n="CONTACTS/BUTTON_IMPORT"></span>
|
||
</a>
|
||
</li>
|
||
<li class="e-item dividerbar hide-mobile" role="presentation">
|
||
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: exportCsv">
|
||
<i data-bind="css: {'icon-export': !contacts.exportingCsv(), 'icon-spinner': contacts.exportingCsv}"></i>
|
||
|
||
<span class="i18n" data-i18n="CONTACTS/BUTTON_EXPORT_CSV"></span>
|
||
</a>
|
||
</li>
|
||
<li class="e-item hide-mobile" role="presentation">
|
||
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: exportVcf">
|
||
<i data-bind="css: {'icon-export': !contacts.exportingVcf(), 'icon-spinner': contacts.exportingVcf}"></i>
|
||
|
||
<span class="i18n" data-i18n="CONTACTS/BUTTON_EXPORT_VCARD"></span>
|
||
</a>
|
||
</li>
|
||
<li class="e-item dividerbar" role="presentation" data-bind="visible: enableContactsSync() && allowContactsSync()">
|
||
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="command: syncCommand">
|
||
<i data-bind="css: {'icon-sync': !contacts.syncing(), 'icon-spinner': contacts.syncing}"></i>
|
||
|
||
<span class="i18n" data-i18n="CONTACTS/BUTTON_SYNC"></span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="modal-body" style="position: relative;">
|
||
<div class="b-list-toolbar">
|
||
<input type="text" class="i18n span3 e-search" placeholder="Search" autocorrect="off" autocapitalize="off" data-i18n="[placeholder]GLOBAL/SEARCH" data-bind="value: search" />
|
||
</div>
|
||
<div class="b-list-content g-ui-user-select-none" data-bind="css: {'hideContactListCheckbox': !useCheckboxesInList()}">
|
||
<div class="content">
|
||
<div class="content-wrapper">
|
||
<div class="listClear" data-bind="visible: viewClearSearch() && '' !== search()">
|
||
<span class="g-ui-link i18n" data-i18n="CONTACTS/CLEAR_SEARCH" data-bind="command: clearCommand"></span>
|
||
</div>
|
||
<div class="listEmptyList" data-bind="visible: 0 === contacts().length && '' === search() && !contacts.loading()">
|
||
<span class="i18n" data-i18n="CONTACTS/EMPTY_LIST"></span>
|
||
</div>
|
||
<div class="listEmptyListLoading" data-bind="visible: 0 === contacts().length && '' === search() && contacts.loading()">
|
||
<span class="i18n" data-i18n="GLOBAL/LOADING"></span><span class="textLoadingAnimationD1">.</span><span class="textLoadingAnimationD2">.</span><span class="textLoadingAnimationD3">.</span>
|
||
</div>
|
||
<div class="listEmptySearchList" data-bind="visible: 0 === contacts().length && '' !== search() && !contacts.loading()">
|
||
<span class="i18n" data-i18n="CONTACTS/EMPTY_SEARCH"></span>
|
||
</div>
|
||
<div class="e-contact-foreach g-ui-user-select-none" data-bind="foreach: contacts, visible: 0 < contacts().length">
|
||
<div class="e-contact-item g-ui-user-select-none" data-bind="css: lineAsCss()">
|
||
<div class="sidebarParent">
|
||
|
||
</div>
|
||
<div class="wrapper">
|
||
<div class="checkedParent">
|
||
<i class="checkboxItem" data-bind="css: checked() ? 'checkboxMessage icon-checkbox-checked' : 'checkboxMessage icon-checkbox-unchecked'"></i>
|
||
</div>
|
||
<div class="nameParent actionHandle">
|
||
<span class="listName" data-bind="text: display"></span>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="b-list-footer-toolbar">
|
||
<div class="pull-right footer-pager">
|
||
<!-- ko template: { name: 'Paginator', data: contactsPaginator } --><!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<div class="b-view-content-toolbar btn-toolbar" data-bind="css: {'read-only': viewReadOnly}">
|
||
<div class="btn-group pull-right dropdown colored-toggle button-add-prop" data-bind="visible: !emptySelection(), registerBootstrapDropdown: true">
|
||
<a id="button-add-prop-dropdown-id" href="#" tabindex="-1" class="btn dropdown-toggle" data-toggle="dropdown">
|
||
<span class="i18n" data-i18n="CONTACTS/ADD_MENU_LABEL"></span>
|
||
|
||
<span class="caret"></span>
|
||
</a>
|
||
<ul class="dropdown-menu g-ui-menu" style="text-align: left" tabindex="-1" role="menu" aria-labelledby="button-add-prop-dropdown-id">
|
||
<li class="e-item" role="presentation">
|
||
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: addNewEmail">
|
||
<i class="icon-none"></i>
|
||
|
||
<span class="i18n" data-i18n="GLOBAL/EMAIL"></span>
|
||
</a>
|
||
</li>
|
||
<li class="e-item" role="presentation">
|
||
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: addNewPhone">
|
||
<i class="icon-none"></i>
|
||
|
||
<span class="i18n" data-i18n="CONTACTS/ADD_MENU_PHONE"></span>
|
||
</a>
|
||
</li>
|
||
<li class="e-item" role="presentation">
|
||
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: addNewWeb">
|
||
<i class="icon-none"></i>
|
||
|
||
<span class="i18n" data-i18n="CONTACTS/ADD_MENU_URL"></span>
|
||
</a>
|
||
</li>
|
||
<li class="e-item dividerbar" role="presentation">
|
||
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: addNewNickname">
|
||
<i class="icon-none"></i>
|
||
|
||
<span class="i18n" data-i18n="CONTACTS/ADD_MENU_NICKNAME"></span>
|
||
</a>
|
||
</li>
|
||
<!-- <li class="e-item" role="presentation">
|
||
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: addNewAddress">
|
||
<span class="i18n" data-i18n="CONTACTS/ADD_MENU_ADDRESS"></span>
|
||
</a>
|
||
</li>-->
|
||
</ul>
|
||
</div>
|
||
<div class="btn-group pull-right"> </div>
|
||
<div class="btn-group pull-right">
|
||
<button class="btn button-save-contact" data-bind="visible: !emptySelection(), command: saveCommand, css: {'dirty': watchDirty}">
|
||
<i data-bind="css: {'icon-ok': !viewSaving(), 'icon-spinner': viewSaving()}"></i>
|
||
|
||
<span class="i18n" data-i18n="CONTACTS/BUTTON_CREATE_CONTACT" data-bind="visible: '' === viewID()"></span>
|
||
<span class="i18n" data-i18n="CONTACTS/BUTTON_UPDATE_CONTACT" data-bind="visible: '' !== viewID()"></span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="b-view-content" data-bind="css: {'read-only': viewReadOnly}">
|
||
<div class="content">
|
||
<div class="content-wrapper">
|
||
<div class="b-contact-view-desc" data-bind="visible: emptySelection">
|
||
<span class="i18n" data-i18n="CONTACTS/CONTACT_VIEW_DESC"></span>
|
||
</div>
|
||
<div data-bind="visible: !emptySelection()">
|
||
<div class="form-horizontal top-part">
|
||
<div class="control-group" data-bind="visible: !viewReadOnly() || contactHasValidName()">
|
||
<label class="control-label remove-padding-top fix-width">
|
||
<i class="fontastic iconsize24">👤</i>
|
||
</label>
|
||
<div class="controls fix-width">
|
||
<div data-bind="foreach: viewPropertiesNames">
|
||
<div class="property-line">
|
||
<span class="contactValueStatic" data-bind="text: value"></span>
|
||
<input type="text" class="contactValueInput"
|
||
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
|
||
data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup', attr: {'placeholder': placeholderValue}" />
|
||
</div>
|
||
</div>
|
||
<div data-bind="visible: 0 < viewPropertiesOther().length, foreach: viewPropertiesOther">
|
||
<div class="property-line">
|
||
<!-- ko if: !largeValue() -->
|
||
<span class="contactValueStatic" data-bind="text: value"></span>
|
||
<input type="text" class="contactValueInput"
|
||
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
|
||
data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup', attr: {'placeholder': placeholderValue}" />
|
||
<!-- /ko -->
|
||
<!-- ko if: largeValue -->
|
||
<span class="contactValueTextAreaStatic" data-bind="text: value"></span>
|
||
<textarea class="contactValueTextArea"
|
||
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
|
||
data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup', attr: {'placeholder': placeholderValue}"></textarea>
|
||
<!-- /ko -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="control-group" data-bind="visible: !viewReadOnly() || 0 < viewPropertiesEmails().length">
|
||
<label class="control-label remove-padding-top fix-width">
|
||
<i class="fontastic iconsize24" data-bind="tooltip: 'GLOBAL/EMAIL'">@</i>
|
||
</label>
|
||
<div class="controls fix-width">
|
||
<div data-bind="foreach: viewPropertiesEmails">
|
||
<div class="property-line">
|
||
<span class="contactValueStatic" data-bind="text: value"></span>
|
||
<input type="text" class="contactValueInput"
|
||
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
|
||
data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup'" />
|
||
</div>
|
||
</div>
|
||
<a href="javascript:void(0);" class="g-ui-link add-link i18n" data-bind="visible: !viewReadOnly(), click: addNewEmail" data-i18n="CONTACTS/LINK_ADD_EMAIL"></a>
|
||
</div>
|
||
</div>
|
||
<div class="control-group" data-bind="visible: 0 < viewPropertiesPhones().length">
|
||
<label class="control-label remove-padding-top fix-width">
|
||
<i class="icon-telephone iconsize24" data-bind="tooltip: 'CONTACTS/LABEL_PHONE'"></i>
|
||
</label>
|
||
<div class="controls fix-width">
|
||
<div data-bind="foreach: viewPropertiesPhones">
|
||
<div class="property-line">
|
||
<span class="contactValueStatic" data-bind="text: value"></span>
|
||
<input type="text" class="contactValueInput"
|
||
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
|
||
data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup'" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="control-group" data-bind="visible: 0 < viewPropertiesWeb().length">
|
||
<label class="control-label remove-padding-top fix-width">
|
||
<i class="fontastic iconsize24" data-bind="tooltip: 'CONTACTS/LABEL_WEB'">🌍</i>
|
||
</label>
|
||
<div class="controls fix-width">
|
||
<div data-bind="foreach: viewPropertiesWeb">
|
||
<div class="property-line">
|
||
<span class="contactValueLargeStatic" data-bind="text: value"></span>
|
||
<input type="text" class="contactValueInputLarge" placeholder="https://"
|
||
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
|
||
data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup'" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="control-group">
|
||
<div class="controls fix-width">
|
||
<br />
|
||
<br />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <div class="e-read-only-sign">
|
||
<i class="fontastic iconsize24" data-bind="tooltip: 'CONTACTS/LABEL_READ_ONLY'">🔒</i>
|
||
</div>-->
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|