feat: make it possible to modify the poll title and subtitle from 3rd…

… party extensions (#98)

* feat: make it possible to modify the poll title and subtitle from 3rd party extensions

* export additional components

js/src/forum/components/Poll/PollListItem.tsx

@@ -115,21 +115,26 @@ export default class PollListItem<CustomAttrs extends IPollListItemAttrs = IPoll
   mainView(): Mithril.Children {
     return (
       <Link href={app.route('fof.polls.view', { id: this.poll.id() })} className="PollListItem-main">
-        <h2 className="PollListItem-title">{highlight(this.poll.question(), this.highlightRegExp)}</h2>
-        {this.poll.subtitle() && <p className="PollListItem-subtitle helpText">{this.poll.subtitle()}</p>}
+        <h2 className="PollListItem-title">{highlight(this.pollQuestion(this.poll), this.highlightRegExp)}</h2>
+        {this.poll.subtitle() && <p className="PollListItem-subtitle helpText">{this.pollSubtitle(this.poll)}</p>}
         <ul className="PollListItem-info">{listItems(this.infoItems().toArray())}</ul>
       </Link>
     );
   }
 
-  // infoView() {
-  //   return (
-  //     <div>
-  //       {this.poll.subtitle() && <p className="PollListItem-subtitle helpText">{this.poll.subtitle()}</p>}
-  //       <ul className="PollListItem-info">{listItems(this.infoItems().toArray())}</ul>
-  //     </div>
-  //   );
-  // }
+  /**
+   * Allow extensions to revise the question string.
+   */
+  pollQuestion(poll: Poll): string {
+    return poll.question();
+  }
+
+  /**
+   * Allow extensions to revise the subtitle string.
+   */
+  pollSubtitle(poll: Poll): string | null {
+    return poll.subtitle();
+  }
 
   oncreate(vnode: Mithril.VnodeDOM<CustomAttrs, this>) {
     super.oncreate(vnode);

js/src/forum/components/index.ts

@@ -18,6 +18,8 @@ import { AbstractPollPage } from './AbstractPollPage';
 import PollTitle from './Poll/PollTitle';
 import PollSubtitle from './Poll/PollSubtitle';
 import PollImage from './Poll/PollImage';
+import PollListItem from './Poll/PollListItem';
+import PollList from './Poll/PollList';
 
 export const components = {
   CreatePollModal,
@@ -40,4 +42,6 @@ export const components = {
   PollTitle,
   PollSubtitle,
   PollImage,
+  PollListItem,
+  PollList,
 };