@social-mail/social-mail-client 1.8.265 → 1.8.267

package/src/public/channel/pages/{ChannelDetailPage.tsx → PublicChannelPage.tsx}

@@ -1,131 +1,131 @@
-import InjectProperty from "@web-atoms/core/dist/core/InjectProperty";
-import { ContentPage } from "@web-atoms/web-controls/dist/mobile-app/MobileApp";
-import BlogImageService from "../BlogImageService";
-import BlogService from "../BlogService";
-import { IEmail, IMailbox } from "../../../model/model";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import BlogHeader from "../controls/blog-header/BlogHeader";
-import Bind from "@web-atoms/core/dist/core/Bind";
-import AtomRepeater from "@web-atoms/web-controls/dist/basic/AtomRepeater";
-import PostSummary from "../controls/post-summary/PostSummary";
-import InfiniteRepeater from "../../../common/controls/repeater/InfiniteRepeater";
-import RecentPosts from "../controls/RecentPosts";
-import TagCloud from "../controls/TagCloud";
-import UpcomingEvents from "../controls/UpcomingEvents";
-import PopularPosts from "../controls/PostList";
-import PostView from "../controls/post-view/PostView";
-import { UrlService } from "../UrlService";
-import EntityService from "../../../services/EntityService";
-import Action from "@web-atoms/core/dist/view-model/Action";
-import { Mailto } from "../../../common/Mailto";
-import EmojiPopup from "../emoji/EmojiPopup";
-import { AncestorEnumerator } from "@web-atoms/core/dist/web/core/AtomUI";
-
-const commentIcon = "💬";
-
-export default class ChannelDetailPage extends ContentPage<{ channel, slug }> {
-    @InjectProperty
-    blogService: BlogService;
-
-    @InjectProperty
-    blogImageService: BlogImageService;
-
-    channel: IMailbox;
-
-    search = "";
-
-    tag = "";
-    author = "";
-
-    private emails: IEmail[] = [];
-
-    private email: IEmail = null;
-
-    async init() {
-
-        const { channel, slug } = this.parameters;
-
-        this.channel = await this.blogService.getChannel(void 0, channel, void 0);
-
-        const { mailboxID: channelID } = this.channel;
-
-        const emailID = UrlService.getEmailID(slug);
-
-        this.email = await this.blogService.getEmail({ emailID, channelID, channel });
-
-        document.title = this.email.subject + " - Social " + this.channel.emailAddress.emailAddress;
-
-        this.email.engagements ??= [];
-        this.emails = [this.email];
-
-
-        this.renderer = <section data-blog-list="blog-list">
-            <BlogHeader
-                search={Bind.twoWaysImmediate(() => this.search)}
-                channel={this.channel}/>
-            <section data-width="100%">
-                <PostView
-                    channel={this.channel}
-                    email={this.emails[0]}
-                    />
-            </section>
-            <aside>
-                <TagCloud/>
-                <UpcomingEvents channel={this.channel}/>
-                <PopularPosts/>
-                <RecentPosts/>
-            </aside>
-            <footer></footer>
-        </section>;
-
-        this.resolve(EntityService).postPageReady();
-    }
-
-    @Action({ onEvent: "engagement-click"})
-    engagementClick({ engagement}) {
-        const emoji = engagement.engagement;
-        this.reactAction(emoji);
-    }
-
-    reactAction(emoji) {
-        const { email } = this;
-        const { headerMessageID } = email;
-        const { channel: { emailAddress: { emailAddress }} } = this;
-        const subject = `${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;
-        const link = Mailto.create({ to: emailAddress, subject, body: emoji, inReplyTo: headerMessageID });
-        // const link = `mailto:${channel.emailAddress.emailAddress}?subject=${subject}&body=${emoji}&in-reply-to=${headerMessageID}`;
-        this.element.dispatchEvent(new CustomEvent("shareLink", {
-            detail: {
-                link,
-                shareTitle: `React ${emoji} Via`
-            },
-            bubbles: true
-        }));
-
-    }
-
-    @Action({ onEvent: "react-email"})
-    async reactEmail(email, ce: CustomEvent) {
-        const parentElement = AncestorEnumerator.findSelector(ce.target as HTMLElement, "button,a") ?? ce.target as HTMLElement;
-        const emoji: string = await EmojiPopup.show(parentElement);
-        this.reactAction(emoji);
-    }
-
-    @Action({ onEvent: "reply-email"})
-    async replyEmail(email, ce: CustomEvent) {
-        const emoji = commentIcon;
-        email = this.email;
-        const { headerMessageID } = email;
-        const { channel: { emailAddress: { emailAddress }} } = this;
-        const subject = `${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;
-        const link = Mailto.create({ to: emailAddress, subject, inReplyTo: headerMessageID });
-        // const link = `mailto:${channel.emailAddress.emailAddress}?subject=${subject}&in-reply-to=${headerMessageID}&body=&`;
-        this.element.dispatchEvent(new CustomEvent("shareLink", {
-            detail: {
-                link,
-                shareTitle: "Add Comment Via"
-            },
-            bubbles: true
-        }));
-    }
+import InjectProperty from "@web-atoms/core/dist/core/InjectProperty";
+import { ContentPage } from "@web-atoms/web-controls/dist/mobile-app/MobileApp";
+import BlogImageService from "../BlogImageService";
+import BlogService from "../BlogService";
+import { IEmail, IMailbox } from "../../../model/model";
+import XNode from "@web-atoms/core/dist/core/XNode";
+import BlogHeader from "../controls/blog-header/BlogHeader";
+import Bind from "@web-atoms/core/dist/core/Bind";
+import AtomRepeater from "@web-atoms/web-controls/dist/basic/AtomRepeater";
+import PostSummary from "../controls/post-summary/PostSummary";
+import InfiniteRepeater from "../../../common/controls/repeater/InfiniteRepeater";
+import RecentPosts from "../controls/RecentPosts";
+import TagCloud from "../controls/TagCloud";
+import UpcomingEvents from "../controls/UpcomingEvents";
+import PopularPosts from "../controls/PostList";
+import PostView from "../controls/post-view/PostView";
+import { UrlService } from "../UrlService";
+import EntityService from "../../../services/EntityService";
+import Action from "@web-atoms/core/dist/view-model/Action";
+import { Mailto } from "../../../common/Mailto";
+import EmojiPopup from "../emoji/EmojiPopup";
+import { AncestorEnumerator } from "@web-atoms/core/dist/web/core/AtomUI";
+
+const commentIcon = "💬";
+
+export default class PublicChannelPage extends ContentPage<{ channel, slug }> {
+    @InjectProperty
+    blogService: BlogService;
+
+    @InjectProperty
+    blogImageService: BlogImageService;
+
+    channel: IMailbox;
+
+    search = "";
+
+    tag = "";
+    author = "";
+
+    private emails: IEmail[] = [];
+
+    private email: IEmail = null;
+
+    async init() {
+
+        const { channel, slug } = this.parameters;
+
+        this.channel = await this.blogService.getChannel(void 0, channel, void 0);
+
+        const { mailboxID: channelID } = this.channel;
+
+        const emailID = UrlService.getEmailID(slug);
+
+        this.email = await this.blogService.getEmail({ emailID, channelID, channel });
+
+        document.title = this.email.subject + " - Social " + this.channel.emailAddress.emailAddress;
+
+        this.email.engagements ??= [];
+        this.emails = [this.email];
+
+
+        this.renderer = <section data-blog-list="blog-list">
+            <BlogHeader
+                search={Bind.twoWaysImmediate(() => this.search)}
+                channel={this.channel}/>
+            <section data-width="100%">
+                <PostView
+                    channel={this.channel}
+                    email={this.emails[0]}
+                    />
+            </section>
+            <aside>
+                <TagCloud/>
+                <UpcomingEvents channel={this.channel}/>
+                <PopularPosts/>
+                <RecentPosts/>
+            </aside>
+            <footer></footer>
+        </section>;
+
+        this.resolve(EntityService).postPageReady();
+    }
+
+    @Action({ onEvent: "engagement-click"})
+    engagementClick({ engagement}) {
+        const emoji = engagement.engagement;
+        this.reactAction(emoji);
+    }
+
+    reactAction(emoji) {
+        const { email } = this;
+        const { headerMessageID } = email;
+        const { channel: { emailAddress: { emailAddress }} } = this;
+        const subject = `${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;
+        const link = Mailto.create({ to: emailAddress, subject, body: emoji, inReplyTo: headerMessageID });
+        // const link = `mailto:${channel.emailAddress.emailAddress}?subject=${subject}&body=${emoji}&in-reply-to=${headerMessageID}`;
+        this.element.dispatchEvent(new CustomEvent("shareLink", {
+            detail: {
+                link,
+                shareTitle: `React ${emoji} Via`
+            },
+            bubbles: true
+        }));
+
+    }
+
+    @Action({ onEvent: "react-email"})
+    async reactEmail(email, ce: CustomEvent) {
+        const parentElement = AncestorEnumerator.findSelector(ce.target as HTMLElement, "button,a") ?? ce.target as HTMLElement;
+        const emoji: string = await EmojiPopup.show(parentElement);
+        this.reactAction(emoji);
+    }
+
+    @Action({ onEvent: "reply-email"})
+    async replyEmail(email, ce: CustomEvent) {
+        const emoji = commentIcon;
+        email = this.email;
+        const { headerMessageID } = email;
+        const { channel: { emailAddress: { emailAddress }} } = this;
+        const subject = `${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;
+        const link = Mailto.create({ to: emailAddress, subject, inReplyTo: headerMessageID });
+        // const link = `mailto:${channel.emailAddress.emailAddress}?subject=${subject}&in-reply-to=${headerMessageID}&body=&`;
+        this.element.dispatchEvent(new CustomEvent("shareLink", {
+            detail: {
+                link,
+                shareTitle: "Add Comment Via"
+            },
+            bubbles: true
+        }));
+    }
 }