Moderation configuration screen: WIP.

client/common/moderation/templates/channel.ts

@@ -0,0 +1,58 @@
+import type { RegisterClientOptions } from '@peertube/peertube-types/client'
+import type { ChannelModerationOptions } from 'shared/lib/types'
+import { getBaseRoute } from '../../../videowatch/uri'
+// Must use require for mustache, import seems buggy.
+const Mustache = require('mustache')
+
+/**
+ * Renders the moderation settings page for a given channel.
+ * @param registerClientOptions Peertube client options
+ * @param channelId The channel id
+ * @returns The page content
+ */
+async function renderModerationChannel (
+  registerClientOptions: RegisterClientOptions,
+  channelId: string
+): Promise<string> {
+  const { peertubeHelpers } = registerClientOptions
+
+  try {
+    if (!channelId || !/^\d+$/.test(channelId)) {
+      throw new Error('Missing or invalid channel id.')
+    }
+
+    const channelModerationOptions: ChannelModerationOptions = await (await fetch(
+      getBaseRoute(registerClientOptions) + '/api/moderation/channel/' + encodeURIComponent(channelId),
+      {
+        method: 'GET',
+        headers: peertubeHelpers.getAuthHeader()
+      }
+    )).json()
+
+    // Basic testing that channelModerationOptions has the correct format
+    if ((typeof channelModerationOptions !== 'object') || !channelModerationOptions.channel) {
+      throw new Error('Can\'t get channel moderation options.')
+    }
+
+    const view = {
+      title:
+        await peertubeHelpers.translate(LOC_LIVECHAT_MODERATION_CHANNEL_TITLE) +
+        ' ' + channelModerationOptions.channel.displayName,
+      description: await peertubeHelpers.translate(LOC_LIVECHAT_MODERATION_CHANNEL_DESC)
+    }
+
+    return Mustache.render(`
+      <div class="margin-content">
+        <h1>{{title}}</h1>
+        <p>{{description}}</p>
+      </div>
+    `, view) as string
+  } catch (err: any) {
+    peertubeHelpers.notifier.error(err.toString())
+    return ''
+  }
+}
+
+export {
+  renderModerationChannel
+}