From 73b1e376a372fda2e7358dee2cd4df55b9bf3cfc Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Sun, 31 Mar 2024 01:06:06 +0800
Subject: [PATCH] :sparkles: Channel manage

---
 src/components/NotificationList.vue           |  2 +-
 .../chat/channels/ChannelAction.vue           | 36 +++++++++++++++++++
 src/components/realms/RealmAction.vue         |  2 +-
 src/layouts/chat.vue                          | 17 ++++++++-
 src/stores/userinfo.ts                        | 16 ++++++++-
 src/views/chat/page.vue                       | 12 ++++---
 src/views/realms/page.vue                     |  2 ++
 7 files changed, 79 insertions(+), 8 deletions(-)
 create mode 100644 src/components/chat/channels/ChannelAction.vue

diff --git a/src/components/NotificationList.vue b/src/components/NotificationList.vue
index b03051e..75fe365 100644
--- a/src/components/NotificationList.vue
+++ b/src/components/NotificationList.vue
@@ -1,7 +1,7 @@
 <template>
   <v-menu eager :close-on-content-click="false">
     <template #activator="{ props }">
-      <v-btn v-bind="props" stacked rounded="circle" size="small" variant="text" :loading="loading">
+      <v-btn v-bind="props" icon rounded="circle" size="small" variant="text" :loading="loading">
         <v-badge v-if="pagination.total > 0" color="error" :content="pagination.total">
           <v-icon icon="mdi-bell" />
         </v-badge>
diff --git a/src/components/chat/channels/ChannelAction.vue b/src/components/chat/channels/ChannelAction.vue
new file mode 100644
index 0000000..9808da7
--- /dev/null
+++ b/src/components/chat/channels/ChannelAction.vue
@@ -0,0 +1,36 @@
+<template>
+  <v-menu>
+    <template #activator="{ props }">
+      <v-btn v-bind="props" icon="mdi-cog" variant="text" />
+    </template>
+
+    <v-list density="compact" lines="one">
+      <v-list-item disabled append-icon="mdi-flag" title="Report" />
+      <v-list-item v-if="isOwned" append-icon="mdi-pencil" title="Edit" @click="editChannel" />
+      <v-list-item v-if="isOwned" append-icon="mdi-delete" title="Delete" @click="deleteChannel" />
+    </v-list>
+  </v-menu>
+</template>
+
+<script setup lang="ts">
+import { useUserinfo } from "@/stores/userinfo"
+import { useChannels } from "@/stores/channels"
+import { computed } from "vue"
+
+const id = useUserinfo()
+const channels = useChannels()
+
+const props = defineProps<{ item: any }>()
+
+const isOwned = computed(() => props.item?.account_id === id.userinfo.idSet?.messaging)
+
+function editChannel() {
+  channels.related.edit_to = props.item
+  channels.show.editor = true
+}
+
+function deleteChannel() {
+  channels.related.delete_to = props.item
+  channels.show.delete = true
+}
+</script>
diff --git a/src/components/realms/RealmAction.vue b/src/components/realms/RealmAction.vue
index 314cd07..2f43d90 100644
--- a/src/components/realms/RealmAction.vue
+++ b/src/components/realms/RealmAction.vue
@@ -22,7 +22,7 @@ const realms = useRealms()
 
 const props = defineProps<{ item: any }>()
 
-const isOwned = computed(() => props.item?.account_id === id.userinfo.data.id)
+const isOwned = computed(() => props.item?.account_id === id.userinfo.idSet?.interactive)
 
 function editRealm() {
   realms.related.edit_to = props.item
diff --git a/src/layouts/chat.vue b/src/layouts/chat.vue
index 24b00cb..143c6ae 100644
--- a/src/layouts/chat.vue
+++ b/src/layouts/chat.vue
@@ -4,8 +4,13 @@
       <v-app-bar-nav-icon icon="mdi-chat" :loading="loading" />
 
       <h2 class="ml-2 text-lg font-500">{{ channels.current?.name }}</h2>
-
       <p class="ml-3 text-xs opacity-80">{{ channels.current?.description }}</p>
+
+      <v-spacer />
+
+      <div v-if="channels.current">
+        <channel-action :item="channels.current" />
+      </div>
     </div>
   </v-app-bar>
 
@@ -20,6 +25,7 @@ import { request } from "@/scripts/request"
 import { useRoute } from "vue-router"
 import { ref, watch } from "vue"
 import { useChannels } from "@/stores/channels"
+import ChannelAction from "@/components/chat/channels/ChannelAction.vue"
 
 const route = useRoute()
 const channels = useChannels()
@@ -47,4 +53,13 @@ watch(
   },
   { immediate: true }
 )
+
+watch(() => channels.done, (val) => {
+  if (val) {
+    readMetadata().then(() => {
+      channels.messages = []
+      channels.done = false
+    })
+  }
+}, { immediate: true })
 </script>
\ No newline at end of file
diff --git a/src/stores/userinfo.ts b/src/stores/userinfo.ts
index f54e471..fbcdcfe 100644
--- a/src/stores/userinfo.ts
+++ b/src/stores/userinfo.ts
@@ -9,6 +9,7 @@ export interface Userinfo {
   isReady: boolean
   isLoggedIn: boolean
   displayName: string
+  idSet: { [id: string]: number }
   data: any
 }
 
@@ -16,6 +17,7 @@ const defaultUserinfo: Userinfo = {
   isReady: false,
   isLoggedIn: false,
   displayName: "Citizen",
+  idSet: {},
   data: null
 }
 
@@ -47,17 +49,29 @@ export const useUserinfo = defineStore("userinfo", () => {
     const res = await request("identity", "/api/users/me", {
       headers: { Authorization: `Bearer ${await getAtk()}` }
     })
-
     if (res.status !== 200) {
       return
     }
 
     const data = await res.json()
 
+    const federationResp = await Promise.all([
+      request("interactive", "/api/users/me", {
+        headers: { Authorization: `Bearer ${await getAtk()}` }
+      }),
+      request("messaging", "/api/users/me", {
+        headers: { Authorization: `Bearer ${await getAtk()}` }
+      })
+    ])
+
     userinfo.value = {
       isReady: true,
       isLoggedIn: true,
       displayName: data["nick"],
+      idSet: {
+        interactive: (await federationResp[0].json())["id"],
+        messaging: (await federationResp[1].json())["id"]
+      },
       data: data
     }
 
diff --git a/src/views/chat/page.vue b/src/views/chat/page.vue
index a6ca59a..93d4f33 100644
--- a/src/views/chat/page.vue
+++ b/src/views/chat/page.vue
@@ -73,10 +73,14 @@ async function readMore({ done }: any) {
 }
 
 watch(() => channels.current, (val) => {
-  if (val) {
-    readHistory()
-  }
-}, { immediate: true })
+    if (val) {
+      pagination.page = 1
+      pagination.total = 0
+      readHistory()
+    }
+  },
+  { immediate: true }
+)
 
 function scrollTop() {
   window.scroll({ top: 0 })
diff --git a/src/views/realms/page.vue b/src/views/realms/page.vue
index 84940be..f51c445 100644
--- a/src/views/realms/page.vue
+++ b/src/views/realms/page.vue
@@ -105,6 +105,8 @@ watch(
   () => route.params.realmId,
   () => {
     posts.value = []
+    pagination.page = 1
+    pagination.total = 0
     readMetadata()
     readPosts()
   },