@social-mail/social-mail-client 1.8.279 → 1.8.280

package/src/public/channel/pages/ChannelHomePage.tsx

@@ -1,69 +0,0 @@
-import InjectProperty from "@web-atoms/core/dist/core/InjectProperty";
-import BlogImageService from "../BlogImageService";
-import { IEmail } from "../../../model/model";
-import XNode from "@web-atoms/core/dist/core/XNode";
-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 BaseChannelPage from "./BaseChannelPage";
-import IPagedList from "@web-atoms/entity/dist/models/IPagedList";
-import Pager from "../controls/Pager";
-import { UrlService } from "../UrlService";
-
-
-export default class ChannelHomePage extends BaseChannelPage<{ channel, tag, author, start }> {
-
-    @InjectProperty
-    blogImageService: BlogImageService;
-
-    search = "";
-
-    tag = "";
-    author = "";
-
-    start = 0;
-    size = 25;
-
-    private emails: IPagedList<IEmail> = null;
-
-    async renderBody() {
-
-        this.start = Number.parseInt(this.parameters?.start ?? "0", 10);
-        this.tag = this.parameters.tag ?? "";
-        this.author = this.parameters.author ?? "";
-
-        document.title = "Social " + this.channel.emailAddress.emailAddress;
-
-        this.render(<div emails={Bind.oneWayAsync((c, e, cancelToken) => this.blogService.getEmails({
-            channelID: this.channel.mailboxID,
-            author: this.author,
-            tag: this.tag,
-            start: this.start,
-            search: this.search,
-            cancelToken
-        }))}></div>);
-
-        return <section
-            data-width="100%"
-            >
-            <AtomRepeater
-                data-items-updated-event="items-updated"
-                data-auto-scroll="false"
-                itemRenderer={(x) => <PostSummary blogService={this.blogImageService} channel={this.channel} mailboxEmail={x} />}
-                items={Bind.oneWay(() => this.emails ? this.emails.items : void 0)}
-                footer={Bind.oneWay(() => this.emails)}
-                footerRenderer={(x: IPagedList<IEmail>) =>
-                    <Pager
-                    current={this.start}
-                    end={Math.floor(x.total/this.size)-1}
-                    url={(n) => UrlService.toListUrl(this.channel, n)}
-                    />
-                }
-                />
-            </section>
-        ;
-
-        this.entityService.postPageReady();
-    }
-
-}

package/src/public/channel/pages/PublicChannelPage.tsx

@@ -1,131 +0,0 @@
-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}:${BigInt(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
-        }));
-    }
-}