urnovl-web-components 0.0.233 → 0.0.235
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/cjs/ur-notification.cjs.entry.js +1 -1
- package/dist/cjs/ur-novl-overview-info.cjs.entry.js +3 -3
- package/dist/collection/components/ur-notification/ur-notification.js +1 -1
- package/dist/collection/components/ur-novl-overview-info/ur-novl-overview-info.js +3 -3
- package/dist/components/ur-notification.js +1 -1
- package/dist/components/ur-novl-overview-info.js +3 -3
- package/dist/esm/ur-notification.entry.js +1 -1
- package/dist/esm/ur-novl-overview-info.entry.js +3 -3
- package/dist/urnovl-web-components/{p-287863d3.entry.js → p-692ab458.entry.js} +1 -1
- package/dist/urnovl-web-components/p-fa8b2029.entry.js +1 -0
- package/dist/urnovl-web-components/urnovl-web-components.esm.js +1 -1
- package/package.json +4 -4
- package/www/build/{p-b49ebf08.js → p-2229395d.js} +1 -1
- package/www/build/{p-287863d3.entry.js → p-692ab458.entry.js} +1 -1
- package/www/build/p-fa8b2029.entry.js +1 -0
- package/www/build/urnovl-web-components.esm.js +1 -1
- package/dist/urnovl-web-components/p-292c89a7.entry.js +0 -1
- package/www/build/p-292c89a7.entry.js +0 -1
|
@@ -100,7 +100,7 @@ const UrNotification = class {
|
|
|
100
100
|
if (this.notification.event !== 'apgattreq' && this.notification.event !== 'dpgattreq')
|
|
101
101
|
return null;
|
|
102
102
|
const { creator, page, novl } = this.notification;
|
|
103
|
-
return (index.h("section", { class: "vert" }, index.h("ur-avatar", { class: "profile", onClick: () => this.emitEvent('profile_click'), src: creator.profileImage, name: creator.displayName, size: "40px" }), index.h("section", { class: "content", onClick: () => this.emitEvent('profile_click') }, index.h("div", { class: "message" }, creator.displayName, " has ", this.notification.event === 'apgattreq' ? 'accepted' : 'rejected', novl.title, " attach request to ", page.name, "."), index.h("div", { class: "ago" }, index.h("ur-time-ago", { date: this.notification.updatedAt })))));
|
|
103
|
+
return (index.h("section", { class: "vert" }, index.h("ur-avatar", { class: "profile", onClick: () => this.emitEvent('profile_click'), src: creator.profileImage, name: creator.displayName, size: "40px" }), index.h("section", { class: "content", onClick: () => this.emitEvent('profile_click') }, index.h("div", { class: "message" }, creator.displayName, " has ", this.notification.event === 'apgattreq' ? 'accepted' : 'rejected', " ", novl.title, " attach request to ", page.name, "."), index.h("div", { class: "ago" }, index.h("ur-time-ago", { date: this.notification.updatedAt })))));
|
|
104
104
|
}
|
|
105
105
|
renderUserSignupNotification() {
|
|
106
106
|
if (this.notification.event !== 'signup')
|
|
@@ -179,18 +179,18 @@ const UrNovlOverviewInfo = class {
|
|
|
179
179
|
]) : ([
|
|
180
180
|
this.hasBranches && (index.h("ur-button", { class: "summary-action", variant: "filled", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onReadStory() }, this.readStoryText)),
|
|
181
181
|
this.writeEnabled && !this.hasBranches && (index.h("ur-button", { class: "summary-action", variant: "filled", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onWriteStory() }, this.writeStoryText)),
|
|
182
|
-
!this.skeleton && this.isOwner && this.attachRequestStatus
|
|
182
|
+
!this.skeleton && this.isOwner && this.attachRequestStatus && (index.h("ur-button", { class: "summary-action", variant: "tonal", "full-width": this.deviceSize === 'large' ? false : true, onMouseEnter: () => this.attachButtonHoverState = 'hover', onMouseLeave: () => this.attachButtonHoverState = 'default', onClick: () => this.handleAttachStoryClicked() }, this.getAttachButtonText())),
|
|
183
183
|
!this.skeleton && this.isOwner && !this.novlPaid && (!this.storyCompleteStatus ? (index.h("ur-button", { class: "summary-action", variant: "tonal", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onCompleteStory(), disabled: !this.showPublishedButton }, this.completeStoryText)) : (index.h("ur-button", { class: "summary-action", variant: "tonal", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onRevertStory() }, this.revertStoryText))),
|
|
184
184
|
this.novlPaid &&
|
|
185
185
|
(this.novlPurchasedAt ? (index.h("ur-button", { class: "summary-action", variant: "filled", fullWidth: true, onClick: () => this.onReadStory() }, this.readStoryText)) : (index.h("ur-button", { class: "summary-action", variant: "filled", fullWidth: true, onClick: () => this.onBuyStory() }, this.buyStoryText, "\u00A0", index.h("span", { class: "buy-price" }, this.novlPrice)))),
|
|
186
186
|
this.isUserLoggedIn && (index.h("ur-button", { class: "summary-action", icon: this.isNovlLibrary ? 'bookmark_added' : 'bookmark_add--outlined', variant: "text", onClick: () => this.onToggleLibrary() }, this.isNovlLibrary ? this.removeFromLibraryText : this.addToLibraryText))
|
|
187
|
-
].filter(Boolean)))), index.h("div", { key: '
|
|
187
|
+
].filter(Boolean)))), index.h("div", { key: '562b4b5e93cfa27de2a8c1a26302514e5d0921d3', class: "description" }, index.h("div", { key: '42b4b4c34a9c61c896f8327157cdd8df8ed581d0', class: "description-header" }, this.skeleton ? (index.h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "label" }, this.descriptionText)), !this.skeleton && this.isOwner && !this.editDescriptionMode && (index.h("ur-tooltip", { key: '99ea6d22c2ec2219a4e916cb2d87b8fc27c7c026', colorScheme: "dark", placement: "left", content: this.editDescriptionTooltipText }, index.h("ur-button-icon", { key: 'dff5ce871539d04033d8055e1c228fe7e5803510', buttonHeight: "30px", buttonWidth: "30px", class: "edit-button", icon: "edit", onClick: () => this.onEditDescription() })))), this.skeleton ? (index.h("ur-long-description", { skeleton: true })) : (!this.editDescriptionMode ? index.h("slot", { name: "description" }) : index.h("slot", { name: "description-edit" })), this.editDescriptionMode && index.h("div", { key: '492a8dbbacaa5d3d2c3b9d0675ae724ce0cf57d0', class: "description-edit", slot: "description-edit" })), index.h("div", { key: 'c3e87e7927ec89e337f672dc238f357df0672ee6', class: "owner-holder" }, this.skeleton ? ([
|
|
188
188
|
index.h("ur-profile-card", { skeleton: true, profileType: "user", avatarSize: "40px" }),
|
|
189
189
|
index.h("ur-profile-card", { skeleton: true, profileType: "page", avatarSize: "40px" })
|
|
190
190
|
]) : ([
|
|
191
191
|
index.h("slot", { name: "owner" }),
|
|
192
192
|
index.h("slot", { name: "owner-page" })
|
|
193
|
-
])), index.h("slot", { key: '
|
|
193
|
+
])), index.h("slot", { key: 'de0e2f9241204a243d473343812eca5c64dd9bfc', name: "chapters" })), index.h("div", { key: 'c0ccafe176aaa7d4c1af8be777f37f9382725d91', class: "ad-space" }, "\u00A0"))));
|
|
194
194
|
}
|
|
195
195
|
renderStatusChips() {
|
|
196
196
|
return (index.h("div", { class: `status ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, this.skeleton ? (index.h("ur-chip", { skeleton: true, size: "32px", class: "status-chip", radius: "50px", border: "2px" })) : (this.storyCompleteStatus ? (index.h("ur-chip", { fontColor: "#1A5100", backColor: "#C6F4D0", radius: "50px", border: "2px", size: "32px", class: "status-chip", clickable: false, label: this.completeText })) : (index.h("ur-chip", { fontColor: "rgb(var(--ur-color-primary))", backColor: "rgb(var(--ur-color-primary-container))", size: "32px", class: "status-chip", border: "2px", radius: "50px", clickable: false, label: this.ongoingText })))));
|
|
@@ -93,7 +93,7 @@ export class UrNotification {
|
|
|
93
93
|
if (this.notification.event !== 'apgattreq' && this.notification.event !== 'dpgattreq')
|
|
94
94
|
return null;
|
|
95
95
|
const { creator, page, novl } = this.notification;
|
|
96
|
-
return (h("section", { class: "vert" }, h("ur-avatar", { class: "profile", onClick: () => this.emitEvent('profile_click'), src: creator.profileImage, name: creator.displayName, size: "40px" }), h("section", { class: "content", onClick: () => this.emitEvent('profile_click') }, h("div", { class: "message" }, creator.displayName, " has ", this.notification.event === 'apgattreq' ? 'accepted' : 'rejected', novl.title, " attach request to ", page.name, "."), h("div", { class: "ago" }, h("ur-time-ago", { date: this.notification.updatedAt })))));
|
|
96
|
+
return (h("section", { class: "vert" }, h("ur-avatar", { class: "profile", onClick: () => this.emitEvent('profile_click'), src: creator.profileImage, name: creator.displayName, size: "40px" }), h("section", { class: "content", onClick: () => this.emitEvent('profile_click') }, h("div", { class: "message" }, creator.displayName, " has ", this.notification.event === 'apgattreq' ? 'accepted' : 'rejected', " ", novl.title, " attach request to ", page.name, "."), h("div", { class: "ago" }, h("ur-time-ago", { date: this.notification.updatedAt })))));
|
|
97
97
|
}
|
|
98
98
|
renderUserSignupNotification() {
|
|
99
99
|
if (this.notification.event !== 'signup')
|
|
@@ -132,18 +132,18 @@ export class UrNovlOverviewInfo {
|
|
|
132
132
|
]) : ([
|
|
133
133
|
this.hasBranches && (h("ur-button", { class: "summary-action", variant: "filled", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onReadStory() }, this.readStoryText)),
|
|
134
134
|
this.writeEnabled && !this.hasBranches && (h("ur-button", { class: "summary-action", variant: "filled", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onWriteStory() }, this.writeStoryText)),
|
|
135
|
-
!this.skeleton && this.isOwner && this.attachRequestStatus
|
|
135
|
+
!this.skeleton && this.isOwner && this.attachRequestStatus && (h("ur-button", { class: "summary-action", variant: "tonal", "full-width": this.deviceSize === 'large' ? false : true, onMouseEnter: () => this.attachButtonHoverState = 'hover', onMouseLeave: () => this.attachButtonHoverState = 'default', onClick: () => this.handleAttachStoryClicked() }, this.getAttachButtonText())),
|
|
136
136
|
!this.skeleton && this.isOwner && !this.novlPaid && (!this.storyCompleteStatus ? (h("ur-button", { class: "summary-action", variant: "tonal", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onCompleteStory(), disabled: !this.showPublishedButton }, this.completeStoryText)) : (h("ur-button", { class: "summary-action", variant: "tonal", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onRevertStory() }, this.revertStoryText))),
|
|
137
137
|
this.novlPaid &&
|
|
138
138
|
(this.novlPurchasedAt ? (h("ur-button", { class: "summary-action", variant: "filled", fullWidth: true, onClick: () => this.onReadStory() }, this.readStoryText)) : (h("ur-button", { class: "summary-action", variant: "filled", fullWidth: true, onClick: () => this.onBuyStory() }, this.buyStoryText, "\u00A0", h("span", { class: "buy-price" }, this.novlPrice)))),
|
|
139
139
|
this.isUserLoggedIn && (h("ur-button", { class: "summary-action", icon: this.isNovlLibrary ? 'bookmark_added' : 'bookmark_add--outlined', variant: "text", onClick: () => this.onToggleLibrary() }, this.isNovlLibrary ? this.removeFromLibraryText : this.addToLibraryText))
|
|
140
|
-
].filter(Boolean)))), h("div", { key: '
|
|
140
|
+
].filter(Boolean)))), h("div", { key: '562b4b5e93cfa27de2a8c1a26302514e5d0921d3', class: "description" }, h("div", { key: '42b4b4c34a9c61c896f8327157cdd8df8ed581d0', class: "description-header" }, this.skeleton ? (h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (h("span", { class: "label" }, this.descriptionText)), !this.skeleton && this.isOwner && !this.editDescriptionMode && (h("ur-tooltip", { key: '99ea6d22c2ec2219a4e916cb2d87b8fc27c7c026', colorScheme: "dark", placement: "left", content: this.editDescriptionTooltipText }, h("ur-button-icon", { key: 'dff5ce871539d04033d8055e1c228fe7e5803510', buttonHeight: "30px", buttonWidth: "30px", class: "edit-button", icon: "edit", onClick: () => this.onEditDescription() })))), this.skeleton ? (h("ur-long-description", { skeleton: true })) : (!this.editDescriptionMode ? h("slot", { name: "description" }) : h("slot", { name: "description-edit" })), this.editDescriptionMode && h("div", { key: '492a8dbbacaa5d3d2c3b9d0675ae724ce0cf57d0', class: "description-edit", slot: "description-edit" })), h("div", { key: 'c3e87e7927ec89e337f672dc238f357df0672ee6', class: "owner-holder" }, this.skeleton ? ([
|
|
141
141
|
h("ur-profile-card", { skeleton: true, profileType: "user", avatarSize: "40px" }),
|
|
142
142
|
h("ur-profile-card", { skeleton: true, profileType: "page", avatarSize: "40px" })
|
|
143
143
|
]) : ([
|
|
144
144
|
h("slot", { name: "owner" }),
|
|
145
145
|
h("slot", { name: "owner-page" })
|
|
146
|
-
])), h("slot", { key: '
|
|
146
|
+
])), h("slot", { key: 'de0e2f9241204a243d473343812eca5c64dd9bfc', name: "chapters" })), h("div", { key: 'c0ccafe176aaa7d4c1af8be777f37f9382725d91', class: "ad-space" }, "\u00A0"))));
|
|
147
147
|
}
|
|
148
148
|
renderStatusChips() {
|
|
149
149
|
return (h("div", { class: `status ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, this.skeleton ? (h("ur-chip", { skeleton: true, size: "32px", class: "status-chip", radius: "50px", border: "2px" })) : (this.storyCompleteStatus ? (h("ur-chip", { fontColor: "#1A5100", backColor: "#C6F4D0", radius: "50px", border: "2px", size: "32px", class: "status-chip", clickable: false, label: this.completeText })) : (h("ur-chip", { fontColor: "rgb(var(--ur-color-primary))", backColor: "rgb(var(--ur-color-primary-container))", size: "32px", class: "status-chip", border: "2px", radius: "50px", clickable: false, label: this.ongoingText })))));
|
|
@@ -105,7 +105,7 @@ const UrNotification$1 = /*@__PURE__*/ proxyCustomElement(class UrNotification e
|
|
|
105
105
|
if (this.notification.event !== 'apgattreq' && this.notification.event !== 'dpgattreq')
|
|
106
106
|
return null;
|
|
107
107
|
const { creator, page, novl } = this.notification;
|
|
108
|
-
return (h("section", { class: "vert" }, h("ur-avatar", { class: "profile", onClick: () => this.emitEvent('profile_click'), src: creator.profileImage, name: creator.displayName, size: "40px" }), h("section", { class: "content", onClick: () => this.emitEvent('profile_click') }, h("div", { class: "message" }, creator.displayName, " has ", this.notification.event === 'apgattreq' ? 'accepted' : 'rejected', novl.title, " attach request to ", page.name, "."), h("div", { class: "ago" }, h("ur-time-ago", { date: this.notification.updatedAt })))));
|
|
108
|
+
return (h("section", { class: "vert" }, h("ur-avatar", { class: "profile", onClick: () => this.emitEvent('profile_click'), src: creator.profileImage, name: creator.displayName, size: "40px" }), h("section", { class: "content", onClick: () => this.emitEvent('profile_click') }, h("div", { class: "message" }, creator.displayName, " has ", this.notification.event === 'apgattreq' ? 'accepted' : 'rejected', " ", novl.title, " attach request to ", page.name, "."), h("div", { class: "ago" }, h("ur-time-ago", { date: this.notification.updatedAt })))));
|
|
109
109
|
}
|
|
110
110
|
renderUserSignupNotification() {
|
|
111
111
|
if (this.notification.event !== 'signup')
|
|
@@ -154,18 +154,18 @@ const UrNovlOverviewInfo$1 = /*@__PURE__*/ proxyCustomElement(class UrNovlOvervi
|
|
|
154
154
|
]) : ([
|
|
155
155
|
this.hasBranches && (h("ur-button", { class: "summary-action", variant: "filled", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onReadStory() }, this.readStoryText)),
|
|
156
156
|
this.writeEnabled && !this.hasBranches && (h("ur-button", { class: "summary-action", variant: "filled", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onWriteStory() }, this.writeStoryText)),
|
|
157
|
-
!this.skeleton && this.isOwner && this.attachRequestStatus
|
|
157
|
+
!this.skeleton && this.isOwner && this.attachRequestStatus && (h("ur-button", { class: "summary-action", variant: "tonal", "full-width": this.deviceSize === 'large' ? false : true, onMouseEnter: () => this.attachButtonHoverState = 'hover', onMouseLeave: () => this.attachButtonHoverState = 'default', onClick: () => this.handleAttachStoryClicked() }, this.getAttachButtonText())),
|
|
158
158
|
!this.skeleton && this.isOwner && !this.novlPaid && (!this.storyCompleteStatus ? (h("ur-button", { class: "summary-action", variant: "tonal", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onCompleteStory(), disabled: !this.showPublishedButton }, this.completeStoryText)) : (h("ur-button", { class: "summary-action", variant: "tonal", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onRevertStory() }, this.revertStoryText))),
|
|
159
159
|
this.novlPaid &&
|
|
160
160
|
(this.novlPurchasedAt ? (h("ur-button", { class: "summary-action", variant: "filled", fullWidth: true, onClick: () => this.onReadStory() }, this.readStoryText)) : (h("ur-button", { class: "summary-action", variant: "filled", fullWidth: true, onClick: () => this.onBuyStory() }, this.buyStoryText, "\u00A0", h("span", { class: "buy-price" }, this.novlPrice)))),
|
|
161
161
|
this.isUserLoggedIn && (h("ur-button", { class: "summary-action", icon: this.isNovlLibrary ? 'bookmark_added' : 'bookmark_add--outlined', variant: "text", onClick: () => this.onToggleLibrary() }, this.isNovlLibrary ? this.removeFromLibraryText : this.addToLibraryText))
|
|
162
|
-
].filter(Boolean)))), h("div", { key: '
|
|
162
|
+
].filter(Boolean)))), h("div", { key: '562b4b5e93cfa27de2a8c1a26302514e5d0921d3', class: "description" }, h("div", { key: '42b4b4c34a9c61c896f8327157cdd8df8ed581d0', class: "description-header" }, this.skeleton ? (h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (h("span", { class: "label" }, this.descriptionText)), !this.skeleton && this.isOwner && !this.editDescriptionMode && (h("ur-tooltip", { key: '99ea6d22c2ec2219a4e916cb2d87b8fc27c7c026', colorScheme: "dark", placement: "left", content: this.editDescriptionTooltipText }, h("ur-button-icon", { key: 'dff5ce871539d04033d8055e1c228fe7e5803510', buttonHeight: "30px", buttonWidth: "30px", class: "edit-button", icon: "edit", onClick: () => this.onEditDescription() })))), this.skeleton ? (h("ur-long-description", { skeleton: true })) : (!this.editDescriptionMode ? h("slot", { name: "description" }) : h("slot", { name: "description-edit" })), this.editDescriptionMode && h("div", { key: '492a8dbbacaa5d3d2c3b9d0675ae724ce0cf57d0', class: "description-edit", slot: "description-edit" })), h("div", { key: 'c3e87e7927ec89e337f672dc238f357df0672ee6', class: "owner-holder" }, this.skeleton ? ([
|
|
163
163
|
h("ur-profile-card", { skeleton: true, profileType: "user", avatarSize: "40px" }),
|
|
164
164
|
h("ur-profile-card", { skeleton: true, profileType: "page", avatarSize: "40px" })
|
|
165
165
|
]) : ([
|
|
166
166
|
h("slot", { name: "owner" }),
|
|
167
167
|
h("slot", { name: "owner-page" })
|
|
168
|
-
])), h("slot", { key: '
|
|
168
|
+
])), h("slot", { key: 'de0e2f9241204a243d473343812eca5c64dd9bfc', name: "chapters" })), h("div", { key: 'c0ccafe176aaa7d4c1af8be777f37f9382725d91', class: "ad-space" }, "\u00A0"))));
|
|
169
169
|
}
|
|
170
170
|
renderStatusChips() {
|
|
171
171
|
return (h("div", { class: `status ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, this.skeleton ? (h("ur-chip", { skeleton: true, size: "32px", class: "status-chip", radius: "50px", border: "2px" })) : (this.storyCompleteStatus ? (h("ur-chip", { fontColor: "#1A5100", backColor: "#C6F4D0", radius: "50px", border: "2px", size: "32px", class: "status-chip", clickable: false, label: this.completeText })) : (h("ur-chip", { fontColor: "rgb(var(--ur-color-primary))", backColor: "rgb(var(--ur-color-primary-container))", size: "32px", class: "status-chip", border: "2px", radius: "50px", clickable: false, label: this.ongoingText })))));
|
|
@@ -98,7 +98,7 @@ const UrNotification = class {
|
|
|
98
98
|
if (this.notification.event !== 'apgattreq' && this.notification.event !== 'dpgattreq')
|
|
99
99
|
return null;
|
|
100
100
|
const { creator, page, novl } = this.notification;
|
|
101
|
-
return (h("section", { class: "vert" }, h("ur-avatar", { class: "profile", onClick: () => this.emitEvent('profile_click'), src: creator.profileImage, name: creator.displayName, size: "40px" }), h("section", { class: "content", onClick: () => this.emitEvent('profile_click') }, h("div", { class: "message" }, creator.displayName, " has ", this.notification.event === 'apgattreq' ? 'accepted' : 'rejected', novl.title, " attach request to ", page.name, "."), h("div", { class: "ago" }, h("ur-time-ago", { date: this.notification.updatedAt })))));
|
|
101
|
+
return (h("section", { class: "vert" }, h("ur-avatar", { class: "profile", onClick: () => this.emitEvent('profile_click'), src: creator.profileImage, name: creator.displayName, size: "40px" }), h("section", { class: "content", onClick: () => this.emitEvent('profile_click') }, h("div", { class: "message" }, creator.displayName, " has ", this.notification.event === 'apgattreq' ? 'accepted' : 'rejected', " ", novl.title, " attach request to ", page.name, "."), h("div", { class: "ago" }, h("ur-time-ago", { date: this.notification.updatedAt })))));
|
|
102
102
|
}
|
|
103
103
|
renderUserSignupNotification() {
|
|
104
104
|
if (this.notification.event !== 'signup')
|
|
@@ -177,18 +177,18 @@ const UrNovlOverviewInfo = class {
|
|
|
177
177
|
]) : ([
|
|
178
178
|
this.hasBranches && (h("ur-button", { class: "summary-action", variant: "filled", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onReadStory() }, this.readStoryText)),
|
|
179
179
|
this.writeEnabled && !this.hasBranches && (h("ur-button", { class: "summary-action", variant: "filled", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onWriteStory() }, this.writeStoryText)),
|
|
180
|
-
!this.skeleton && this.isOwner && this.attachRequestStatus
|
|
180
|
+
!this.skeleton && this.isOwner && this.attachRequestStatus && (h("ur-button", { class: "summary-action", variant: "tonal", "full-width": this.deviceSize === 'large' ? false : true, onMouseEnter: () => this.attachButtonHoverState = 'hover', onMouseLeave: () => this.attachButtonHoverState = 'default', onClick: () => this.handleAttachStoryClicked() }, this.getAttachButtonText())),
|
|
181
181
|
!this.skeleton && this.isOwner && !this.novlPaid && (!this.storyCompleteStatus ? (h("ur-button", { class: "summary-action", variant: "tonal", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onCompleteStory(), disabled: !this.showPublishedButton }, this.completeStoryText)) : (h("ur-button", { class: "summary-action", variant: "tonal", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onRevertStory() }, this.revertStoryText))),
|
|
182
182
|
this.novlPaid &&
|
|
183
183
|
(this.novlPurchasedAt ? (h("ur-button", { class: "summary-action", variant: "filled", fullWidth: true, onClick: () => this.onReadStory() }, this.readStoryText)) : (h("ur-button", { class: "summary-action", variant: "filled", fullWidth: true, onClick: () => this.onBuyStory() }, this.buyStoryText, "\u00A0", h("span", { class: "buy-price" }, this.novlPrice)))),
|
|
184
184
|
this.isUserLoggedIn && (h("ur-button", { class: "summary-action", icon: this.isNovlLibrary ? 'bookmark_added' : 'bookmark_add--outlined', variant: "text", onClick: () => this.onToggleLibrary() }, this.isNovlLibrary ? this.removeFromLibraryText : this.addToLibraryText))
|
|
185
|
-
].filter(Boolean)))), h("div", { key: '
|
|
185
|
+
].filter(Boolean)))), h("div", { key: '562b4b5e93cfa27de2a8c1a26302514e5d0921d3', class: "description" }, h("div", { key: '42b4b4c34a9c61c896f8327157cdd8df8ed581d0', class: "description-header" }, this.skeleton ? (h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (h("span", { class: "label" }, this.descriptionText)), !this.skeleton && this.isOwner && !this.editDescriptionMode && (h("ur-tooltip", { key: '99ea6d22c2ec2219a4e916cb2d87b8fc27c7c026', colorScheme: "dark", placement: "left", content: this.editDescriptionTooltipText }, h("ur-button-icon", { key: 'dff5ce871539d04033d8055e1c228fe7e5803510', buttonHeight: "30px", buttonWidth: "30px", class: "edit-button", icon: "edit", onClick: () => this.onEditDescription() })))), this.skeleton ? (h("ur-long-description", { skeleton: true })) : (!this.editDescriptionMode ? h("slot", { name: "description" }) : h("slot", { name: "description-edit" })), this.editDescriptionMode && h("div", { key: '492a8dbbacaa5d3d2c3b9d0675ae724ce0cf57d0', class: "description-edit", slot: "description-edit" })), h("div", { key: 'c3e87e7927ec89e337f672dc238f357df0672ee6', class: "owner-holder" }, this.skeleton ? ([
|
|
186
186
|
h("ur-profile-card", { skeleton: true, profileType: "user", avatarSize: "40px" }),
|
|
187
187
|
h("ur-profile-card", { skeleton: true, profileType: "page", avatarSize: "40px" })
|
|
188
188
|
]) : ([
|
|
189
189
|
h("slot", { name: "owner" }),
|
|
190
190
|
h("slot", { name: "owner-page" })
|
|
191
|
-
])), h("slot", { key: '
|
|
191
|
+
])), h("slot", { key: 'de0e2f9241204a243d473343812eca5c64dd9bfc', name: "chapters" })), h("div", { key: 'c0ccafe176aaa7d4c1af8be777f37f9382725d91', class: "ad-space" }, "\u00A0"))));
|
|
192
192
|
}
|
|
193
193
|
renderStatusChips() {
|
|
194
194
|
return (h("div", { class: `status ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, this.skeleton ? (h("ur-chip", { skeleton: true, size: "32px", class: "status-chip", radius: "50px", border: "2px" })) : (this.storyCompleteStatus ? (h("ur-chip", { fontColor: "#1A5100", backColor: "#C6F4D0", radius: "50px", border: "2px", size: "32px", class: "status-chip", clickable: false, label: this.completeText })) : (h("ur-chip", { fontColor: "rgb(var(--ur-color-primary))", backColor: "rgb(var(--ur-color-primary-container))", size: "32px", class: "status-chip", border: "2px", radius: "50px", clickable: false, label: this.ongoingText })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,H as i}from"./p-DY4z_iK5.js";const r=class{constructor(o){t(this,o),this.notificationEvent=e(this,"notificationEvent"),this.skeleton=!1}componentWillLoad(){!this.skeleton&&this.notification&&(this.isRead=this.notification.read,"mrequest"===this.notification.event&&(this.memberRequestStatus=this.notification.status),"pranovl"===this.notification.event&&(this.novlAttachRequestStatus=this.notification.status),"followed"===this.notification.event&&(this.isFollowing=this.notification.creator.followed))}emitEvent(t){this.isRead||"mark_read"===t||(this.isRead=!0,this.emitEvent("mark_read")),"follow_back"===t&&(this.isFollowing=!0),this.notificationEvent.emit({type:t,notification:this.notification})}handleAcceptMembershipRequest(){this.memberRequestStatus="accepted",this.emitEvent("mrequest_accept")}handleRejectMembershipRequest(){this.memberRequestStatus="rejected",this.emitEvent("mrequest_reject")}handleAcceptNovlAttachRequest(){this.novlAttachRequestStatus="accepted",this.emitEvent("narequest_accept")}handleRejectNovlAttachRequest(){this.novlAttachRequestStatus="rejected",this.emitEvent("narequest_reject")}renderFollowNotification(){if("followed"!==this.notification.event)return null;const{creator:t}=this.notification;return[o("section",{class:"vert"},o("ur-avatar",{class:"profile",onClick:()=>this.emitEvent("profile_click"),src:t.profileImage,name:t.displayName,size:"40px"}),o("section",{class:"content",onClick:()=>this.emitEvent("profile_click")},o("div",{class:"message"},t.displayName," has followed you."),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt})))),!this.isFollowing&&o("ur-button",{class:"action followb",variant:"filled",onClick:()=>this.emitEvent("follow_back")},"Follow back")]}renderPageFollowNotification(){if("pfollowed"!==this.notification.event)return null;const{creator:t,page:e}=this.notification;return o("section",{class:"vert"},o("ur-avatar",{class:"profile",onClick:()=>this.emitEvent("profile_click"),src:t.profileImage,name:t.displayName,size:"40px"}),o("section",{class:"content",onClick:()=>this.emitEvent("profile_click")},o("div",{class:"message"},t.displayName," has followed your page ",o("b",null,e.name),"."),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))))}renderCommentNotification(){if("commented"!==this.notification.event)return null;const{creator:t,novl:e,chapter:i}=this.notification;return o("section",{class:"vert"},o("ur-avatar",{class:"profile",onClick:()=>this.emitEvent("profile_click"),src:t.profileImage,name:t.displayName,size:"40px"}),o("section",{class:"content",onClick:()=>this.emitEvent("comment_click")},o("div",{class:"message"},t.displayName," has commented in chapter ",i.number," of novl ",o("b",null,e.title),"."),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))))}renderMembershipRequestNotification(){if("mrequest"!==this.notification.event)return null;const{creator:t,page:e}=this.notification;return o("section",{class:"vert"},o("ur-avatar",{class:"profile",onClick:()=>this.emitEvent("profile_click"),src:t.profileImage,name:t.displayName,size:"40px"}),o("section",{class:"content-wrapper"},o("section",{class:"content",onClick:()=>this.emitEvent("profile_click")},o("div",{class:"message"},"pending"===this.memberRequestStatus?`${t.displayName} has requested to become a member to ${e.name}`:`You ${this.memberRequestStatus} ${t.displayName} as a member to ${e.name}`),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))),"pending"===this.memberRequestStatus&&o("section",{class:"actions"},o("ur-button",{class:"action accept",variant:"filled",fullWidth:!0,onClick:()=>this.handleAcceptMembershipRequest()},"Accept"),o("ur-button",{class:"action reject",variant:"outlined",fullWidth:!0,onClick:()=>this.handleRejectMembershipRequest()},"Reject"))))}renderMembershipDecisionNotification(){if("mrequestaccepted"!==this.notification.event&&"mrequestrejected"!==this.notification.event)return null;const{creator:t,page:e}=this.notification;return o("section",{class:"vert"},o("ur-avatar",{class:"profile",onClick:()=>this.emitEvent("profile_click"),src:t.profileImage,name:t.displayName,size:"40px"}),o("section",{class:"content",onClick:()=>this.emitEvent("profile_click")},o("div",{class:"message"},t.displayName," has ","mrequestaccepted"===this.notification.event?"accepted":"rejected"," your membership request to ",e.name,"."),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))))}renderNovlAttachRequestNotification(){if("pranovl"!==this.notification.event)return null;const{creator:t,page:e,novl:i}=this.notification;return o("section",{class:"vert"},o("ur-avatar",{class:"profile",onClick:()=>this.emitEvent("profile_click"),src:t.profileImage,name:t.displayName,size:"40px"}),o("section",{class:"content-wrapper"},o("section",{class:"content",onClick:()=>this.emitEvent("profile_click")},o("div",{class:"message"},"pending"===this.novlAttachRequestStatus?`${t.displayName} has requested to attach ${i.title} to ${e.name}`:`You ${this.novlAttachRequestStatus} ${i.title} as attachment to ${e.name}`),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))),"pending"===this.novlAttachRequestStatus&&o("section",{class:"actions"},o("ur-button",{class:"action accept",variant:"filled",fullWidth:!0,onClick:()=>this.handleAcceptNovlAttachRequest()},"Accept"),o("ur-button",{class:"action reject",variant:"outlined",fullWidth:!0,onClick:()=>this.handleRejectNovlAttachRequest()},"Reject"))))}renderNovlAttachDecisionNotification(){if("apgattreq"!==this.notification.event&&"dpgattreq"!==this.notification.event)return null;const{creator:t,page:e,novl:i}=this.notification;return o("section",{class:"vert"},o("ur-avatar",{class:"profile",onClick:()=>this.emitEvent("profile_click"),src:t.profileImage,name:t.displayName,size:"40px"}),o("section",{class:"content",onClick:()=>this.emitEvent("profile_click")},o("div",{class:"message"},t.displayName," has ","apgattreq"===this.notification.event?"accepted":"rejected",i.title," attach request to ",e.name,"."),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))))}renderUserSignupNotification(){return"signup"!==this.notification.event?null:o("section",{class:"vert"},o("ur-avatar",{class:"profile",size:"40px"}),o("section",{class:"content"},o("div",{class:"message"},o("div",null,o("strong",null,"Welcome to urnovl")),o("div",null,"You have successfully signed up for urnovl, the new social network platform committed to serve writers and readers.")),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))))}renderCompetitionWinnerNotification(){if("compwinner"!==this.notification.event)return null;const t=this.notification,{competition:e,position:i,novl:r}=t,s=e.numericalOrder&&i?`Congratulations! Your story "${r.title}" won ${a=i,1===a?"1st":2===a?"2nd":3===a?"3rd":`${a}th`} place in "${e.title}"!`:`Congratulations! Your story "${r.title}" is a winner in "${e.title}"!`;var a;return o("section",{class:"vert"},o("div",{class:"winner-icon"},o("mdui-icon",{name:"emoji_events"})),o("section",{class:"content"},o("div",{class:"message"},o("div",{class:"winner-message"},s)),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))))}render(){return this.skeleton?o(i,{class:"notification"},o("section",{class:"vert"},o("ur-avatar",{skeleton:!0,size:"40px"}),o("section",{class:"content skeleton"},o("div",{class:"message-skeleton loading"}),o("div",{class:"ago-skeleton loading"})))):o(i,{class:{notification:!0,"notification--read":this.isRead}},(()=>{switch(this.notification.event){case"followed":return this.renderFollowNotification();case"pfollowed":return this.renderPageFollowNotification();case"commented":return this.renderCommentNotification();case"mrequest":return this.renderMembershipRequestNotification();case"mrequestaccepted":case"mrequestrejected":return this.renderMembershipDecisionNotification();case"pranovl":return this.renderNovlAttachRequestNotification();case"apgattreq":case"dpgattreq":return this.renderNovlAttachDecisionNotification();case"signup":return this.renderUserSignupNotification();case"compwinner":return this.renderCompetitionWinnerNotification();default:return o("div",{class:"unsupported"},"Unsupported notification type test: ",this.notification.event)}})())}};r.style=":host{--ur-color-background:var(--mdui-color-background);--ur-color-on-background:var(--mdui-color-on-background);--ur-color-surface:var(--mdui-color-surface);--ur-color-surface-variant:var(--mdui-color-surface-variant);--ur-color-border:var(--mdui-color-border);--ur-color-on-surface:var(--mdui-color-on-surface);--ur-color-on-surface-variant:var(--mdui-color-on-surface-variant);--ur-color-error:var(--mdui-color-error);--ur-color-outline-variant:var(--mdui-color-outline-variant);padding:12px 16px;font-size:12px;display:flex;transition:background-color 0.2s ease;color:rgb(var(--ur-color-on-background));background:rgba(var(--ur-color-on-background), 0.02);border-bottom:1px solid rgb(var(--ur-color-outline-variant))}:host(:hover){background:rgba(var(--ur-color-on-background), 0.03);transition:background-color 0.2s ease}:host(.notification--read){background:rgb(var(--ur-color-background))}:host(.notification--read:hover){background:rgba(var(--ur-color-on-background), 0.03)}:host .vert{display:flex;flex:1;align-items:flex-start;gap:12px}:host .profile{flex-shrink:0;cursor:pointer}:host .content{flex:1;cursor:pointer;padding:2px 0}:host .content.skeleton{display:flex;flex-direction:column;gap:4px}:host .action{flex:0 0 auto}:host .message{color:rgb(var(--ur-color-on-surface))}:host .ago{opacity:0.5;font-size:11px;font-weight:600;margin-top:4px;color:rgb(var(--ur-color-on-surface-variant))}:host .read{margin-left:auto}:host .unsupported{color:rgb(var(--ur-color-error));font-size:0.875rem;padding:8px;text-align:center}:host .content-wrapper{flex:1;display:flex;flex-direction:column;gap:8px}:host .actions{display:flex;gap:8px;margin-top:4px;justify-content:space-evenly;width:100%}:host .actions .action{flex:0 1 auto;min-width:100px}@keyframes placeholderAnimate{0%{background-position:-650px 0}100%{background-position:650px 0}}:host .message-skeleton.loading{height:16px;width:70%;display:inline-block;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:placeholderAnimate;background:linear-gradient(\r\n to right,\r\n rgba(var(--ur-color-on-background), 0.04) 2%,\r\n rgba(var(--ur-color-on-background), 0.12) 18%,\r\n rgba(var(--ur-color-on-background), 0.04) 33%\r\n );background-size:1300px;border-radius:4px}:host .ago-skeleton.loading{height:11px;width:80px;display:inline-block;margin-top:4px;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:placeholderAnimate;background:linear-gradient(\r\n to right,\r\n rgba(var(--ur-color-on-background), 0.04) 2%,\r\n rgba(var(--ur-color-on-background), 0.12) 18%,\r\n rgba(var(--ur-color-on-background), 0.04) 33%\r\n );background-size:1300px;border-radius:4px}";export{r as ur_notification}
|
|
1
|
+
import{r as t,c as e,h as o,H as i}from"./p-DY4z_iK5.js";const r=class{constructor(o){t(this,o),this.notificationEvent=e(this,"notificationEvent"),this.skeleton=!1}componentWillLoad(){!this.skeleton&&this.notification&&(this.isRead=this.notification.read,"mrequest"===this.notification.event&&(this.memberRequestStatus=this.notification.status),"pranovl"===this.notification.event&&(this.novlAttachRequestStatus=this.notification.status),"followed"===this.notification.event&&(this.isFollowing=this.notification.creator.followed))}emitEvent(t){this.isRead||"mark_read"===t||(this.isRead=!0,this.emitEvent("mark_read")),"follow_back"===t&&(this.isFollowing=!0),this.notificationEvent.emit({type:t,notification:this.notification})}handleAcceptMembershipRequest(){this.memberRequestStatus="accepted",this.emitEvent("mrequest_accept")}handleRejectMembershipRequest(){this.memberRequestStatus="rejected",this.emitEvent("mrequest_reject")}handleAcceptNovlAttachRequest(){this.novlAttachRequestStatus="accepted",this.emitEvent("narequest_accept")}handleRejectNovlAttachRequest(){this.novlAttachRequestStatus="rejected",this.emitEvent("narequest_reject")}renderFollowNotification(){if("followed"!==this.notification.event)return null;const{creator:t}=this.notification;return[o("section",{class:"vert"},o("ur-avatar",{class:"profile",onClick:()=>this.emitEvent("profile_click"),src:t.profileImage,name:t.displayName,size:"40px"}),o("section",{class:"content",onClick:()=>this.emitEvent("profile_click")},o("div",{class:"message"},t.displayName," has followed you."),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt})))),!this.isFollowing&&o("ur-button",{class:"action followb",variant:"filled",onClick:()=>this.emitEvent("follow_back")},"Follow back")]}renderPageFollowNotification(){if("pfollowed"!==this.notification.event)return null;const{creator:t,page:e}=this.notification;return o("section",{class:"vert"},o("ur-avatar",{class:"profile",onClick:()=>this.emitEvent("profile_click"),src:t.profileImage,name:t.displayName,size:"40px"}),o("section",{class:"content",onClick:()=>this.emitEvent("profile_click")},o("div",{class:"message"},t.displayName," has followed your page ",o("b",null,e.name),"."),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))))}renderCommentNotification(){if("commented"!==this.notification.event)return null;const{creator:t,novl:e,chapter:i}=this.notification;return o("section",{class:"vert"},o("ur-avatar",{class:"profile",onClick:()=>this.emitEvent("profile_click"),src:t.profileImage,name:t.displayName,size:"40px"}),o("section",{class:"content",onClick:()=>this.emitEvent("comment_click")},o("div",{class:"message"},t.displayName," has commented in chapter ",i.number," of novl ",o("b",null,e.title),"."),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))))}renderMembershipRequestNotification(){if("mrequest"!==this.notification.event)return null;const{creator:t,page:e}=this.notification;return o("section",{class:"vert"},o("ur-avatar",{class:"profile",onClick:()=>this.emitEvent("profile_click"),src:t.profileImage,name:t.displayName,size:"40px"}),o("section",{class:"content-wrapper"},o("section",{class:"content",onClick:()=>this.emitEvent("profile_click")},o("div",{class:"message"},"pending"===this.memberRequestStatus?`${t.displayName} has requested to become a member to ${e.name}`:`You ${this.memberRequestStatus} ${t.displayName} as a member to ${e.name}`),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))),"pending"===this.memberRequestStatus&&o("section",{class:"actions"},o("ur-button",{class:"action accept",variant:"filled",fullWidth:!0,onClick:()=>this.handleAcceptMembershipRequest()},"Accept"),o("ur-button",{class:"action reject",variant:"outlined",fullWidth:!0,onClick:()=>this.handleRejectMembershipRequest()},"Reject"))))}renderMembershipDecisionNotification(){if("mrequestaccepted"!==this.notification.event&&"mrequestrejected"!==this.notification.event)return null;const{creator:t,page:e}=this.notification;return o("section",{class:"vert"},o("ur-avatar",{class:"profile",onClick:()=>this.emitEvent("profile_click"),src:t.profileImage,name:t.displayName,size:"40px"}),o("section",{class:"content",onClick:()=>this.emitEvent("profile_click")},o("div",{class:"message"},t.displayName," has ","mrequestaccepted"===this.notification.event?"accepted":"rejected"," your membership request to ",e.name,"."),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))))}renderNovlAttachRequestNotification(){if("pranovl"!==this.notification.event)return null;const{creator:t,page:e,novl:i}=this.notification;return o("section",{class:"vert"},o("ur-avatar",{class:"profile",onClick:()=>this.emitEvent("profile_click"),src:t.profileImage,name:t.displayName,size:"40px"}),o("section",{class:"content-wrapper"},o("section",{class:"content",onClick:()=>this.emitEvent("profile_click")},o("div",{class:"message"},"pending"===this.novlAttachRequestStatus?`${t.displayName} has requested to attach ${i.title} to ${e.name}`:`You ${this.novlAttachRequestStatus} ${i.title} as attachment to ${e.name}`),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))),"pending"===this.novlAttachRequestStatus&&o("section",{class:"actions"},o("ur-button",{class:"action accept",variant:"filled",fullWidth:!0,onClick:()=>this.handleAcceptNovlAttachRequest()},"Accept"),o("ur-button",{class:"action reject",variant:"outlined",fullWidth:!0,onClick:()=>this.handleRejectNovlAttachRequest()},"Reject"))))}renderNovlAttachDecisionNotification(){if("apgattreq"!==this.notification.event&&"dpgattreq"!==this.notification.event)return null;const{creator:t,page:e,novl:i}=this.notification;return o("section",{class:"vert"},o("ur-avatar",{class:"profile",onClick:()=>this.emitEvent("profile_click"),src:t.profileImage,name:t.displayName,size:"40px"}),o("section",{class:"content",onClick:()=>this.emitEvent("profile_click")},o("div",{class:"message"},t.displayName," has ","apgattreq"===this.notification.event?"accepted":"rejected"," ",i.title," attach request to ",e.name,"."),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))))}renderUserSignupNotification(){return"signup"!==this.notification.event?null:o("section",{class:"vert"},o("ur-avatar",{class:"profile",size:"40px"}),o("section",{class:"content"},o("div",{class:"message"},o("div",null,o("strong",null,"Welcome to urnovl")),o("div",null,"You have successfully signed up for urnovl, the new social network platform committed to serve writers and readers.")),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))))}renderCompetitionWinnerNotification(){if("compwinner"!==this.notification.event)return null;const t=this.notification,{competition:e,position:i,novl:r}=t,s=e.numericalOrder&&i?`Congratulations! Your story "${r.title}" won ${a=i,1===a?"1st":2===a?"2nd":3===a?"3rd":`${a}th`} place in "${e.title}"!`:`Congratulations! Your story "${r.title}" is a winner in "${e.title}"!`;var a;return o("section",{class:"vert"},o("div",{class:"winner-icon"},o("mdui-icon",{name:"emoji_events"})),o("section",{class:"content"},o("div",{class:"message"},o("div",{class:"winner-message"},s)),o("div",{class:"ago"},o("ur-time-ago",{date:this.notification.updatedAt}))))}render(){return this.skeleton?o(i,{class:"notification"},o("section",{class:"vert"},o("ur-avatar",{skeleton:!0,size:"40px"}),o("section",{class:"content skeleton"},o("div",{class:"message-skeleton loading"}),o("div",{class:"ago-skeleton loading"})))):o(i,{class:{notification:!0,"notification--read":this.isRead}},(()=>{switch(this.notification.event){case"followed":return this.renderFollowNotification();case"pfollowed":return this.renderPageFollowNotification();case"commented":return this.renderCommentNotification();case"mrequest":return this.renderMembershipRequestNotification();case"mrequestaccepted":case"mrequestrejected":return this.renderMembershipDecisionNotification();case"pranovl":return this.renderNovlAttachRequestNotification();case"apgattreq":case"dpgattreq":return this.renderNovlAttachDecisionNotification();case"signup":return this.renderUserSignupNotification();case"compwinner":return this.renderCompetitionWinnerNotification();default:return o("div",{class:"unsupported"},"Unsupported notification type test: ",this.notification.event)}})())}};r.style=":host{--ur-color-background:var(--mdui-color-background);--ur-color-on-background:var(--mdui-color-on-background);--ur-color-surface:var(--mdui-color-surface);--ur-color-surface-variant:var(--mdui-color-surface-variant);--ur-color-border:var(--mdui-color-border);--ur-color-on-surface:var(--mdui-color-on-surface);--ur-color-on-surface-variant:var(--mdui-color-on-surface-variant);--ur-color-error:var(--mdui-color-error);--ur-color-outline-variant:var(--mdui-color-outline-variant);padding:12px 16px;font-size:12px;display:flex;transition:background-color 0.2s ease;color:rgb(var(--ur-color-on-background));background:rgba(var(--ur-color-on-background), 0.02);border-bottom:1px solid rgb(var(--ur-color-outline-variant))}:host(:hover){background:rgba(var(--ur-color-on-background), 0.03);transition:background-color 0.2s ease}:host(.notification--read){background:rgb(var(--ur-color-background))}:host(.notification--read:hover){background:rgba(var(--ur-color-on-background), 0.03)}:host .vert{display:flex;flex:1;align-items:flex-start;gap:12px}:host .profile{flex-shrink:0;cursor:pointer}:host .content{flex:1;cursor:pointer;padding:2px 0}:host .content.skeleton{display:flex;flex-direction:column;gap:4px}:host .action{flex:0 0 auto}:host .message{color:rgb(var(--ur-color-on-surface))}:host .ago{opacity:0.5;font-size:11px;font-weight:600;margin-top:4px;color:rgb(var(--ur-color-on-surface-variant))}:host .read{margin-left:auto}:host .unsupported{color:rgb(var(--ur-color-error));font-size:0.875rem;padding:8px;text-align:center}:host .content-wrapper{flex:1;display:flex;flex-direction:column;gap:8px}:host .actions{display:flex;gap:8px;margin-top:4px;justify-content:space-evenly;width:100%}:host .actions .action{flex:0 1 auto;min-width:100px}@keyframes placeholderAnimate{0%{background-position:-650px 0}100%{background-position:650px 0}}:host .message-skeleton.loading{height:16px;width:70%;display:inline-block;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:placeholderAnimate;background:linear-gradient(\r\n to right,\r\n rgba(var(--ur-color-on-background), 0.04) 2%,\r\n rgba(var(--ur-color-on-background), 0.12) 18%,\r\n rgba(var(--ur-color-on-background), 0.04) 33%\r\n );background-size:1300px;border-radius:4px}:host .ago-skeleton.loading{height:11px;width:80px;display:inline-block;margin-top:4px;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:placeholderAnimate;background:linear-gradient(\r\n to right,\r\n rgba(var(--ur-color-on-background), 0.04) 2%,\r\n rgba(var(--ur-color-on-background), 0.12) 18%,\r\n rgba(var(--ur-color-on-background), 0.04) 33%\r\n );background-size:1300px;border-radius:4px}";export{r as ur_notification}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as e,H as o}from"./p-DY4z_iK5.js";import"./p-7c818a9f.entry.js";import"./p-11f29db8.entry.js";import"./p-87def6f5.entry.js";import"./p-4d9264ab.entry.js";import"./p-c0823d5d.entry.js";import"./p-CC0moU6V.js";import"./p-zh2SzAzp.js";import"./p-DGxHnPQH.js";import"./p-CaBWcz-D.js";import"./p-CLzk4uXM.js";import"./p-BHOPlFNt.js";import"./p-BnvqNZ1a.js";import"./p-BeOzk1pg.js";import"./p-BvhH6khE.js";import"./p-D17Erkn3.js";import"./p-yaA8vKgL.js";import"./p-0929eypQ.js";import"./p-CShEVq5t.js";import"./p-CHcLApx5.js";import"./p-KGCZTCMf.js";import"./p-DWpwnnMS.js";import"./p-DrOYqS-p.js";import"./p-Bc8ZFWuw.js";import"./p-DD45e1Fb.js";import"./p-bGirE084.js";import"./p-DPvu0yIY.js";import"./p-DtvpcoBz.js";import"./p-jKFzoeec.js";import"./p-Y_zHCaDG.js";import"./p-a434e577.entry.js";import"./p-DFI700Bk.js";import"./p-731ded7f.entry.js";import"./p-qwuhRK5m.js";import"./p-DMaPbI-f.js";import"./p-jIGe0FOk.js";import"./p-BW_h1yAw.js";const s=class{constructor(e){i(this,e),this.attachStoryEvent=t(this,"attachStoryEvent"),this.readStoryEvent=t(this,"readStoryEvent"),this.writeStoryEvent=t(this,"writeStoryEvent"),this.buyStoryEvent=t(this,"buyStoryEvent"),this.editDescriptionEvent=t(this,"editDescriptionEvent"),this.editTitleEvent=t(this,"editTitleEvent"),this.visibilityChangeEvent=t(this,"visibilityChangeEvent"),this.completeStoryEvent=t(this,"completeStoryEvent"),this.revertStoryEvent=t(this,"revertStoryEvent"),this.toggleLibraryEvent=t(this,"toggleLibraryEvent"),this.novlTitle="This is long story title",this.completeText="Complete",this.ongoingText="Ongoing",this.deviceSize="large",this.likesText="Likes",this.editTitleMode=!1,this.editDescriptionMode=!1,this.viewsText="Views",this.readingDuration="1min",this.readingDurationText="Reading Duration",this.description="Description",this.languages="English",this.genres="Action, Adventure",this.literatureTypes="Novel",this.showLessText="Show less",this.showMoreText="Show more...",this.readStoryText="Read story",this.writeStoryText="Start writing",this.descriptionText="Description",this.chapterListText="Chapters",this.buyStoryText="Buy for",this.addToLibraryText="Add to Library",this.removeFromLibraryText="Remove from Library",this.isUserLoggedIn=!1,this.novlPurchasedAt="",this.isOwner=!1,this.attachRequestStatus="idle",this.attachStoryText="Attach to page",this.cancelRequestText="Cancel Request",this.requestPendingText="Request Pending",this.detachFromPageText="Detach from page",this.attachedToPageText="Attached to page",this.editTitleTooltipText="Edit title",this.editDescriptionTooltipText="Edit description",this.attachButtonHoverState="default",this.visibility="public",this.visibilityPublicText="Public story",this.visibilityPrivateText="Private story",this.completeStoryText="Complete story",this.revertStoryText="Revert to ongoing",this.expanded=!1,this.showPublishedButton=!0,this.skeleton=!1}onReadStory(){this.readStoryEvent.emit()}onAttachStory(i){this.attachStoryEvent.emit({status:i})}onWriteStory(){this.writeStoryEvent.emit()}onBuyStory(){this.buyStoryEvent.emit()}onEditTitle(){this.editTitleMode=!0,this.editTitleEvent.emit()}onEditDescription(){this.editDescriptionMode=!0,this.editDescriptionEvent.emit()}onChangeVisibility(){this.visibility="public"===this.visibility?"private":"public",this.visibilityChangeEvent.emit(this.visibility)}onCompleteStory(){this.completeStoryEvent.emit()}onRevertStory(){this.revertStoryEvent.emit()}onToggleLibrary(){this.toggleLibraryEvent.emit()}async reset(){this.expanded=!1}handleAttachStoryClicked(){"pending"===this.attachRequestStatus?this.onAttachStory("canceled"):"accepted"===this.attachRequestStatus?this.onAttachStory("leave"):"idle"!==this.attachRequestStatus&&"rejected"!==this.attachRequestStatus||this.onAttachStory("pending")}getAttachButtonText(){switch(this.attachRequestStatus){case"pending":return"hover"===this.attachButtonHoverState?this.cancelRequestText:this.requestPendingText;case"accepted":return"hover"===this.attachButtonHoverState?this.detachFromPageText:this.attachedToPageText;default:return this.attachStoryText}}render(){return e(o,{key:"5517b6838d26b92ce80978c4a9d7f82863a0687b"},e("div",{key:"97387fa955b894070050a58be960975340233828",class:"overview "+("small"===this.deviceSize?"small-device":"large-device")},e("div",{key:"d5a1f778531fe73e91a3883ed703ad4687809348",class:"cover"},e("div",{key:"ce9eca08b5b341dd6e32c2b50a9ddee93b54a559",class:"inner-cover-hld"},e("div",{key:"707182530558b76e2b63a651edf5311308b18a89",class:"inner-cover"},this.skeleton?e("div",{class:"cover-skeleton loading"}):e("img",{class:"cover-image",src:this.coverImage,alt:"Novl Cover"})),!this.skeleton&&this.isOwner&&this.renderVisibilitySwitch())),e("div",{key:"e10d9aa25f16868c05c96d015fec26be4eba2ef9",class:"novl-content"},e("div",{key:"0bb51351ab80d978deb24d77f978a7a283f853d4",class:"main-content"},e("div",{key:"6fb5c3be625839aa885db3fdcbc40fca298c1279",class:"upper-hld"},this.renderStatusChips(),e("div",{key:"55608f12cbdf87d2884558c1749b2d5526271cd4",class:"title-hld"},this.skeleton?e("h1",{class:"title-text title-skeleton loading"}," "):this.editTitleMode?e("slot",{name:"title-edit"}):e("h1",{class:"title-text"},this.novlTitle),!this.skeleton&&this.isOwner&&!this.editTitleMode&&e("ur-tooltip",{key:"e5ef90c0ecb0ca7ff078d232e46a3de96e8fb048",colorScheme:"dark",placement:"left",content:this.editTitleTooltipText},e("ur-button-icon",{key:"ad9c4ba708ec4bd2d76a9d2c8d5aed0cda0056cb",buttonHeight:"30px",buttonWidth:"30px",class:"edit-button",icon:"edit",onClick:()=>this.onEditTitle()})))),this.skeleton?e("span",{class:"story-stats stats-skeleton loading"}," "):e("span",{class:"story-stats"},this.likes>0&&e("span",{class:"story-stat"},e("span",{class:"story-stat-value"},this.likes),e("span",{class:"story-stat-label"},this.likesText)),this.likes>0&&e("span",{class:"story-stat-separator"},"·"),this.views>0&&e("span",{class:"story-stat"},e("span",{class:"story-stat-value"},this.views),e("span",{class:"story-stat-label"},this.viewsText)),this.views>0&&e("span",{class:"story-stat-separator"},"·"),e("span",{class:"story-stat"},e("span",{class:"story-stat-value"},"-1"===this.readingDuration?"N/A":this.readingDuration),e("span",{class:"story-stat-label"},this.readingDurationText))),e("div",{key:"5e03a8b45b278a07fbc4dd70ff3b228b89755aae",class:"novl-details"},this.skeleton?[e("ur-chip",{skeleton:!0,size:"28px",class:"info-chip"}),e("ur-chip",{skeleton:!0,size:"28px",class:"info-chip"}),e("ur-chip",{skeleton:!0,size:"28px",class:"info-chip"}),e("ur-chip",{skeleton:!0,size:"28px",class:"info-chip"})]:[...this.languages.split(",").map((i=>e("ur-chip",{fontColor:"rgb(var(--ur-color-on-surface-lite))",backColor:"rgb(var(--ur-color-surface-container-high))",size:"28px",class:"info-chip",clickable:!1,label:i}))),...this.literatureTypes.split(",").map((i=>e("ur-chip",{fontColor:"rgb(var(--ur-color-on-surface-lite))",backColor:"rgb(var(--ur-color-surface-container-high))",size:"28px",class:"info-chip",clickable:!1,label:i}))),...this.genres.split(",").map((i=>e("ur-chip",{fontColor:"rgb(var(--ur-color-on-surface-lite))",backColor:"rgb(var(--ur-color-surface-container-high))",size:"28px",class:"info-chip",clickable:!1,label:i})))]),e("div",{key:"ad13e4975e0fc7e9e4b73c38ef19361071c821df",class:"actions-holder"},this.skeleton?[e("ur-button",{skeleton:!0,class:"summary-action","full-width":"large"!==this.deviceSize}),e("ur-button",{skeleton:!0,class:"summary-action"})]:[this.hasBranches&&e("ur-button",{class:"summary-action",variant:"filled","full-width":"large"!==this.deviceSize,onClick:()=>this.onReadStory()},this.readStoryText),this.writeEnabled&&!this.hasBranches&&e("ur-button",{class:"summary-action",variant:"filled","full-width":"large"!==this.deviceSize,onClick:()=>this.onWriteStory()},this.writeStoryText),!this.skeleton&&this.isOwner&&this.attachRequestStatus&&e("ur-button",{class:"summary-action",variant:"tonal","full-width":"large"!==this.deviceSize,onMouseEnter:()=>this.attachButtonHoverState="hover",onMouseLeave:()=>this.attachButtonHoverState="default",onClick:()=>this.handleAttachStoryClicked()},this.getAttachButtonText()),!this.skeleton&&this.isOwner&&!this.novlPaid&&(this.storyCompleteStatus?e("ur-button",{class:"summary-action",variant:"tonal","full-width":"large"!==this.deviceSize,onClick:()=>this.onRevertStory()},this.revertStoryText):e("ur-button",{class:"summary-action",variant:"tonal","full-width":"large"!==this.deviceSize,onClick:()=>this.onCompleteStory(),disabled:!this.showPublishedButton},this.completeStoryText)),this.novlPaid&&(this.novlPurchasedAt?e("ur-button",{class:"summary-action",variant:"filled",fullWidth:!0,onClick:()=>this.onReadStory()},this.readStoryText):e("ur-button",{class:"summary-action",variant:"filled",fullWidth:!0,onClick:()=>this.onBuyStory()},this.buyStoryText," ",e("span",{class:"buy-price"},this.novlPrice))),this.isUserLoggedIn&&e("ur-button",{class:"summary-action",icon:this.isNovlLibrary?"bookmark_added":"bookmark_add--outlined",variant:"text",onClick:()=>this.onToggleLibrary()},this.isNovlLibrary?this.removeFromLibraryText:this.addToLibraryText)].filter(Boolean))),e("div",{key:"562b4b5e93cfa27de2a8c1a26302514e5d0921d3",class:"description"},e("div",{key:"42b4b4c34a9c61c896f8327157cdd8df8ed581d0",class:"description-header"},this.skeleton?e("span",{class:"label label-skeleton loading"}," "):e("span",{class:"label"},this.descriptionText),!this.skeleton&&this.isOwner&&!this.editDescriptionMode&&e("ur-tooltip",{key:"99ea6d22c2ec2219a4e916cb2d87b8fc27c7c026",colorScheme:"dark",placement:"left",content:this.editDescriptionTooltipText},e("ur-button-icon",{key:"dff5ce871539d04033d8055e1c228fe7e5803510",buttonHeight:"30px",buttonWidth:"30px",class:"edit-button",icon:"edit",onClick:()=>this.onEditDescription()}))),this.skeleton?e("ur-long-description",{skeleton:!0}):e("slot",this.editDescriptionMode?{name:"description-edit"}:{name:"description"}),this.editDescriptionMode&&e("div",{key:"492a8dbbacaa5d3d2c3b9d0675ae724ce0cf57d0",class:"description-edit",slot:"description-edit"})),e("div",{key:"c3e87e7927ec89e337f672dc238f357df0672ee6",class:"owner-holder"},this.skeleton?[e("ur-profile-card",{skeleton:!0,profileType:"user",avatarSize:"40px"}),e("ur-profile-card",{skeleton:!0,profileType:"page",avatarSize:"40px"})]:[e("slot",{name:"owner"}),e("slot",{name:"owner-page"})]),e("slot",{key:"de0e2f9241204a243d473343812eca5c64dd9bfc",name:"chapters"})),e("div",{key:"c0ccafe176aaa7d4c1af8be777f37f9382725d91",class:"ad-space"}," ")))}renderStatusChips(){return e("div",{class:"status "+("small"===this.deviceSize?"small-device":"large-device")},e("ur-chip",this.skeleton?{skeleton:!0,size:"32px",class:"status-chip",radius:"50px",border:"2px"}:this.storyCompleteStatus?{fontColor:"#1A5100",backColor:"#C6F4D0",radius:"50px",border:"2px",size:"32px",class:"status-chip",clickable:!1,label:this.completeText}:{fontColor:"rgb(var(--ur-color-primary))",backColor:"rgb(var(--ur-color-primary-container))",size:"32px",class:"status-chip",border:"2px",radius:"50px",clickable:!1,label:this.ongoingText}))}renderVisibilitySwitch(){return e("div",{class:"visibility-toggle"},e("ur-switch",{checked:"public"===this.visibility,checkedIcon:"public",uncheckedIcon:"lock",onSwitchChange:()=>this.onChangeVisibility()}),e("span",{class:"visibility-label"},"public"===this.visibility?this.visibilityPublicText:this.visibilityPrivateText))}};s.style=":host{--ur-color-background:var(--mdui-color-background);--ur-color-on-background:var(--mdui-color-on-background);--ur-color-on-complete-surface:#1a5100;--ur-color-complete-surface:red;--ur-color-primary:var(--mdui-color-primary);--ur-color-primary-container:var(--mdui-color-primary-container);--ur-color-on-surface-lite:var(--mdui-color-on-surface-lite);--ur-color-surface-container-high:var(--mdui-color-surface-container-high);--ur-color-tertiary:var(--mdui-color-tertiary);--ur-color-outline:var(--mdui-color-outline);width:100%;display:block;color:rgb(var(--ur-color-on-background-rgb))}:host .overview.small-device{display:flex;flex-direction:column}:host .overview.large-device{display:flex;flex-direction:row;gap:12px}:host .overview.large-device .novl-content{flex:1;padding:24px 0}:host .visibility-toggle{display:flex;flex-direction:row;align-items:center;gap:4px}:host .overview.large-device .cover-image{overflow:hidden}:host .overview.small-device .visibility-toggle{bottom:12px;right:24px;height:30px;position:absolute;padding:0 12px 0 0;border-radius:25px;background:rgb(var(--ur-color-background))}:host .description-header{display:flex;flex-direction:row;align-items:center}:host .overview.large-device .cover{display:flex;flex-direction:column;align-items:flex-end}:host .overview.small-device .novl-content{max-width:initial;padding:24px}:host .overview.large-device .inner-cover{border-radius:12px;position:relative;width:100%}:host .overview.small-device .inner-cover{width:100%;max-width:initial;max-height:210px;height:calc(100vw / 3)}:host .cover-image{height:100%;width:100%;object-fit:cover}:host .cover{flex:0.5;position:relative}:host .overview .inner-cover-hld{flex:1;align-items:flex-end}:host .overview.large-device .inner-cover-hld{gap:8px;width:100%;display:flex;max-width:380px;flex-direction:column;align-items:flex-start}:host .inner-cover{max-width:380px;max-height:250px;height:calc(40%);position:relative;overflow:hidden}:host .main-content{display:flex;flex-direction:column;gap:12px}:host .status.small-device{display:flex;position:absolute;top:0;left:24px;transform:translate(0, -50%);background:rgb(var(--ur-color-background));border-radius:50px;padding:2px}:host .status.large-device{display:flex;background:rgb(var(--ur-color-background));border-radius:50px;padding:2px}:host .novl-content{flex:1;max-width:740px;display:flex;position:relative;gap:24px;flex-direction:column}:host .upper-hld{display:flex;flex-direction:column;gap:8px}:host .title-hld{display:flex;flex-direction:row;gap:4px}:host .ad-space{flex:0.5}:host .title-text{flex:1;margin:0;font-size:27px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:-0.262px}:host .label{flex:1;font-size:20px;font-weight:600;letter-spacing:0.4px;min-height:30px}:host .description{display:flex;flex-direction:column;gap:8px}:host .story-stats{display:flex}:host .story-stat{font-size:12px;display:flex;align-items:center}:host .story-stat-label{font-weight:700;line-height:12px}:host .story-stat-value{font-weight:400;line-height:12px;margin-right:4px}:host .story-stat-separator{margin:0 4px}:host .novl-details{display:flex;flex-wrap:wrap;gap:8px}:host .actions-holder{display:flex;gap:8px;overflow:auto}:host .owner-holder{display:flex;flex-direction:column;gap:8px}@keyframes placeholderAnimate{0%{background-position:-650px 0}100%{background-position:650px 0}}:host .title-text.loading{height:24px;margin:8px 0;border-radius:4px;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:placeholderAnimate;background:linear-gradient(\r\n to right,\r\n rgba(var(--ur-color-on-background), 0.04) 2%,\r\n rgba(var(--ur-color-on-background), 0.12) 18%,\r\n rgba(var(--ur-color-on-background), 0.04) 33%\r\n );background-size:1000px}:host .title-skeleton.loading{height:28px;width:80%;display:inline-block;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:placeholderAnimate;background:linear-gradient(\r\n to right,\r\n rgba(var(--ur-color-on-background), 0.04) 2%,\r\n rgba(var(--ur-color-on-background), 0.12) 18%,\r\n rgba(var(--ur-color-on-background), 0.04) 33%\r\n );background-size:1300px;border-radius:4px}:host .stats-skeleton.loading{height:14px;width:60%;display:inline-block;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:placeholderAnimate;background:linear-gradient(\r\n to right,\r\n rgba(var(--ur-color-on-background), 0.04) 2%,\r\n rgba(var(--ur-color-on-background), 0.12) 18%,\r\n rgba(var(--ur-color-on-background), 0.04) 33%\r\n );background-size:1300px;border-radius:4px}:host .cover-skeleton.loading{height:100%;width:100%;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:placeholderAnimate;background:linear-gradient(\r\n to right,\r\n rgba(var(--ur-color-on-background), 0.04) 2%,\r\n rgba(var(--ur-color-on-background), 0.12) 18%,\r\n rgba(var(--ur-color-on-background), 0.04) 33%\r\n );background-size:1300px}:host .label-skeleton.loading{display:inline-block;width:120px;height:24px;border-radius:4px;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:placeholderAnimate;background:linear-gradient(\r\n to right,\r\n rgba(var(--ur-color-on-background), 0.04) 2%,\r\n rgba(var(--ur-color-on-background), 0.12) 18%,\r\n rgba(var(--ur-color-on-background), 0.04) 33%\r\n );background-size:1300px}";export{s as ur_novl_overview_info}
|