tsanie/ui-lib
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
Tsanie Lily 2023-04-13 01:02:06 +08:00
parent ee2c1c88f1
commit d9beb0d3b3
1 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
lib/app/communications/customer.js
View File

@ -64,7 +64,7 @@ class CustomerCommunication {
element.dispatchEvent(new Event('change')); element.dispatchEvent(new Event('change'));
} }
get #statusLink() { return this.#container.querySelector('.check-status-link') } get #statusLink() { return this.#container.querySelector('.check-status-link>input') }
get statusLinkEnabled() { return this.#statusLink?.disabled !== true } get statusLinkEnabled() { return this.#statusLink?.disabled !== true }
set statusLinkEnabled(flag) { set statusLinkEnabled(flag) {
const element = this.#statusLink; const element = this.#statusLink;
@ -115,17 +115,17 @@ class CustomerCommunication {
const mp = String(c.MobilePhone).trim(); const mp = String(c.MobilePhone).trim();
const email = String(c.Email).trim(); const email = String(c.Email).trim();
const pref = String(c.ContactPreference); const pref = String(c.ContactPreference);
if (pref === '0' && !isPhone(mp) || if ((pref === '0' || pref === '2') && !isPhone(mp) ||
pref === '1' && !isEmail(email)) { pref === '1' && !isEmail(email)) {
continue; continue;
} }
const to = pref === '0' ? mp : email; const to = pref === '0' || pref === '2' ? mp : email;
const item = createElement('div', 'contact-item', const item = createElement('div', 'contact-item',
createIcon('fa-light', pref === '0' ? 'comment-lines' : 'envelope'), createIcon('fa-light', pref === '0' ? 'comment-lines' : pref === '2' ? 'mobile' : 'envelope'),
setTooltip(createElement('span', span => { setTooltip(createElement('span', span => {
span.dataset.to = to; span.dataset.to = to;
span.dataset.name = c.Name; span.dataset.name = c.Name;
span.innerText = to; span.innerText = nullOrEmpty(to) ? c.Name : to;
}), to, true) }), to, true)
); );
this.#contacts.appendChild(item); this.#contacts.appendChild(item);
@ -363,7 +363,13 @@ class CustomerCommunication {
key: 'type', key: 'type',
type: Grid.ColumnTypes.Icon, type: Grid.ColumnTypes.Icon,
width: 50, width: 50,
filter: c => String(c.ContactPreference) === '0' ? 'comment-lines' : 'envelope', filter: c => {
switch (String(c.ContactPreference)) {
case '0': return 'comment-lines';
case '2': return 'mobile';
default: return 'envelope';
}
},
className: 'icon-contact-type', className: 'icon-contact-type',
iconType: 'fa-light' iconType: 'fa-light'
}; };
@ -715,6 +721,11 @@ class CustomerCommunication {
button.appendChild(createIcon('fa-solid', 'paper-plane')); button.appendChild(createIcon('fa-solid', 'paper-plane'));
setTooltip(button, r('sendMessage', 'Send Message')); setTooltip(button, r('sendMessage', 'Send Message'));
button.addEventListener('click', () => { button.addEventListener('click', () => {
const val = this.#enter.value;
if (nullOrEmpty(val?.trim())) {
showAlert(r('error', 'Error'), r('messageRequired', 'Please input the message.'), 'warn');
return;
}
if (typeof this.#option.onAddMessage === 'function') { if (typeof this.#option.onAddMessage === 'function') {
this.#option.onAddMessage(this.#enter.value); this.#option.onAddMessage(this.#enter.value);
} }