@yoobic/yobi 8.6.54 → 8.6.56
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.
@@ -101,9 +101,10 @@ const YooMemoListDialogComponent = class {
|
|
101
101
|
return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, index.h("yoo-icon", { name: "left", color: "text-color" }))), index.h("yoo-truncate", null, index$1.translate('TASKDETAIL')), index$1.isMemoEditable(this.memo, index$1.getSession()) ? (index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onShowActionSheet(this.memo) }, index.h("yoo-icon", { name: "more", color: "text-color" })))) : null)));
|
102
102
|
}
|
103
103
|
renderContent() {
|
104
|
+
var _a;
|
104
105
|
const readonly = this.memo.usersRef.indexOf(index$1.getSession().userId) < 0;
|
105
106
|
const allowAnnotate = this.memo.usersRef.indexOf(index$1.getSession().userId) >= 0 || this.memo.creatorRef === index$1.getSession().userId;
|
106
|
-
return (index.h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, index.h("div", { class: "inner-container" }, index.h("div", { class: "left-container" }, index.h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), index.h("div", { class: "right-container" }, index.h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? index.h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (index.h("div", { class: { date: true, danger: this.type !== 'closed' && index$1.isDateBefore(this.memo.duedate, new Date()) } }, index.h("yoo-icon", { name: "alarm" }), " ", index$1.pipes.dateFormat.transform(this.memo.duedate, index$1.translate(('FORMATDATE'))))) : null, index.h("div", { class: "avatar-box" }, index.h("div", { class: "avatar-container" }, index.h("ul", null, this.memo.users.map((user) => {
|
107
|
+
return (index.h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, index.h("div", { class: "inner-container" }, index.h("div", { class: "left-container" }, index.h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), index.h("div", { class: "right-container" }, index.h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? index.h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (index.h("div", { class: { date: true, danger: this.type !== 'closed' && index$1.isDateBefore(this.memo.duedate, new Date()) } }, index.h("yoo-icon", { name: "alarm" }), " ", index$1.pipes.dateFormat.transform(this.memo.duedate, index$1.translate(('FORMATDATE'))))) : null, index.h("div", { class: "avatar-box" }, index.h("div", { class: "avatar-container" }, index.h("ul", null, (_a = this.memo.users) === null || _a === void 0 ? void 0 : _a.map((user) => {
|
107
108
|
return (index.h("li", { onClick: () => this.onViewUsers(this.memo) }, index.h("yoo-avatar", { class: user.imageData ? ' avatar-image' : '', size: "small", user: user })));
|
108
109
|
})))))), this.memo.imageData ? (index.h("div", { class: "photo" }, index.h("yoo-form-capture", { readonly: true, value: this.memo.imageData, allowAnnotate: allowAnnotate, onExtraDataChanged: (ev) => this.onExtraDataChanged(ev), extraData: this.memo.imageEdit }))) : null, this.memo.done && this.memo.owner && (index.h("div", { class: "owner-container" }, [
|
109
110
|
this.memo.owner && index.h("yoo-avatar", { size: "small", user: this.memo.owner }),
|
@@ -88,9 +88,10 @@ export class YooMemoListDialogComponent {
|
|
88
88
|
return (h("yoo-header", null, h("yoo-navbar", null, h("yoo-items", { slot: "start" }, h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, h("yoo-icon", { name: "left", color: "text-color" }))), h("yoo-truncate", null, translate('TASKDETAIL')), isMemoEditable(this.memo, getSession()) ? (h("yoo-items", { slot: "end" }, h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onShowActionSheet(this.memo) }, h("yoo-icon", { name: "more", color: "text-color" })))) : null)));
|
89
89
|
}
|
90
90
|
renderContent() {
|
91
|
+
var _a;
|
91
92
|
const readonly = this.memo.usersRef.indexOf(getSession().userId) < 0;
|
92
93
|
const allowAnnotate = this.memo.usersRef.indexOf(getSession().userId) >= 0 || this.memo.creatorRef === getSession().userId;
|
93
|
-
return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "inner-container" }, h("div", { class: "left-container" }, h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), h("div", { class: "right-container" }, h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (h("div", { class: { date: true, danger: this.type !== 'closed' && isDateBefore(this.memo.duedate, new Date()) } }, h("yoo-icon", { name: "alarm" }), " ", pipes.dateFormat.transform(this.memo.duedate, translate(('FORMATDATE'))))) : null, h("div", { class: "avatar-box" }, h("div", { class: "avatar-container" }, h("ul", null, this.memo.users.map((user) => {
|
94
|
+
return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "inner-container" }, h("div", { class: "left-container" }, h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), h("div", { class: "right-container" }, h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (h("div", { class: { date: true, danger: this.type !== 'closed' && isDateBefore(this.memo.duedate, new Date()) } }, h("yoo-icon", { name: "alarm" }), " ", pipes.dateFormat.transform(this.memo.duedate, translate(('FORMATDATE'))))) : null, h("div", { class: "avatar-box" }, h("div", { class: "avatar-container" }, h("ul", null, (_a = this.memo.users) === null || _a === void 0 ? void 0 : _a.map((user) => {
|
94
95
|
return (h("li", { onClick: () => this.onViewUsers(this.memo) }, h("yoo-avatar", { class: user.imageData ? ' avatar-image' : '', size: "small", user: user })));
|
95
96
|
})))))), this.memo.imageData ? (h("div", { class: "photo" }, h("yoo-form-capture", { readonly: true, value: this.memo.imageData, allowAnnotate: allowAnnotate, onExtraDataChanged: (ev) => this.onExtraDataChanged(ev), extraData: this.memo.imageEdit }))) : null, this.memo.done && this.memo.owner && (h("div", { class: "owner-container" }, [
|
96
97
|
this.memo.owner && h("yoo-avatar", { size: "small", user: this.memo.owner }),
|
@@ -97,9 +97,10 @@ const YooMemoListDialogComponent = class {
|
|
97
97
|
return (h("yoo-header", null, h("yoo-navbar", null, h("yoo-items", { slot: "start" }, h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, h("yoo-icon", { name: "left", color: "text-color" }))), h("yoo-truncate", null, translate('TASKDETAIL')), isMemoEditable(this.memo, getSession()) ? (h("yoo-items", { slot: "end" }, h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onShowActionSheet(this.memo) }, h("yoo-icon", { name: "more", color: "text-color" })))) : null)));
|
98
98
|
}
|
99
99
|
renderContent() {
|
100
|
+
var _a;
|
100
101
|
const readonly = this.memo.usersRef.indexOf(getSession().userId) < 0;
|
101
102
|
const allowAnnotate = this.memo.usersRef.indexOf(getSession().userId) >= 0 || this.memo.creatorRef === getSession().userId;
|
102
|
-
return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "inner-container" }, h("div", { class: "left-container" }, h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), h("div", { class: "right-container" }, h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (h("div", { class: { date: true, danger: this.type !== 'closed' && isDateBefore(this.memo.duedate, new Date()) } }, h("yoo-icon", { name: "alarm" }), " ", pipes.dateFormat.transform(this.memo.duedate, translate(('FORMATDATE'))))) : null, h("div", { class: "avatar-box" }, h("div", { class: "avatar-container" }, h("ul", null, this.memo.users.map((user) => {
|
103
|
+
return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "inner-container" }, h("div", { class: "left-container" }, h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), h("div", { class: "right-container" }, h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (h("div", { class: { date: true, danger: this.type !== 'closed' && isDateBefore(this.memo.duedate, new Date()) } }, h("yoo-icon", { name: "alarm" }), " ", pipes.dateFormat.transform(this.memo.duedate, translate(('FORMATDATE'))))) : null, h("div", { class: "avatar-box" }, h("div", { class: "avatar-container" }, h("ul", null, (_a = this.memo.users) === null || _a === void 0 ? void 0 : _a.map((user) => {
|
103
104
|
return (h("li", { onClick: () => this.onViewUsers(this.memo) }, h("yoo-avatar", { class: user.imageData ? ' avatar-image' : '', size: "small", user: user })));
|
104
105
|
})))))), this.memo.imageData ? (h("div", { class: "photo" }, h("yoo-form-capture", { readonly: true, value: this.memo.imageData, allowAnnotate: allowAnnotate, onExtraDataChanged: (ev) => this.onExtraDataChanged(ev), extraData: this.memo.imageEdit }))) : null, this.memo.done && this.memo.owner && (h("div", { class: "owner-container" }, [
|
105
106
|
this.memo.owner && h("yoo-avatar", { size: "small", user: this.memo.owner }),
|
@@ -97,9 +97,10 @@ const YooMemoListDialogComponent = class {
|
|
97
97
|
return (h("yoo-header", null, h("yoo-navbar", null, h("yoo-items", { slot: "start" }, h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, h("yoo-icon", { name: "left", color: "text-color" }))), h("yoo-truncate", null, translate('TASKDETAIL')), isMemoEditable(this.memo, getSession()) ? (h("yoo-items", { slot: "end" }, h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onShowActionSheet(this.memo) }, h("yoo-icon", { name: "more", color: "text-color" })))) : null)));
|
98
98
|
}
|
99
99
|
renderContent() {
|
100
|
+
var _a;
|
100
101
|
const readonly = this.memo.usersRef.indexOf(getSession().userId) < 0;
|
101
102
|
const allowAnnotate = this.memo.usersRef.indexOf(getSession().userId) >= 0 || this.memo.creatorRef === getSession().userId;
|
102
|
-
return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "inner-container" }, h("div", { class: "left-container" }, h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), h("div", { class: "right-container" }, h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (h("div", { class: { date: true, danger: this.type !== 'closed' && isDateBefore(this.memo.duedate, new Date()) } }, h("yoo-icon", { name: "alarm" }), " ", pipes.dateFormat.transform(this.memo.duedate, translate(('FORMATDATE'))))) : null, h("div", { class: "avatar-box" }, h("div", { class: "avatar-container" }, h("ul", null, this.memo.users.map((user) => {
|
103
|
+
return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "inner-container" }, h("div", { class: "left-container" }, h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), h("div", { class: "right-container" }, h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (h("div", { class: { date: true, danger: this.type !== 'closed' && isDateBefore(this.memo.duedate, new Date()) } }, h("yoo-icon", { name: "alarm" }), " ", pipes.dateFormat.transform(this.memo.duedate, translate(('FORMATDATE'))))) : null, h("div", { class: "avatar-box" }, h("div", { class: "avatar-container" }, h("ul", null, (_a = this.memo.users) === null || _a === void 0 ? void 0 : _a.map((user) => {
|
103
104
|
return (h("li", { onClick: () => this.onViewUsers(this.memo) }, h("yoo-avatar", { class: user.imageData ? ' avatar-image' : '', size: "small", user: user })));
|
104
105
|
})))))), this.memo.imageData ? (h("div", { class: "photo" }, h("yoo-form-capture", { readonly: true, value: this.memo.imageData, allowAnnotate: allowAnnotate, onExtraDataChanged: (ev) => this.onExtraDataChanged(ev), extraData: this.memo.imageEdit }))) : null, this.memo.done && this.memo.owner && (h("div", { class: "owner-container" }, [
|
105
106
|
this.memo.owner && h("yoo-avatar", { size: "small", user: this.memo.owner }),
|