From 76eae47f2fc6beca0a0296632c9a5b7d5f59d9e7 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Mon, 17 Feb 2025 17:30:18 +0100
Subject: [PATCH] fix(front): correct layout closing tag placement in channel
 list page

---
 front/src/views/channels/List.vue | 104 +++++++++++++++---------------
 1 file changed, 53 insertions(+), 51 deletions(-)

diff --git a/front/src/views/channels/List.vue b/front/src/views/channels/List.vue
index 2dff7ba4f..32a51ba13 100644
--- a/front/src/views/channels/List.vue
+++ b/front/src/views/channels/List.vue
@@ -31,6 +31,11 @@ const labels = computed(() => ({
   searchPlaceholder: t('views.channels.SubscriptionsList.placeholder.search')
 }))
 
+const step = ref(1)
+const submittable = ref(false)
+const category = ref('podcast')
+const modalContent = ref()
+const createForm = ref()
 const previousPage = ref()
 const nextPage = ref()
 const channels = ref([] as Channel[])
@@ -114,7 +119,7 @@ const showCreateModal = ref(false)
       :key="widgetKey"
       :limit="50"
       :show-modification-date="true"
-      :filters="{q: query, ordering: '-name'}"
+      :filters="{q: query, subscribed: 'true'}"
     />
 <!-- TODO: Translations -->
     <Header
@@ -126,70 +131,67 @@ const showCreateModal = ref(false)
       icon="bi-plus"
       primary
     />
+    <inline-search-bar
+      v-model="query"
+      :placeholder="labels.searchPlaceholder"
+      @search="reloadWidget"
+    />
     <channels-widget
       :show-modification-date="true"
       :limit="12"
-      :filters="{ordering: '-creation_date', external: 'true'}"
+      :filters="{ordering: '-creation_date'}"
     >
-      <template #title>
-        {{ t('components.library.Home.header.newChannels') }}
-      </template>
     </channels-widget>
-  </Layout>
 
-  <Modal v-model="showCreateModal"
-    :title="t(`views.auth.ProfileOverview.modal.createChannel.${
-      step === 1 ?
-        'header' :
-      category === 'podcast' ?
-        'podcast.header'
-      :
-        'artist.header'
-    }`)"
-  >
-    <div
-      ref="modalContent"
-      class="scrolling content"
+    <Modal v-model="showCreateModal"
+      :title="t(`views.auth.ProfileOverview.modal.createChannel.${
+        step === 1 ?
+          'header' :
+        category === 'podcast' ?
+          'podcast.header'
+        :
+          'artist.header'
+      }`)"
     >
       <channel-form
         ref="createForm"
         :object="null"
         :step="step"
-        @loading="loading = $event"
+        @loading="isLoading = $event"
         @submittable="submittable = $event"
         @category="category = $event"
         @errored="modalContent.scrollTop = 0"
         @created="router.push({name: 'channels.detail', params: {id: $event.actor.preferred_username}})"
       />
-    </div>
-    <template #actions>
-      <Button secondary
-        v-if="step === 1"
-        autofocus
-      >
-        {{ t('views.auth.ProfileOverview.button.cancel') }}
-      </Button>
-      <Button secondary
-        v-if="step > 1"
-        @click.stop.prevent="step -= 1"
-      >
-        {{ t('views.auth.ProfileOverview.button.previous') }}
-      </Button>
-      <Button primary
-        v-if="step === 1"
-        @click.stop.prevent="step += 1"
-      >
-        {{ t('views.auth.ProfileOverview.button.next') }}
-      </Button>
-      <Button primary
-        v-if="step === 2"
-        type="submit"
-        :disabled="!submittable && !loading"
-        :isLoading="loading"
-        @click.prevent.stop="createForm.submit"
-      >
-        {{ t('views.auth.ProfileOverview.button.createChannel') }}
-      </Button>
-    </template>
-  </Modal>
+      <template #actions>
+        <Button secondary
+          v-if="step === 1"
+          autofocus
+        >
+          {{ t('views.auth.ProfileOverview.button.cancel') }}
+        </Button>
+        <Button secondary
+          v-if="step > 1"
+          @click.stop.prevent="step -= 1"
+        >
+          {{ t('views.auth.ProfileOverview.button.previous') }}
+        </Button>
+        <Button primary
+          v-if="step === 1"
+          @click.stop.prevent="step += 1"
+        >
+          {{ t('views.auth.ProfileOverview.button.next') }}
+        </Button>
+        <Button primary
+          v-if="step === 2"
+          type="submit"
+          :disabled="!submittable && !isLoading"
+          :isLoading="isLoading"
+          @click.prevent.stop="createForm.submit"
+        >
+          {{ t('views.auth.ProfileOverview.button.createChannel') }}
+        </Button>
+      </template>
+    </Modal>
+  </Layout>
 </template>