@signature.digital/catalog 1.5.1 → 1.6.0
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/dist_bundle/bundle.js +186 -186
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace-inbox.d.ts +2 -1
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace-inbox.js +24 -9
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace.d.ts +2 -1
- package/dist_ts_web/elements/sdig-workspace/sdig-workspace.js +14 -6
- package/package.json +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/sdig-workspace/sdig-workspace-inbox.ts +15 -7
- package/ts_web/elements/sdig-workspace/sdig-workspace.ts +5 -4
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@signature.digital/catalog',
|
|
6
|
-
version: '1.
|
|
6
|
+
version: '1.6.0',
|
|
7
7
|
description: 'A comprehensive catalog of customizable web components designed for building and managing e-signature applications.'
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNEJBQTRCO0lBQ2xDLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSxxSEFBcUg7Q0FDbkksQ0FBQSJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
-
import { type TDensity } from './sdig-workspace.shared.js';
|
|
2
|
+
import { type IDocumentRow, type TDensity } from './sdig-workspace.shared.js';
|
|
3
3
|
declare global {
|
|
4
4
|
interface HTMLElementTagNameMap {
|
|
5
5
|
'sdig-workspace-inbox': SdigWorkspaceInbox;
|
|
@@ -9,6 +9,7 @@ export declare class SdigWorkspaceInbox extends DeesElement {
|
|
|
9
9
|
static demo: () => TemplateResult;
|
|
10
10
|
static demoGroups: string[];
|
|
11
11
|
accessor density: TDensity;
|
|
12
|
+
accessor documents: IDocumentRow[];
|
|
12
13
|
private accessor filter;
|
|
13
14
|
private accessor search;
|
|
14
15
|
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
@@ -44,6 +44,9 @@ let SdigWorkspaceInbox = (() => {
|
|
|
44
44
|
let _density_decorators;
|
|
45
45
|
let _density_initializers = [];
|
|
46
46
|
let _density_extraInitializers = [];
|
|
47
|
+
let _documents_decorators;
|
|
48
|
+
let _documents_initializers = [];
|
|
49
|
+
let _documents_extraInitializers = [];
|
|
47
50
|
let _filter_decorators;
|
|
48
51
|
let _filter_initializers = [];
|
|
49
52
|
let _filter_extraInitializers = [];
|
|
@@ -55,9 +58,11 @@ let SdigWorkspaceInbox = (() => {
|
|
|
55
58
|
static {
|
|
56
59
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
57
60
|
_density_decorators = [property({ type: String })];
|
|
61
|
+
_documents_decorators = [property({ attribute: false })];
|
|
58
62
|
_filter_decorators = [state()];
|
|
59
63
|
_search_decorators = [state()];
|
|
60
64
|
__esDecorate(this, null, _density_decorators, { kind: "accessor", name: "density", static: false, private: false, access: { has: obj => "density" in obj, get: obj => obj.density, set: (obj, value) => { obj.density = value; } }, metadata: _metadata }, _density_initializers, _density_extraInitializers);
|
|
65
|
+
__esDecorate(this, null, _documents_decorators, { kind: "accessor", name: "documents", static: false, private: false, access: { has: obj => "documents" in obj, get: obj => obj.documents, set: (obj, value) => { obj.documents = value; } }, metadata: _metadata }, _documents_initializers, _documents_extraInitializers);
|
|
61
66
|
__esDecorate(this, null, _filter_decorators, { kind: "accessor", name: "filter", static: false, private: false, access: { has: obj => "filter" in obj, get: obj => obj.filter, set: (obj, value) => { obj.filter = value; } }, metadata: _metadata }, _filter_initializers, _filter_extraInitializers);
|
|
62
67
|
__esDecorate(this, null, _search_decorators, { kind: "accessor", name: "search", static: false, private: false, access: { has: obj => "search" in obj, get: obj => obj.search, set: (obj, value) => { obj.search = value; } }, metadata: _metadata }, _search_initializers, _search_extraInitializers);
|
|
63
68
|
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
@@ -69,7 +74,10 @@ let SdigWorkspaceInbox = (() => {
|
|
|
69
74
|
#density_accessor_storage = __runInitializers(this, _density_initializers, 'comfortable');
|
|
70
75
|
get density() { return this.#density_accessor_storage; }
|
|
71
76
|
set density(value) { this.#density_accessor_storage = value; }
|
|
72
|
-
#
|
|
77
|
+
#documents_accessor_storage = (__runInitializers(this, _density_extraInitializers), __runInitializers(this, _documents_initializers, demoDocuments));
|
|
78
|
+
get documents() { return this.#documents_accessor_storage; }
|
|
79
|
+
set documents(value) { this.#documents_accessor_storage = value; }
|
|
80
|
+
#filter_accessor_storage = (__runInitializers(this, _documents_extraInitializers), __runInitializers(this, _filter_initializers, 'all'));
|
|
73
81
|
get filter() { return this.#filter_accessor_storage; }
|
|
74
82
|
set filter(value) { this.#filter_accessor_storage = value; }
|
|
75
83
|
#search_accessor_storage = (__runInitializers(this, _filter_extraInitializers), __runInitializers(this, _search_initializers, ''));
|
|
@@ -102,7 +110,7 @@ let SdigWorkspaceInbox = (() => {
|
|
|
102
110
|
@media (max-width: 920px) { .filterbar { padding: 12px 16px; display: block; } .searchbox { width: 100%; margin-bottom: 10px; } .stats-grid { grid-template-columns: 1fr; } }
|
|
103
111
|
`];
|
|
104
112
|
get filteredDocuments() {
|
|
105
|
-
return
|
|
113
|
+
return this.documents
|
|
106
114
|
.filter((doc) => this.filter === 'all' || doc.status === this.filter)
|
|
107
115
|
.filter((doc) => !this.search || doc.title.toLowerCase().includes(this.search.toLowerCase()));
|
|
108
116
|
}
|
|
@@ -117,21 +125,28 @@ let SdigWorkspaceInbox = (() => {
|
|
|
117
125
|
return pill(label, tone, true);
|
|
118
126
|
}
|
|
119
127
|
openDocument(doc) {
|
|
128
|
+
this.dispatchEvent(new CustomEvent('document-open', {
|
|
129
|
+
detail: { document: doc },
|
|
130
|
+
bubbles: true,
|
|
131
|
+
composed: true,
|
|
132
|
+
}));
|
|
120
133
|
requestWorkspaceView(this, doc.status === 'signed' ? 'audit' : 'sign');
|
|
121
134
|
}
|
|
122
135
|
render() {
|
|
136
|
+
const documents = this.documents;
|
|
123
137
|
const filters = [
|
|
124
|
-
{ id: 'all', label: 'All', count:
|
|
125
|
-
{ id: 'awaiting', label: 'Awaiting', count:
|
|
126
|
-
{ id: 'signed', label: 'Completed', count:
|
|
127
|
-
{ id: 'draft', label: 'Drafts', count:
|
|
128
|
-
{ id: 'declined', label: 'Declined', count:
|
|
138
|
+
{ id: 'all', label: 'All', count: documents.length },
|
|
139
|
+
{ id: 'awaiting', label: 'Awaiting', count: documents.filter((doc) => doc.status === 'awaiting').length },
|
|
140
|
+
{ id: 'signed', label: 'Completed', count: documents.filter((doc) => doc.status === 'signed').length },
|
|
141
|
+
{ id: 'draft', label: 'Drafts', count: documents.filter((doc) => doc.status === 'draft').length },
|
|
142
|
+
{ id: 'declined', label: 'Declined', count: documents.filter((doc) => doc.status === 'declined').length },
|
|
129
143
|
];
|
|
144
|
+
const attentionCount = documents.filter((doc) => doc.status === 'awaiting').length;
|
|
130
145
|
return html `
|
|
131
146
|
${topBar({
|
|
132
147
|
breadcrumb: ['signature.digital', 'Lossless GmbH', 'Inbox'],
|
|
133
148
|
title: 'Inbox',
|
|
134
|
-
subtitle: pill(`${
|
|
149
|
+
subtitle: pill(`${attentionCount} need attention`, 'info'),
|
|
135
150
|
actions: html `${actionButton('Import', 'outline', 'upload')}${actionButton('New document', 'primary', 'plus', () => requestWorkspaceView(this, 'compose'))}`,
|
|
136
151
|
})}
|
|
137
152
|
<div class="filterbar">
|
|
@@ -178,4 +193,4 @@ let SdigWorkspaceInbox = (() => {
|
|
|
178
193
|
return SdigWorkspaceInbox = _classThis;
|
|
179
194
|
})();
|
|
180
195
|
export { SdigWorkspaceInbox };
|
|
181
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
196
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy13b3Jrc3BhY2UtaW5ib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvc2RpZy13b3Jrc3BhY2Uvc2RpZy13b3Jrc3BhY2UtaW5ib3gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUF1QixHQUFHLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxSCxPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxtQkFBbUIsRUFBb0MsTUFBTSw0QkFBNEIsQ0FBQztBQUMxSyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztJQVNuRCxrQkFBa0I7NEJBRDlCLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQzs7OztzQkFDRSxXQUFXOzs7Ozs7Ozs7Ozs7O2tDQUFuQixTQUFRLFdBQVc7Ozs7bUNBSWhELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztxQ0FDMUIsUUFBUSxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO2tDQUM5QixLQUFLLEVBQUU7a0NBQ1AsS0FBSyxFQUFFO1lBSG9CLDBLQUFnQixPQUFPLDZCQUFQLE9BQU8seUZBQTJCO1lBQzlDLGdMQUFnQixTQUFTLDZCQUFULFNBQVMsNkZBQWlDO1lBQ2pGLHVLQUFpQixNQUFNLDZCQUFOLE1BQU0sdUZBQWlCO1lBQ3hDLHVLQUFpQixNQUFNLDZCQUFOLE1BQU0sdUZBQWM7WUFQaEQsNktBaUhDOzs7O1FBaEhRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFBLCtDQUErQyxDQUFDLENBQUM7UUFD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
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
-
import { type TDensity, type TWorkspaceTheme, type TWorkspaceView } from './sdig-workspace.shared.js';
|
|
2
|
+
import { type IDocumentRow, type TDensity, type TWorkspaceTheme, type TWorkspaceView } from './sdig-workspace.shared.js';
|
|
3
3
|
import './sdig-workspace-inbox.js';
|
|
4
4
|
import './sdig-workspace-compose.js';
|
|
5
5
|
import './sdig-workspace-sign.js';
|
|
@@ -19,6 +19,7 @@ export declare class SdigWorkspace extends DeesElement {
|
|
|
19
19
|
accessor theme: TWorkspaceTheme;
|
|
20
20
|
accessor initialView: TWorkspaceView;
|
|
21
21
|
accessor view: TWorkspaceView;
|
|
22
|
+
accessor documents: IDocumentRow[];
|
|
22
23
|
connectedCallback: () => Promise<void>;
|
|
23
24
|
disconnectedCallback: () => Promise<void>;
|
|
24
25
|
static styles: import("@design.estate/dees-element").CSSResult;
|
|
@@ -33,7 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
33
33
|
return useValue ? value : void 0;
|
|
34
34
|
};
|
|
35
35
|
import { DeesElement, property, html, customElement, css } from '@design.estate/dees-element';
|
|
36
|
-
import { icon } from './sdig-workspace.shared.js';
|
|
36
|
+
import { demoDocuments, icon } from './sdig-workspace.shared.js';
|
|
37
37
|
import './sdig-workspace-inbox.js';
|
|
38
38
|
import './sdig-workspace-compose.js';
|
|
39
39
|
import './sdig-workspace-sign.js';
|
|
@@ -61,6 +61,9 @@ let SdigWorkspace = (() => {
|
|
|
61
61
|
let _view_decorators;
|
|
62
62
|
let _view_initializers = [];
|
|
63
63
|
let _view_extraInitializers = [];
|
|
64
|
+
let _documents_decorators;
|
|
65
|
+
let _documents_initializers = [];
|
|
66
|
+
let _documents_extraInitializers = [];
|
|
64
67
|
var SdigWorkspace = class extends _classSuper {
|
|
65
68
|
static { _classThis = this; }
|
|
66
69
|
static {
|
|
@@ -70,11 +73,13 @@ let SdigWorkspace = (() => {
|
|
|
70
73
|
_theme_decorators = [property({ type: String, reflect: true })];
|
|
71
74
|
_initialView_decorators = [property({ type: String })];
|
|
72
75
|
_view_decorators = [property({ type: String, reflect: true })];
|
|
76
|
+
_documents_decorators = [property({ attribute: false })];
|
|
73
77
|
__esDecorate(this, null, _accent_decorators, { kind: "accessor", name: "accent", static: false, private: false, access: { has: obj => "accent" in obj, get: obj => obj.accent, set: (obj, value) => { obj.accent = value; } }, metadata: _metadata }, _accent_initializers, _accent_extraInitializers);
|
|
74
78
|
__esDecorate(this, null, _density_decorators, { kind: "accessor", name: "density", static: false, private: false, access: { has: obj => "density" in obj, get: obj => obj.density, set: (obj, value) => { obj.density = value; } }, metadata: _metadata }, _density_initializers, _density_extraInitializers);
|
|
75
79
|
__esDecorate(this, null, _theme_decorators, { kind: "accessor", name: "theme", static: false, private: false, access: { has: obj => "theme" in obj, get: obj => obj.theme, set: (obj, value) => { obj.theme = value; } }, metadata: _metadata }, _theme_initializers, _theme_extraInitializers);
|
|
76
80
|
__esDecorate(this, null, _initialView_decorators, { kind: "accessor", name: "initialView", static: false, private: false, access: { has: obj => "initialView" in obj, get: obj => obj.initialView, set: (obj, value) => { obj.initialView = value; } }, metadata: _metadata }, _initialView_initializers, _initialView_extraInitializers);
|
|
77
81
|
__esDecorate(this, null, _view_decorators, { kind: "accessor", name: "view", static: false, private: false, access: { has: obj => "view" in obj, get: obj => obj.view, set: (obj, value) => { obj.view = value; } }, metadata: _metadata }, _view_initializers, _view_extraInitializers);
|
|
82
|
+
__esDecorate(this, null, _documents_decorators, { kind: "accessor", name: "documents", static: false, private: false, access: { has: obj => "documents" in obj, get: obj => obj.documents, set: (obj, value) => { obj.documents = value; } }, metadata: _metadata }, _documents_initializers, _documents_extraInitializers);
|
|
78
83
|
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
79
84
|
SdigWorkspace = _classThis = _classDescriptor.value;
|
|
80
85
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
@@ -96,7 +101,10 @@ let SdigWorkspace = (() => {
|
|
|
96
101
|
#view_accessor_storage = (__runInitializers(this, _initialView_extraInitializers), __runInitializers(this, _view_initializers, 'inbox'));
|
|
97
102
|
get view() { return this.#view_accessor_storage; }
|
|
98
103
|
set view(value) { this.#view_accessor_storage = value; }
|
|
99
|
-
|
|
104
|
+
#documents_accessor_storage = (__runInitializers(this, _view_extraInitializers), __runInitializers(this, _documents_initializers, demoDocuments));
|
|
105
|
+
get documents() { return this.#documents_accessor_storage; }
|
|
106
|
+
set documents(value) { this.#documents_accessor_storage = value; }
|
|
107
|
+
connectedCallback = (__runInitializers(this, _documents_extraInitializers), async () => {
|
|
100
108
|
await super.connectedCallback();
|
|
101
109
|
if (this.view === 'inbox' && this.initialView !== 'inbox') {
|
|
102
110
|
this.view = this.initialView;
|
|
@@ -199,7 +207,7 @@ let SdigWorkspace = (() => {
|
|
|
199
207
|
}
|
|
200
208
|
renderSidebar() {
|
|
201
209
|
const navItems = [
|
|
202
|
-
{ id: 'inbox', label: 'Inbox', icon: 'inbox', count:
|
|
210
|
+
{ id: 'inbox', label: 'Inbox', icon: 'inbox', count: this.documents.length },
|
|
203
211
|
{ id: 'compose', label: 'Compose', icon: 'plus' },
|
|
204
212
|
{ id: 'templates', label: 'Templates', icon: 'folder', count: 12 },
|
|
205
213
|
{ id: 'audit', label: 'Audit Trail', icon: 'shield' },
|
|
@@ -223,7 +231,7 @@ let SdigWorkspace = (() => {
|
|
|
223
231
|
}
|
|
224
232
|
renderView() {
|
|
225
233
|
switch (this.view) {
|
|
226
|
-
case 'inbox': return html `<sdig-workspace-inbox class="view-host" .density=${this.density}></sdig-workspace-inbox>`;
|
|
234
|
+
case 'inbox': return html `<sdig-workspace-inbox class="view-host" .density=${this.density} .documents=${this.documents}></sdig-workspace-inbox>`;
|
|
227
235
|
case 'compose': return html `<sdig-workspace-compose class="view-host"></sdig-workspace-compose>`;
|
|
228
236
|
case 'sign': return html `<sdig-workspace-sign class="view-host"></sdig-workspace-sign>`;
|
|
229
237
|
case 'audit': return html `<sdig-workspace-audit class="view-host"></sdig-workspace-audit>`;
|
|
@@ -231,7 +239,7 @@ let SdigWorkspace = (() => {
|
|
|
231
239
|
case 'templates': return html `<sdig-workspace-placeholder class="view-host" label="Templates" subtitle="Reusable agreement templates"></sdig-workspace-placeholder>`;
|
|
232
240
|
case 'team': return html `<sdig-workspace-placeholder class="view-host" label="Team" subtitle="Workspace members & roles"></sdig-workspace-placeholder>`;
|
|
233
241
|
case 'settings': return html `<sdig-workspace-placeholder class="view-host" label="Settings" subtitle="Workspace, billing, security"></sdig-workspace-placeholder>`;
|
|
234
|
-
default: return html `<sdig-workspace-inbox class="view-host" .density=${this.density}></sdig-workspace-inbox>`;
|
|
242
|
+
default: return html `<sdig-workspace-inbox class="view-host" .density=${this.density} .documents=${this.documents}></sdig-workspace-inbox>`;
|
|
235
243
|
}
|
|
236
244
|
}
|
|
237
245
|
render() {
|
|
@@ -244,4 +252,4 @@ let SdigWorkspace = (() => {
|
|
|
244
252
|
return SdigWorkspace = _classThis;
|
|
245
253
|
})();
|
|
246
254
|
export { SdigWorkspace };
|
|
247
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
255
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy13b3Jrc3BhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvc2RpZy13b3Jrc3BhY2Uvc2RpZy13b3Jrc3BhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxhQUFhLEVBQXVCLEdBQUcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUErRSxNQUFNLDRCQUE0QixDQUFDO0FBQzlJLE9BQU8sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLDBCQUEwQixDQUFDO0FBQ2xDLE9BQU8sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxnQ0FBZ0MsQ0FBQztBQUN4QyxPQUFPLGlDQUFpQyxDQUFDO0lBUzVCLGFBQWE7NEJBRHpCLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQzs7OztzQkFDRyxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OzZCQUFuQixTQUFRLFdBQVc7Ozs7a0NBSTNDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzttQ0FDMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2lDQUMxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQzt1Q0FDekMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2dDQUMxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztxQ0FDekMsUUFBUSxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO1lBTEgsdUtBQWdCLE1BQU0sNkJBQU4sTUFB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
|
package/package.json
CHANGED
|
@@ -14,6 +14,7 @@ export class SdigWorkspaceInbox extends DeesElement {
|
|
|
14
14
|
public static demoGroups = ['Signature Digital Workspace'];
|
|
15
15
|
|
|
16
16
|
@property({ type: String }) public accessor density: TDensity = 'comfortable';
|
|
17
|
+
@property({ attribute: false }) public accessor documents: IDocumentRow[] = demoDocuments;
|
|
17
18
|
@state() private accessor filter: string = 'all';
|
|
18
19
|
@state() private accessor search: string = '';
|
|
19
20
|
|
|
@@ -45,7 +46,7 @@ export class SdigWorkspaceInbox extends DeesElement {
|
|
|
45
46
|
`];
|
|
46
47
|
|
|
47
48
|
private get filteredDocuments(): IDocumentRow[] {
|
|
48
|
-
return
|
|
49
|
+
return this.documents
|
|
49
50
|
.filter((doc) => this.filter === 'all' || doc.status === this.filter)
|
|
50
51
|
.filter((doc) => !this.search || doc.title.toLowerCase().includes(this.search.toLowerCase()));
|
|
51
52
|
}
|
|
@@ -62,23 +63,30 @@ export class SdigWorkspaceInbox extends DeesElement {
|
|
|
62
63
|
}
|
|
63
64
|
|
|
64
65
|
private openDocument(doc: IDocumentRow) {
|
|
66
|
+
this.dispatchEvent(new CustomEvent('document-open', {
|
|
67
|
+
detail: { document: doc },
|
|
68
|
+
bubbles: true,
|
|
69
|
+
composed: true,
|
|
70
|
+
}));
|
|
65
71
|
requestWorkspaceView(this, doc.status === 'signed' ? 'audit' : 'sign');
|
|
66
72
|
}
|
|
67
73
|
|
|
68
74
|
public render(): TemplateResult {
|
|
75
|
+
const documents = this.documents;
|
|
69
76
|
const filters = [
|
|
70
|
-
{ id: 'all', label: 'All', count:
|
|
71
|
-
{ id: 'awaiting', label: 'Awaiting', count:
|
|
72
|
-
{ id: 'signed', label: 'Completed', count:
|
|
73
|
-
{ id: 'draft', label: 'Drafts', count:
|
|
74
|
-
{ id: 'declined', label: 'Declined', count:
|
|
77
|
+
{ id: 'all', label: 'All', count: documents.length },
|
|
78
|
+
{ id: 'awaiting', label: 'Awaiting', count: documents.filter((doc) => doc.status === 'awaiting').length },
|
|
79
|
+
{ id: 'signed', label: 'Completed', count: documents.filter((doc) => doc.status === 'signed').length },
|
|
80
|
+
{ id: 'draft', label: 'Drafts', count: documents.filter((doc) => doc.status === 'draft').length },
|
|
81
|
+
{ id: 'declined', label: 'Declined', count: documents.filter((doc) => doc.status === 'declined').length },
|
|
75
82
|
];
|
|
83
|
+
const attentionCount = documents.filter((doc) => doc.status === 'awaiting').length;
|
|
76
84
|
|
|
77
85
|
return html`
|
|
78
86
|
${topBar({
|
|
79
87
|
breadcrumb: ['signature.digital', 'Lossless GmbH', 'Inbox'],
|
|
80
88
|
title: 'Inbox',
|
|
81
|
-
subtitle: pill(`${
|
|
89
|
+
subtitle: pill(`${attentionCount} need attention`, 'info'),
|
|
82
90
|
actions: html`${actionButton('Import', 'outline', 'upload')}${actionButton('New document', 'primary', 'plus', () => requestWorkspaceView(this, 'compose'))}`,
|
|
83
91
|
})}
|
|
84
92
|
<div class="filterbar">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DeesElement, property, html, customElement, type TemplateResult, css } from '@design.estate/dees-element';
|
|
2
|
-
import { icon, type TDensity, type TWorkspaceTheme, type TWorkspaceView } from './sdig-workspace.shared.js';
|
|
2
|
+
import { demoDocuments, icon, type IDocumentRow, type TDensity, type TWorkspaceTheme, type TWorkspaceView } from './sdig-workspace.shared.js';
|
|
3
3
|
import './sdig-workspace-inbox.js';
|
|
4
4
|
import './sdig-workspace-compose.js';
|
|
5
5
|
import './sdig-workspace-sign.js';
|
|
@@ -23,6 +23,7 @@ export class SdigWorkspace extends DeesElement {
|
|
|
23
23
|
@property({ type: String, reflect: true }) public accessor theme: TWorkspaceTheme = 'dark';
|
|
24
24
|
@property({ type: String }) public accessor initialView: TWorkspaceView = 'inbox';
|
|
25
25
|
@property({ type: String, reflect: true }) public accessor view: TWorkspaceView = 'inbox';
|
|
26
|
+
@property({ attribute: false }) public accessor documents: IDocumentRow[] = demoDocuments;
|
|
26
27
|
|
|
27
28
|
public connectedCallback = async () => {
|
|
28
29
|
await super.connectedCallback();
|
|
@@ -133,7 +134,7 @@ export class SdigWorkspace extends DeesElement {
|
|
|
133
134
|
|
|
134
135
|
private renderSidebar(): TemplateResult {
|
|
135
136
|
const navItems = [
|
|
136
|
-
{ id: 'inbox', label: 'Inbox', icon: 'inbox', count:
|
|
137
|
+
{ id: 'inbox', label: 'Inbox', icon: 'inbox', count: this.documents.length },
|
|
137
138
|
{ id: 'compose', label: 'Compose', icon: 'plus' },
|
|
138
139
|
{ id: 'templates', label: 'Templates', icon: 'folder', count: 12 },
|
|
139
140
|
{ id: 'audit', label: 'Audit Trail', icon: 'shield' },
|
|
@@ -159,7 +160,7 @@ export class SdigWorkspace extends DeesElement {
|
|
|
159
160
|
|
|
160
161
|
private renderView(): TemplateResult {
|
|
161
162
|
switch (this.view) {
|
|
162
|
-
case 'inbox': return html`<sdig-workspace-inbox class="view-host" .density=${this.density}></sdig-workspace-inbox>`;
|
|
163
|
+
case 'inbox': return html`<sdig-workspace-inbox class="view-host" .density=${this.density} .documents=${this.documents}></sdig-workspace-inbox>`;
|
|
163
164
|
case 'compose': return html`<sdig-workspace-compose class="view-host"></sdig-workspace-compose>`;
|
|
164
165
|
case 'sign': return html`<sdig-workspace-sign class="view-host"></sdig-workspace-sign>`;
|
|
165
166
|
case 'audit': return html`<sdig-workspace-audit class="view-host"></sdig-workspace-audit>`;
|
|
@@ -167,7 +168,7 @@ export class SdigWorkspace extends DeesElement {
|
|
|
167
168
|
case 'templates': return html`<sdig-workspace-placeholder class="view-host" label="Templates" subtitle="Reusable agreement templates"></sdig-workspace-placeholder>`;
|
|
168
169
|
case 'team': return html`<sdig-workspace-placeholder class="view-host" label="Team" subtitle="Workspace members & roles"></sdig-workspace-placeholder>`;
|
|
169
170
|
case 'settings': return html`<sdig-workspace-placeholder class="view-host" label="Settings" subtitle="Workspace, billing, security"></sdig-workspace-placeholder>`;
|
|
170
|
-
default: return html`<sdig-workspace-inbox class="view-host" .density=${this.density}></sdig-workspace-inbox>`;
|
|
171
|
+
default: return html`<sdig-workspace-inbox class="view-host" .density=${this.density} .documents=${this.documents}></sdig-workspace-inbox>`;
|
|
171
172
|
}
|
|
172
173
|
}
|
|
173
174
|
|