@quandis/qbo4.ui 4.0.1-CI-20240501-230003 → 4.0.1-CI-20240507-200005
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/qbo/Program.d.ts +3 -0
- package/src/qbo/Program.js +11 -0
- package/src/qbo/Program.ts +11 -1
- package/src/qbo/qbo-contact.js +34 -33
- package/src/qbo/qbo-contact.ts +34 -33
- package/src/qbo/qbo-form-edit.d.ts +8 -6
- package/src/qbo/qbo-form-edit.js +68 -17
- package/src/qbo/qbo-form-edit.ts +62 -13
- package/src/qbo/qbo-popover.d.ts +2 -1
- package/src/qbo/qbo-popover.js +17 -6
- package/src/qbo/qbo-popover.ts +20 -6
- package/src/qbo/qbo-ssn.d.ts +15 -0
- package/src/qbo/qbo-ssn.js +106 -0
- package/src/qbo/qbo-ssn.ts +80 -0
- package/wwwroot/js/qbo4.ui-code.js +36 -30
- package/wwwroot/js/qbo4.ui-code.min.js +1 -1
- package/wwwroot/js/qbo4.ui-code.min.js.map +1 -1
- package/wwwroot/js/qbo4.ui.js +266 -61
- package/wwwroot/js/qbo4.ui.min.js +81 -50
- package/wwwroot/js/qbo4.ui.min.js.map +1 -1
package/package.json
CHANGED
package/src/qbo/Program.d.ts
CHANGED
|
@@ -22,6 +22,7 @@ export * from './qbo-popup.js';
|
|
|
22
22
|
export * from './qbo-popup-listener.js';
|
|
23
23
|
export * from './qbo-select.js';
|
|
24
24
|
export * from './qbo-sidebar.js';
|
|
25
|
+
export * from './qbo-ssn.js';
|
|
25
26
|
export * from './qbo-table.js';
|
|
26
27
|
export * from './qbo-validate.js';
|
|
27
28
|
export declare function elementOptions(element: any, prefix: any, options?: string): {};
|
|
@@ -31,3 +32,5 @@ export declare function elementClearValue(element: Element): void;
|
|
|
31
32
|
export declare function matches(source: any, match: any, wildCard?: string, ignoreCase?: boolean): boolean;
|
|
32
33
|
export declare function elementData(element: HTMLElement): Record<string, string>;
|
|
33
34
|
export declare function getApiService(url: string): IApiService;
|
|
35
|
+
export declare function elementDate(date: string): string;
|
|
36
|
+
export declare function elementDateTime(date: string): string;
|
package/src/qbo/Program.js
CHANGED
|
@@ -23,6 +23,7 @@ export * from './qbo-popup.js';
|
|
|
23
23
|
export * from './qbo-popup-listener.js';
|
|
24
24
|
export * from './qbo-select.js';
|
|
25
25
|
export * from './qbo-sidebar.js';
|
|
26
|
+
export * from './qbo-ssn.js';
|
|
26
27
|
export * from './qbo-table.js';
|
|
27
28
|
export * from './qbo-validate.js';
|
|
28
29
|
// Return JSON object from element attributes.
|
|
@@ -118,3 +119,13 @@ export function getApiService(url) {
|
|
|
118
119
|
: new RestApiService(url);
|
|
119
120
|
return (relativePath) ? service.clone(relativePath) : service;
|
|
120
121
|
}
|
|
122
|
+
export function elementDate(date) {
|
|
123
|
+
if (!date || date.trim() == '')
|
|
124
|
+
return '';
|
|
125
|
+
return new Date(date).toISOString().slice(0, 10);
|
|
126
|
+
}
|
|
127
|
+
export function elementDateTime(date) {
|
|
128
|
+
if (!date || date.trim() == '')
|
|
129
|
+
return '';
|
|
130
|
+
return new Date(date).toLocaleString().replace(',', '');
|
|
131
|
+
}
|
package/src/qbo/Program.ts
CHANGED
|
@@ -25,6 +25,7 @@ export * from './qbo-popup.js';
|
|
|
25
25
|
export * from './qbo-popup-listener.js';
|
|
26
26
|
export * from './qbo-select.js';
|
|
27
27
|
export * from './qbo-sidebar.js'
|
|
28
|
+
export * from './qbo-ssn.js';
|
|
28
29
|
export * from './qbo-table.js';
|
|
29
30
|
export * from './qbo-validate.js';
|
|
30
31
|
|
|
@@ -116,7 +117,6 @@ export function elementData(element: HTMLElement) {
|
|
|
116
117
|
return record;
|
|
117
118
|
}
|
|
118
119
|
|
|
119
|
-
|
|
120
120
|
export function getApiService(url: string) {
|
|
121
121
|
const parts = url.match(/api:\/\/([^/]+)/);
|
|
122
122
|
const name = parts ? parts[1] : url;
|
|
@@ -126,4 +126,14 @@ export function getApiService(url: string) {
|
|
|
126
126
|
: new RestApiService(url);
|
|
127
127
|
|
|
128
128
|
return (relativePath) ? service.clone(relativePath) : service;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
export function elementDate(date: string) {
|
|
132
|
+
if (!date || date.trim() == '') return '';
|
|
133
|
+
return new Date(date).toISOString().slice(0, 10);
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
export function elementDateTime(date: string) {
|
|
137
|
+
if (!date || date.trim() == '') return '';
|
|
138
|
+
return new Date(date).toLocaleString().replace(',', '');
|
|
129
139
|
}
|
package/src/qbo/qbo-contact.js
CHANGED
|
@@ -11,6 +11,7 @@ import { html, LitElement } from 'lit';
|
|
|
11
11
|
import { customElement, property } from 'lit/decorators.js';
|
|
12
12
|
import { services } from '@quandis/qbo4.configuration';
|
|
13
13
|
import { RestApiService } from './RestApiService.js';
|
|
14
|
+
import { elementDate } from './Program.js';
|
|
14
15
|
let QboContact = class QboContact extends LitElement {
|
|
15
16
|
constructor() {
|
|
16
17
|
super(...arguments);
|
|
@@ -44,142 +45,142 @@ let QboContact = class QboContact extends LitElement {
|
|
|
44
45
|
return html `<slot>
|
|
45
46
|
<div class="${this.colSixClass}">
|
|
46
47
|
<label for="${this.contactName}" class="${this.formLabelSmallClass}">${this.contactLabel}</label>
|
|
47
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="${this.contactName}" value="${this.jsonData
|
|
48
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="${this.contactName}" value="${this.jsonData.Root.ContactItem?.Contact}"/>
|
|
48
49
|
</div>
|
|
49
50
|
<div class="${this.colSixClass}">
|
|
50
51
|
<label for="ContactTemplateID" class="${this.formLabelSmallClass}">Template</label>
|
|
51
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactTemplateID" apiEndpoint="api://qbo/contacttemplate/listwhere?appliesto=${this.jsonData
|
|
52
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactTemplateID" apiEndpoint="api://qbo/contacttemplate/listwhere?appliesto=${this.jsonData.Root.ContactItem?.Object}" defaultValue="${this.jsonData.Root.ContactItem?.ContactTemplateID}"></qbo-select>
|
|
52
53
|
</div>
|
|
53
54
|
<div class="${this.colSixClass}">
|
|
54
55
|
<label for="Status" class="${this.formLabelSmallClass}">Status</label>
|
|
55
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Status" apiEndpoint="api://qbo/objectstatus/customlist?object=Contact&objectid=${this.jsonData
|
|
56
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Status" apiEndpoint="api://qbo/objectstatus/customlist?object=Contact&objectid=${this.jsonData.Root.ContactItem?.ContactTemplateID}" optionValue="ObjectStatus" defaultValue="${this.jsonData.Root.ContactItem?.Status}"></qbo-select>
|
|
56
57
|
</div>
|
|
57
58
|
<div class="${this.colSixClass}">
|
|
58
59
|
<label for="ContactType" class="${this.formLabelSmallClass}">Type</label>
|
|
59
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactType" apiEndpoint="api://qbo/objecttype/customlist?object=Contact&objectid=${this.jsonData
|
|
60
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactType" apiEndpoint="api://qbo/objecttype/customlist?object=Contact&objectid=${this.jsonData.Root.ContactItem?.ContactTemplateID}" optionValue="ObjectType" defaultValue="${this.jsonData.Root.ContactItem?.ContactType}"></qbo-select>
|
|
60
61
|
</div>
|
|
61
62
|
<div class="${this.divSectionHeaderClass}">
|
|
62
63
|
<h5>Location</h5>
|
|
63
64
|
</div>
|
|
64
65
|
<div class="${this.colSixClass}">
|
|
65
66
|
<label for="Company" class="${this.formLabelSmallClass}">Company</label>
|
|
66
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Company" value="${this.jsonData
|
|
67
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Company" value="${this.jsonData.Root.ContactItem?.Company}"/>
|
|
67
68
|
</div>
|
|
68
69
|
<div class="${this.colSixClass}">
|
|
69
70
|
<label for="Title" class="${this.formLabelSmallClass}">Title</label>
|
|
70
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Title" value="${this.jsonData
|
|
71
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Title" value="${this.jsonData.Root.ContactItem?.Title}"/>
|
|
71
72
|
</div>
|
|
72
73
|
<div class="${this.colTwelveClass}">
|
|
73
74
|
<label for="Address" class="${this.formLabelSmallClass}">Address</label>
|
|
74
|
-
<textarea ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Address">${this.jsonData
|
|
75
|
+
<textarea ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Address">${this.jsonData.Root.ContactItem?.Address}</textarea>
|
|
75
76
|
</div>
|
|
76
77
|
<div class="${this.colSixClass}">
|
|
77
78
|
<label for="City" class="${this.formLabelSmallClass}">City</label>
|
|
78
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="City" value="${this.jsonData
|
|
79
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="City" value="${this.jsonData.Root.ContactItem?.City}"/>
|
|
79
80
|
</div>
|
|
80
81
|
<div class="${this.colThreeClass}">
|
|
81
82
|
<label for="State" class="${this.formLabelSmallClass}">State</label>
|
|
82
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="State" apiEndpoint="api://qbo/state/list" optionValue="State" defaultValue="${this.jsonData
|
|
83
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="State" apiEndpoint="api://qbo/state/list" optionValue="State" defaultValue="${this.jsonData.Root.ContactItem?.State}"></qbo-select>
|
|
83
84
|
</div>
|
|
84
85
|
<div class="${this.colThreeClass}">
|
|
85
86
|
<label for="PostalCode" class="${this.formLabelSmallClass}">Postal Code</label>
|
|
86
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="PostalCode" pattern="\d{5}-?(\d{4})?" value="${this.jsonData
|
|
87
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="PostalCode" pattern="\d{5}-?(\d{4})?" value="${this.jsonData.Root.ContactItem?.PostalCode}"/>
|
|
87
88
|
</div>
|
|
88
89
|
<div class="${this.colSixClass}">
|
|
89
90
|
<label for="Country" class="${this.formLabelSmallClass}">Country</label>
|
|
90
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Country" value="${this.jsonData
|
|
91
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Country" value="${this.jsonData.Root.ContactItem?.Country}"/>
|
|
91
92
|
</div>
|
|
92
93
|
<div class="${this.colThreeClass}">
|
|
93
94
|
<label for="Latitude" class="${this.formLabelSmallClass}">Latitude</label>
|
|
94
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Latitude" value="${this.jsonData
|
|
95
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Latitude" value="${this.jsonData.Root.ContactItem?.Latitude}"/>
|
|
95
96
|
</div>
|
|
96
97
|
<div class="${this.colThreeClass}">
|
|
97
98
|
<label for="Longitude" class="${this.formLabelSmallClass}">Longitude</label>
|
|
98
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Longitude" value="${this.jsonData
|
|
99
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Longitude" value="${this.jsonData.Root.ContactItem?.Longitude}"/>
|
|
99
100
|
</div>
|
|
100
101
|
<div class="${this.divSectionHeaderClass}">
|
|
101
102
|
<h5>Identity</h5>
|
|
102
103
|
</div>
|
|
103
104
|
<div class="${this.colThreeClass}">
|
|
104
105
|
<label for="USSSN" class="${this.formLabelSmallClass}">SSN</label>
|
|
105
|
-
<
|
|
106
|
+
<qbo-ssn ssn="${this.jsonData.Root.ContactItem?.USSSN}" contactId="${this.contactId}"></qbo-ssn>
|
|
106
107
|
</div>
|
|
107
108
|
<div class="${this.colThreeClass}">
|
|
108
109
|
<label for="TIN" class="${this.formLabelSmallClass}">TIN</label>
|
|
109
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="TIN" value="${this.jsonData
|
|
110
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="TIN" value="${this.jsonData.Root.ContactItem?.TIN}"/>
|
|
110
111
|
</div>
|
|
111
112
|
<div class="${this.colThreeClass}">
|
|
112
113
|
<label for="Nationality" class="${this.formLabelSmallClass}">Nationality</label>
|
|
113
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Nationality" apiEndpoint="api://qbo/objecttype/list?object=Contact.Nationality" optionValue="ObjectType" defaultValue="${this.jsonData
|
|
114
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Nationality" apiEndpoint="api://qbo/objecttype/list?object=Contact.Nationality" optionValue="ObjectType" defaultValue="${this.jsonData.Root.ContactItem?.Nationality}"></qbo-select>
|
|
114
115
|
</div>
|
|
115
116
|
<div class="${this.colThreeClass}">
|
|
116
117
|
<label for="SpokenLanguage" class="${this.formLabelSmallClass}">Spoken Language</label>
|
|
117
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SpokenLanguage" apiEndpoint="api://qbo/objecttype/list?object=Contact.SpokenLanguage" optionValue="ObjectType" defaultValue="${this.jsonData
|
|
118
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SpokenLanguage" apiEndpoint="api://qbo/objecttype/list?object=Contact.SpokenLanguage" optionValue="ObjectType" defaultValue="${this.jsonData.Root.ContactItem?.SpokenLanguage}"></qbo-select>
|
|
118
119
|
</div>
|
|
119
120
|
<div class="${this.colThreeClass}">
|
|
120
121
|
<label for="BirthDate" class="${this.formLabelSmallClass}">Birth Date</label>
|
|
121
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="BirthDate" value="${
|
|
122
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="BirthDate" value="${elementDate(this.jsonData.Root.ContactItem?.BirthDate)}"/>
|
|
122
123
|
</div>
|
|
123
124
|
<div class="${this.colThreeClass}">
|
|
124
125
|
<label for="DeathDate" class="${this.formLabelSmallClass}">Death Date</label>
|
|
125
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="DeathDate" value="${
|
|
126
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="DeathDate" value="${elementDate(this.jsonData.Root.ContactItem?.DeathDate)}"/>
|
|
126
127
|
</div>
|
|
127
128
|
<div class="${this.colThreeClass}">
|
|
128
129
|
<label for="ValidStart" class="${this.formLabelSmallClass}">Valid Start</label>
|
|
129
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidStart" value="${
|
|
130
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidStart" value="${elementDate(this.jsonData.Root.ContactItem?.ValidStart)}"/>
|
|
130
131
|
</div>
|
|
131
132
|
<div class="${this.colThreeClass}">
|
|
132
133
|
<label for="ValidEnd" class="${this.formLabelSmallClass}">Valid End</label>
|
|
133
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidEnd" value="${
|
|
134
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidEnd" value="${elementDate(this.jsonData.Root.ContactItem?.ValidEnd)}"/>
|
|
134
135
|
</div>
|
|
135
136
|
<div class="${this.colSixClass}">
|
|
136
137
|
<label for="VerifiedSource" class="${this.formLabelSmallClass}">Verified Source</label>
|
|
137
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedSource" value="${this.jsonData
|
|
138
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedSource" value="${this.jsonData.Root.ContactItem?.VerifiedSource}"/>
|
|
138
139
|
</div>
|
|
139
140
|
<div class="${this.colThreeClass}">
|
|
140
141
|
<label for="VerifiedDate" class="${this.formLabelSmallClass}">Verified Date</label>
|
|
141
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedDate" value="${
|
|
142
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedDate" value="${elementDate(this.jsonData.Root.ContactItem?.VerifiedDate)}"/>
|
|
142
143
|
</div>
|
|
143
144
|
<div class="${this.colThreeClass}">
|
|
144
145
|
<label for="VerifiedConfidence" class="${this.formLabelSmallClass}">Verified Confidence</label>
|
|
145
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedConfidence" value="${this.jsonData
|
|
146
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedConfidence" value="${this.jsonData.Root.ContactItem?.VerifiedConfidence}"/>
|
|
146
147
|
</div>
|
|
147
148
|
<div class="${this.divSectionHeaderClass}">
|
|
148
149
|
<h5>SCRA</h5>
|
|
149
150
|
</div>
|
|
150
151
|
<div class="${this.colThreeClass}">
|
|
151
152
|
<label for="SCRAStatus" class="${this.formLabelSmallClass}">SCRA Status</label>
|
|
152
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SCRAStatus" apiEndpoint="api://qbo/objecttype/list?object=Contact.SCRAStatus" optionValue="ObjectType" defaultValue="${this.jsonData
|
|
153
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SCRAStatus" apiEndpoint="api://qbo/objecttype/list?object=Contact.SCRAStatus" optionValue="ObjectType" defaultValue="${this.jsonData.Root.ContactItem?.SCRAStatus}"></qbo-select>
|
|
153
154
|
</div>
|
|
154
155
|
<div class="${this.colThreeClass}">
|
|
155
156
|
<label for="SCRAStatusAsOf" class="${this.formLabelSmallClass}">SCRA Status As Of</label>
|
|
156
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStatusAsOf" value="${
|
|
157
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStatusAsOf" value="${elementDate(this.jsonData.Root.ContactItem?.SCRAStatusAsOf)}"/>
|
|
157
158
|
</div>
|
|
158
159
|
<div class="${this.colThreeClass}">
|
|
159
160
|
<label for="SCRAStartDate" class="${this.formLabelSmallClass}">SCRA Start Date</label>
|
|
160
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStartDate" value="${
|
|
161
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStartDate" value="${elementDate(this.jsonData.Root.ContactItem?.SCRAStartDate)}"/>
|
|
161
162
|
</div>
|
|
162
163
|
<div class="${this.colThreeClass}">
|
|
163
164
|
<label for="SCRADischargeDate" class="${this.formLabelSmallClass}">SCRA Discharge Date</label>
|
|
164
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRADischargeDate" value="${
|
|
165
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRADischargeDate" value="${elementDate(this.jsonData.Root.ContactItem?.SCRADischargeDate)}"/>
|
|
165
166
|
</div>
|
|
166
167
|
<div class="${this.colThreeClass}">
|
|
167
168
|
<label for="SCRAVerified" class="${this.formLabelSmallClass}">SCRA Verified</label>
|
|
168
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerified" value="${this.jsonData
|
|
169
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerified" value="${this.jsonData.Root.ContactItem?.SCRAVerified}"/>
|
|
169
170
|
</div>
|
|
170
171
|
<div class="${this.colThreeClass}">
|
|
171
172
|
<label for="SCRAVerifiedDate" class="${this.formLabelSmallClass}">SCRA Verified Date</label>
|
|
172
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerifiedDate" value="${
|
|
173
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerifiedDate" value="${elementDate(this.jsonData.Root.ContactItem?.SCRAVerifiedDate)}"/>
|
|
173
174
|
</div>
|
|
174
175
|
<div class="${this.colThreeClass}">
|
|
175
176
|
<label for="SCRASource" class="${this.formLabelSmallClass}">SCRA Source</label>
|
|
176
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRASource" value="${this.jsonData
|
|
177
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRASource" value="${this.jsonData.Root.ContactItem?.SCRASource}"/>
|
|
177
178
|
</div>
|
|
178
179
|
<div class="${this.colThreeClass}">
|
|
179
180
|
<label for="SCRAID" class="${this.formLabelSmallClass}">SCRA ID</label>
|
|
180
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAID" value="${this.jsonData
|
|
181
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAID" value="${this.jsonData.Root.ContactItem?.SCRAID}"/>
|
|
181
182
|
</div>
|
|
182
|
-
<qbo-form-edit
|
|
183
|
+
<qbo-form-edit .data="${this.jsonData.Root.ContactItem}"></qbo-form-edit>
|
|
183
184
|
</slot>`;
|
|
184
185
|
}
|
|
185
186
|
};
|
package/src/qbo/qbo-contact.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { customElement, property } from 'lit/decorators.js';
|
|
|
3
3
|
import { IApiService } from './IApiService.js';
|
|
4
4
|
import { services } from '@quandis/qbo4.configuration';
|
|
5
5
|
import { RestApiService } from './RestApiService.js';
|
|
6
|
+
import { elementDate } from './Program.js';
|
|
6
7
|
|
|
7
8
|
@customElement('qbo-contact')
|
|
8
9
|
export class QboContact extends LitElement {
|
|
@@ -69,142 +70,142 @@ export class QboContact extends LitElement {
|
|
|
69
70
|
return html`<slot>
|
|
70
71
|
<div class="${this.colSixClass}">
|
|
71
72
|
<label for="${this.contactName}" class="${this.formLabelSmallClass}">${this.contactLabel}</label>
|
|
72
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="${this.contactName}" value="${this.jsonData
|
|
73
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="${this.contactName}" value="${this.jsonData.Root.ContactItem?.Contact}"/>
|
|
73
74
|
</div>
|
|
74
75
|
<div class="${this.colSixClass}">
|
|
75
76
|
<label for="ContactTemplateID" class="${this.formLabelSmallClass}">Template</label>
|
|
76
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactTemplateID" apiEndpoint="api://qbo/contacttemplate/listwhere?appliesto=${this.jsonData
|
|
77
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactTemplateID" apiEndpoint="api://qbo/contacttemplate/listwhere?appliesto=${this.jsonData.Root.ContactItem?.Object}" defaultValue="${this.jsonData.Root.ContactItem?.ContactTemplateID}"></qbo-select>
|
|
77
78
|
</div>
|
|
78
79
|
<div class="${this.colSixClass}">
|
|
79
80
|
<label for="Status" class="${this.formLabelSmallClass}">Status</label>
|
|
80
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Status" apiEndpoint="api://qbo/objectstatus/customlist?object=Contact&objectid=${this.jsonData
|
|
81
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Status" apiEndpoint="api://qbo/objectstatus/customlist?object=Contact&objectid=${this.jsonData.Root.ContactItem?.ContactTemplateID}" optionValue="ObjectStatus" defaultValue="${this.jsonData.Root.ContactItem?.Status}"></qbo-select>
|
|
81
82
|
</div>
|
|
82
83
|
<div class="${this.colSixClass}">
|
|
83
84
|
<label for="ContactType" class="${this.formLabelSmallClass}">Type</label>
|
|
84
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactType" apiEndpoint="api://qbo/objecttype/customlist?object=Contact&objectid=${this.jsonData
|
|
85
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactType" apiEndpoint="api://qbo/objecttype/customlist?object=Contact&objectid=${this.jsonData.Root.ContactItem?.ContactTemplateID}" optionValue="ObjectType" defaultValue="${this.jsonData.Root.ContactItem?.ContactType}"></qbo-select>
|
|
85
86
|
</div>
|
|
86
87
|
<div class="${this.divSectionHeaderClass}">
|
|
87
88
|
<h5>Location</h5>
|
|
88
89
|
</div>
|
|
89
90
|
<div class="${this.colSixClass}">
|
|
90
91
|
<label for="Company" class="${this.formLabelSmallClass}">Company</label>
|
|
91
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Company" value="${this.jsonData
|
|
92
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Company" value="${this.jsonData.Root.ContactItem?.Company}"/>
|
|
92
93
|
</div>
|
|
93
94
|
<div class="${this.colSixClass}">
|
|
94
95
|
<label for="Title" class="${this.formLabelSmallClass}">Title</label>
|
|
95
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Title" value="${this.jsonData
|
|
96
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Title" value="${this.jsonData.Root.ContactItem?.Title}"/>
|
|
96
97
|
</div>
|
|
97
98
|
<div class="${this.colTwelveClass}">
|
|
98
99
|
<label for="Address" class="${this.formLabelSmallClass}">Address</label>
|
|
99
|
-
<textarea ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Address">${this.jsonData
|
|
100
|
+
<textarea ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Address">${this.jsonData.Root.ContactItem?.Address}</textarea>
|
|
100
101
|
</div>
|
|
101
102
|
<div class="${this.colSixClass}">
|
|
102
103
|
<label for="City" class="${this.formLabelSmallClass}">City</label>
|
|
103
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="City" value="${this.jsonData
|
|
104
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="City" value="${this.jsonData.Root.ContactItem?.City}"/>
|
|
104
105
|
</div>
|
|
105
106
|
<div class="${this.colThreeClass}">
|
|
106
107
|
<label for="State" class="${this.formLabelSmallClass}">State</label>
|
|
107
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="State" apiEndpoint="api://qbo/state/list" optionValue="State" defaultValue="${this.jsonData
|
|
108
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="State" apiEndpoint="api://qbo/state/list" optionValue="State" defaultValue="${this.jsonData.Root.ContactItem?.State}"></qbo-select>
|
|
108
109
|
</div>
|
|
109
110
|
<div class="${this.colThreeClass}">
|
|
110
111
|
<label for="PostalCode" class="${this.formLabelSmallClass}">Postal Code</label>
|
|
111
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="PostalCode" pattern="\d{5}-?(\d{4})?" value="${this.jsonData
|
|
112
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="PostalCode" pattern="\d{5}-?(\d{4})?" value="${this.jsonData.Root.ContactItem?.PostalCode}"/>
|
|
112
113
|
</div>
|
|
113
114
|
<div class="${this.colSixClass}">
|
|
114
115
|
<label for="Country" class="${this.formLabelSmallClass}">Country</label>
|
|
115
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Country" value="${this.jsonData
|
|
116
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Country" value="${this.jsonData.Root.ContactItem?.Country}"/>
|
|
116
117
|
</div>
|
|
117
118
|
<div class="${this.colThreeClass}">
|
|
118
119
|
<label for="Latitude" class="${this.formLabelSmallClass}">Latitude</label>
|
|
119
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Latitude" value="${this.jsonData
|
|
120
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Latitude" value="${this.jsonData.Root.ContactItem?.Latitude}"/>
|
|
120
121
|
</div>
|
|
121
122
|
<div class="${this.colThreeClass}">
|
|
122
123
|
<label for="Longitude" class="${this.formLabelSmallClass}">Longitude</label>
|
|
123
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Longitude" value="${this.jsonData
|
|
124
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Longitude" value="${this.jsonData.Root.ContactItem?.Longitude}"/>
|
|
124
125
|
</div>
|
|
125
126
|
<div class="${this.divSectionHeaderClass}">
|
|
126
127
|
<h5>Identity</h5>
|
|
127
128
|
</div>
|
|
128
129
|
<div class="${this.colThreeClass}">
|
|
129
130
|
<label for="USSSN" class="${this.formLabelSmallClass}">SSN</label>
|
|
130
|
-
<
|
|
131
|
+
<qbo-ssn ssn="${this.jsonData.Root.ContactItem?.USSSN}" contactId="${this.contactId}"></qbo-ssn>
|
|
131
132
|
</div>
|
|
132
133
|
<div class="${this.colThreeClass}">
|
|
133
134
|
<label for="TIN" class="${this.formLabelSmallClass}">TIN</label>
|
|
134
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="TIN" value="${this.jsonData
|
|
135
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="TIN" value="${this.jsonData.Root.ContactItem?.TIN}"/>
|
|
135
136
|
</div>
|
|
136
137
|
<div class="${this.colThreeClass}">
|
|
137
138
|
<label for="Nationality" class="${this.formLabelSmallClass}">Nationality</label>
|
|
138
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Nationality" apiEndpoint="api://qbo/objecttype/list?object=Contact.Nationality" optionValue="ObjectType" defaultValue="${this.jsonData
|
|
139
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Nationality" apiEndpoint="api://qbo/objecttype/list?object=Contact.Nationality" optionValue="ObjectType" defaultValue="${this.jsonData.Root.ContactItem?.Nationality}"></qbo-select>
|
|
139
140
|
</div>
|
|
140
141
|
<div class="${this.colThreeClass}">
|
|
141
142
|
<label for="SpokenLanguage" class="${this.formLabelSmallClass}">Spoken Language</label>
|
|
142
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SpokenLanguage" apiEndpoint="api://qbo/objecttype/list?object=Contact.SpokenLanguage" optionValue="ObjectType" defaultValue="${this.jsonData
|
|
143
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SpokenLanguage" apiEndpoint="api://qbo/objecttype/list?object=Contact.SpokenLanguage" optionValue="ObjectType" defaultValue="${this.jsonData.Root.ContactItem?.SpokenLanguage}"></qbo-select>
|
|
143
144
|
</div>
|
|
144
145
|
<div class="${this.colThreeClass}">
|
|
145
146
|
<label for="BirthDate" class="${this.formLabelSmallClass}">Birth Date</label>
|
|
146
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="BirthDate" value="${
|
|
147
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="BirthDate" value="${elementDate(this.jsonData.Root.ContactItem?.BirthDate)}"/>
|
|
147
148
|
</div>
|
|
148
149
|
<div class="${this.colThreeClass}">
|
|
149
150
|
<label for="DeathDate" class="${this.formLabelSmallClass}">Death Date</label>
|
|
150
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="DeathDate" value="${
|
|
151
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="DeathDate" value="${elementDate(this.jsonData.Root.ContactItem?.DeathDate)}"/>
|
|
151
152
|
</div>
|
|
152
153
|
<div class="${this.colThreeClass}">
|
|
153
154
|
<label for="ValidStart" class="${this.formLabelSmallClass}">Valid Start</label>
|
|
154
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidStart" value="${
|
|
155
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidStart" value="${elementDate(this.jsonData.Root.ContactItem?.ValidStart)}"/>
|
|
155
156
|
</div>
|
|
156
157
|
<div class="${this.colThreeClass}">
|
|
157
158
|
<label for="ValidEnd" class="${this.formLabelSmallClass}">Valid End</label>
|
|
158
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidEnd" value="${
|
|
159
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidEnd" value="${elementDate(this.jsonData.Root.ContactItem?.ValidEnd)}"/>
|
|
159
160
|
</div>
|
|
160
161
|
<div class="${this.colSixClass}">
|
|
161
162
|
<label for="VerifiedSource" class="${this.formLabelSmallClass}">Verified Source</label>
|
|
162
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedSource" value="${this.jsonData
|
|
163
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedSource" value="${this.jsonData.Root.ContactItem?.VerifiedSource}"/>
|
|
163
164
|
</div>
|
|
164
165
|
<div class="${this.colThreeClass}">
|
|
165
166
|
<label for="VerifiedDate" class="${this.formLabelSmallClass}">Verified Date</label>
|
|
166
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedDate" value="${
|
|
167
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedDate" value="${elementDate(this.jsonData.Root.ContactItem?.VerifiedDate)}"/>
|
|
167
168
|
</div>
|
|
168
169
|
<div class="${this.colThreeClass}">
|
|
169
170
|
<label for="VerifiedConfidence" class="${this.formLabelSmallClass}">Verified Confidence</label>
|
|
170
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedConfidence" value="${this.jsonData
|
|
171
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedConfidence" value="${this.jsonData.Root.ContactItem?.VerifiedConfidence}"/>
|
|
171
172
|
</div>
|
|
172
173
|
<div class="${this.divSectionHeaderClass}">
|
|
173
174
|
<h5>SCRA</h5>
|
|
174
175
|
</div>
|
|
175
176
|
<div class="${this.colThreeClass}">
|
|
176
177
|
<label for="SCRAStatus" class="${this.formLabelSmallClass}">SCRA Status</label>
|
|
177
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SCRAStatus" apiEndpoint="api://qbo/objecttype/list?object=Contact.SCRAStatus" optionValue="ObjectType" defaultValue="${this.jsonData
|
|
178
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SCRAStatus" apiEndpoint="api://qbo/objecttype/list?object=Contact.SCRAStatus" optionValue="ObjectType" defaultValue="${this.jsonData.Root.ContactItem?.SCRAStatus}"></qbo-select>
|
|
178
179
|
</div>
|
|
179
180
|
<div class="${this.colThreeClass}">
|
|
180
181
|
<label for="SCRAStatusAsOf" class="${this.formLabelSmallClass}">SCRA Status As Of</label>
|
|
181
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStatusAsOf" value="${
|
|
182
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStatusAsOf" value="${elementDate(this.jsonData.Root.ContactItem?.SCRAStatusAsOf)}"/>
|
|
182
183
|
</div>
|
|
183
184
|
<div class="${this.colThreeClass}">
|
|
184
185
|
<label for="SCRAStartDate" class="${this.formLabelSmallClass}">SCRA Start Date</label>
|
|
185
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStartDate" value="${
|
|
186
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStartDate" value="${elementDate(this.jsonData.Root.ContactItem?.SCRAStartDate)}"/>
|
|
186
187
|
</div>
|
|
187
188
|
<div class="${this.colThreeClass}">
|
|
188
189
|
<label for="SCRADischargeDate" class="${this.formLabelSmallClass}">SCRA Discharge Date</label>
|
|
189
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRADischargeDate" value="${
|
|
190
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRADischargeDate" value="${elementDate(this.jsonData.Root.ContactItem?.SCRADischargeDate)}"/>
|
|
190
191
|
</div>
|
|
191
192
|
<div class="${this.colThreeClass}">
|
|
192
193
|
<label for="SCRAVerified" class="${this.formLabelSmallClass}">SCRA Verified</label>
|
|
193
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerified" value="${this.jsonData
|
|
194
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerified" value="${this.jsonData.Root.ContactItem?.SCRAVerified}"/>
|
|
194
195
|
</div>
|
|
195
196
|
<div class="${this.colThreeClass}">
|
|
196
197
|
<label for="SCRAVerifiedDate" class="${this.formLabelSmallClass}">SCRA Verified Date</label>
|
|
197
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerifiedDate" value="${
|
|
198
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerifiedDate" value="${elementDate(this.jsonData.Root.ContactItem?.SCRAVerifiedDate)}"/>
|
|
198
199
|
</div>
|
|
199
200
|
<div class="${this.colThreeClass}">
|
|
200
201
|
<label for="SCRASource" class="${this.formLabelSmallClass}">SCRA Source</label>
|
|
201
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRASource" value="${this.jsonData
|
|
202
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRASource" value="${this.jsonData.Root.ContactItem?.SCRASource}"/>
|
|
202
203
|
</div>
|
|
203
204
|
<div class="${this.colThreeClass}">
|
|
204
205
|
<label for="SCRAID" class="${this.formLabelSmallClass}">SCRA ID</label>
|
|
205
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAID" value="${this.jsonData
|
|
206
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAID" value="${this.jsonData.Root.ContactItem?.SCRAID}"/>
|
|
206
207
|
</div>
|
|
207
|
-
<qbo-form-edit
|
|
208
|
+
<qbo-form-edit .data="${this.jsonData.Root.ContactItem}"></qbo-form-edit>
|
|
208
209
|
</slot>`;
|
|
209
210
|
}
|
|
210
211
|
}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
1
|
+
import { LitElement, TemplateResult } from 'lit';
|
|
2
2
|
export declare class QboFormEdit extends LitElement {
|
|
3
3
|
buttonPrimaryClass: String | null;
|
|
4
|
-
|
|
5
|
-
createdPerson: null;
|
|
4
|
+
data: Object;
|
|
6
5
|
divButtonGroupClass: String | null;
|
|
7
6
|
divFormActionClass: String | null;
|
|
8
7
|
divSectionHeaderClass: String | null;
|
|
9
8
|
editLabel: String | null;
|
|
9
|
+
infoButtonClass: String | null;
|
|
10
|
+
infoIconClass: String | null;
|
|
11
|
+
infoTitle: String | null;
|
|
12
|
+
popoverClass: String | null;
|
|
10
13
|
spanEditClass: String | null;
|
|
11
|
-
|
|
12
|
-
updatedPerson: null;
|
|
14
|
+
type: string | null;
|
|
13
15
|
renderInHost: boolean;
|
|
14
16
|
createRenderRoot(): HTMLElement | DocumentFragment;
|
|
15
|
-
render():
|
|
17
|
+
render(): TemplateResult<1>;
|
|
16
18
|
}
|