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

sync

Browse Source
This commit is contained in:
Chen Lily
2023-05-30 09:13:02 +08:00
parent 8dafc1c5f4
commit 98a45a6f19
6 changed files with 289 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,7 @@
import { Grid, createElement, setTooltip, createIcon, createCheckbox, createRadiobox, createPopup, showAlert, showConfirm } from "../../ui";
import { r, nullOrEmpty, formatUrl, isEmail, isPhone } from "../../utility";
import { createBox } from "./lib";
import Contact from "./contact";
import { Contact, CustomerRecordContact } from "./contact";
import Follower from "./follower";
class NoteCol extends Grid.GridColumn {
@ -124,7 +124,9 @@ class CustomerCommunication {
}
get contacts() {
return [...this.#contacts.children].map(el => {
return [...this.#contacts.children].filter(el => {
return el.querySelector('span').dataset.notsend == "false";
}).map(el => {
const span = el.querySelector('span');
return { 'Key': span.dataset.to, 'Value': span.dataset.name };
});
@ -132,10 +134,13 @@ class CustomerCommunication {
set contacts(contacts) {
this.#contacts.replaceChildren();
if (contacts?.length > 0) {
for (let c of contacts) {
if (c.OptOut || c.OptOut_BC || c.selected === false) {
continue;
}
var cs = contacts.sort(function (a, b) {
if (a.Name == b.Name) return 0; return a.Name > b.Name ? 1 : -1;
});
for (let c of cs) {
//if (c.OptOut || c.OptOut_BC || c.selected === false) {
// continue;
//}
const mp = String(c.MobilePhoneDisplayText).trim();
const email = String(c.Email).trim();
const pref = String(c.ContactPreference);
@ -146,27 +151,34 @@ class CustomerCommunication {
const to = pref === '1' ? email : mp;
let icon;
let method;
switch (pref) {
case '0':
icon = 'comment-lines';
method = r('textsToColon', 'Texts to:');
break;
case '2':
icon = 'mobile';
method = r('callsToColon', 'Calls to:');
break;
default:
icon = 'envelope';
method = r('emailsToColon', 'Emails to:');
break;
if (c.OptOut || c.OptOut_BC || c.selected === false) {
icon = 'times';
method = r('optedOut', 'Opted Out:');
}
else {
switch (pref) {
case '0':
icon = 'comment-lines';
method = r('textsToColon', 'Texts to:');
break;
case '2':
icon = 'mobile';
method = r('callsToColon', 'Calls to:');
break;
default:
icon = 'envelope';
method = r('emailsToColon', 'Emails to:');
break;
}
}
const span = createElement('span', span => {
span.dataset.to = to;
span.dataset.name = c.Name;
span.dataset.notsend = c.OptOut || c.OptOut_BC || c.selected === false;
span.innerText = c.Name;
});
const item = createElement('div', 'contact-item',
createIcon('fa-light', icon),
createIcon('fa-light', icon, { 'fill': (c.OptOut || c.OptOut_BC || c.selected === false) ? 'red' : '' }),
span
);
this.#contacts.appendChild(item);
@ -479,6 +491,88 @@ class CustomerCommunication {
}
})
),
createElement('button', button => {
button.style.flex = '0 0 auto';
button.style.backgroundColor = 'rgb(1, 199, 172)';
button.style.marginRight = '10px';
button.className = 'roundbtn button-from-customer-record';
if (recordReadonly) {
button.style.display = 'none';
}
button.appendChild(createIcon('fa-solid', 'handshake', {
width: '16px',
height: '16px'
}));
button.addEventListener('click', () => {
const sel = new CustomerRecordContact({
contacts: [],
onOk: list => {
if (typeof this.#option.onSelectCRContacts === 'function') {
list?.map(c => {
delete c.selected;
return c;
});
const result = this.#option.onSelectCRContacts(list);
}
const r = this.#data.contacts;
this.#gridContact.source = r.filter(c => c.Id >= 0).map(c => {
if (c.OptOut || c.OptOut_BC) {
return c;
}
if (typeof c.selected === 'undefined') {
c.selected = true;
}
return c;
});
this.#gridWo.source = r.filter(c => c.Id < 0).map(c => {
if (c.OptOut || c.OptOut_BC) {
return c;
}
if (typeof c.selected === 'undefined') {
c.selected = true;
}
return c;
});
}
});
var title = r('selectFromCustomerRecord', 'Select from Customer Record');
sel.show(title, container);
if (typeof this.#option.onOpenSelectCRContacts === 'function') {
const result = this.#option.onOpenSelectCRContacts();
if (typeof result?.then === 'function') {
return result.then(r => {
r.map(c => {
for (let cc of this.#data.contacts) {
if (c.Id === cc.Id) {
c.selected = true;
break;
}
}
if (typeof c.selected === 'undefined') {
c.selected = false;
}
return c;
});
this.#data.contacts.filter(c => c.Id >= 0).map(c => {
if (c.OptOut || c.OptOut_BC) {
return c;
}
if (typeof c.selected === 'undefined') {
c.selected = true;
}
return c;
});
sel.source = r;
return r;
});
}
return false;
}
});
setTooltip(button, r('selectFromCustomerRecord', 'Select from Customer Record'))
}),
createElement('button', button => {
button.style.flex = '0 0 auto';
button.style.backgroundColor = 'rgb(1, 199, 172)';
@ -568,7 +662,7 @@ class CustomerCommunication {
const selectedCol = This => {
return {
key: 'selected',
type: TooltipCheckboxColumn,
type: Grid.ColumnTypes.Checkbox,
width: 50,
enabled: item => !item.OptOut && !item.OptOut_BC,
onchanged: function () {
@ -576,7 +670,7 @@ class CustomerCommunication {
option.onChanged([...This.#gridContact.source, ...This.#gridWo.source]);
}
},
tooltip: item => item.OptOut ? r('optedOut', 'Opted Out') : r('optedIn', 'Opted In')
tooltip: item => item.selected ? r('optedIn', 'Opted In') : r('optedOut', 'Opted Out')
}
};
const iconCol = {
@ -819,6 +913,33 @@ class CustomerCommunication {
button.appendChild(createIcon('fa-solid', 'pen'));
setTooltip(button, r('editFollower', 'Edit Followers'));
button.addEventListener('click', () => {
if (typeof this.#option.onInitFollower === 'function') {
this.#option.onInitFollower(this.#data.followers).then(data => {
if (typeof data === 'string') {
showAlert(r('customerRecord', 'Customer Record'), data, 'warn');
return;
}
const add = new Follower({
followers: data,
onOk: list => {
if (typeof this.#option.onAddFollower === 'function') {
const result = this.#option.onAddFollower(list);
if (typeof result?.then === 'function') {
return result.then(r => {
//this.#gridFollower.source = r;
return r;
});
}
return false;
}
}
});
var title = this.#data.followers?.length > 0 ? r('editFollowers', 'Edit Followers') : r('addFollowers', 'Add Followers');
add.show(title, container);
});
}
return;
const pop = createPopup(
createElement('div', div => {
div.style.display = 'flex';