From 4a775b1df5bf682a435e987e5b857ffa2c3bc83b Mon Sep 17 00:00:00 2001
From: John Livingston <git@john-livingston.fr>
Date: Mon, 19 Jul 2021 15:45:57 +0200
Subject: [PATCH] Room list: retrieving video metadata.

---
 client/@types/peertube.d.ts          |  1 +
 client/admin-plugin-client-plugin.ts | 44 +++++++++++++++++++++++++---
 2 files changed, 41 insertions(+), 4 deletions(-)

diff --git a/client/@types/peertube.d.ts b/client/@types/peertube.d.ts
index 0d0772fc..a649d552 100644
--- a/client/@types/peertube.d.ts
+++ b/client/@types/peertube.d.ts
@@ -64,6 +64,7 @@ interface RegisterOptions {
 interface Video {
   isLive: boolean
   isLocal: boolean
+  name: string
   originInstanceUrl: string
   uuid: string
 }
diff --git a/client/admin-plugin-client-plugin.ts b/client/admin-plugin-client-plugin.ts
index 73787348..fde4199a 100644
--- a/client/admin-plugin-client-plugin.ts
+++ b/client/admin-plugin-client-plugin.ts
@@ -70,30 +70,66 @@ function register ({ registerHook, registerSettingsScript, peertubeHelpers }: Re
               table.classList.add('peertube-plugin-livechat-prosody-list-rooms')
               container.append(table)
               // TODO: translate labels.
+              const labels: any = {
+                Name: 'Name',
+                Description: 'Description',
+                NotFound: 'Not found',
+                Video: 'Video'
+              }
               const titleLineEl = document.createElement('tr')
               const titleNameEl = document.createElement('th')
-              titleNameEl.textContent = 'Name'
+              titleNameEl.textContent = labels.Name
               const titleDescriptionEl = document.createElement('th')
-              titleDescriptionEl.textContent = 'Description'
+              titleDescriptionEl.textContent = labels.Description
+              const titleVideoEl = document.createElement('th')
+              titleVideoEl.textContent = labels.Video
               titleLineEl.append(titleNameEl)
               titleLineEl.append(titleDescriptionEl)
+              titleLineEl.append(titleVideoEl)
               table.append(titleLineEl)
               rooms.forEach(room => {
-                // TODO: get some informations about the video.
                 const uuid = room.localpart
                 const href = getBaseRoute() + '/webchat/room/' + encodeURIComponent(uuid)
                 const lineEl = document.createElement('tr')
                 const nameEl = document.createElement('td')
                 const aEl = document.createElement('a')
                 aEl.textContent = room.name
-                aEl.href = href
                 aEl.target = '_blank'
                 const descriptionEl = document.createElement('td')
                 descriptionEl.textContent = room.description
+                const videoEl = document.createElement('td')
                 nameEl.append(aEl)
                 lineEl.append(nameEl)
                 lineEl.append(descriptionEl)
+                lineEl.append(videoEl)
                 table.append(lineEl)
+
+                if (/^[a-zA-A0-9-]+$/.test(uuid)) {
+                  const p = fetch('/api/v1/videos/' + uuid, {
+                    method: 'GET',
+                    headers: peertubeHelpers.getAuthHeader()
+                  })
+                  p.then(async res => {
+                    if (!res.ok) {
+                      videoEl.textContent = labels.NotFound
+                      return
+                    }
+                    const video: Video | undefined = await res.json()
+                    if (!video) {
+                      videoEl.textContent = labels.NotFound
+                      return
+                    }
+
+                    aEl.href = href
+                    const aVideoEl = document.createElement('a')
+                    aVideoEl.textContent = video.name
+                    aVideoEl.target = '_blank'
+                    aVideoEl.href = '/videos/watch/' + uuid
+                    videoEl.append(aVideoEl)
+                  }, () => {
+                    console.error('[peertube-plugin-livechat] Failed to retrieve video ' + uuid)
+                  })
+                }
               })
             }
           } catch (error) {