From 0b30c0d98e548d8d13ef8ac0f136491a7cf51eaf Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Mon, 8 Jan 2024 23:06:41 +0800
Subject: [PATCH] feat: add powered by information in page footer (#5153)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What type of PR is this?

/area console
/kind improvement
/milestone 2.12.x

#### What this PR does / why we need it:

在 Console 和 UC 的页面底部添加 Powered by 信息。

<img width="1920" alt="图片" src="https://github.com/halo-dev/halo/assets/21301288/3ce1304f-01dc-4e3f-a22a-a1cbd59fced8">

#### Does this PR introduce a user-facing change?

```release-note
在 Console 和 UC 的页面底部添加 Powered by 信息。
```
---
 console/console-src/layouts/BasicLayout.vue         |  9 +++++++++
 .../console-src/modules/contents/pages/module.ts    |  1 +
 .../console-src/modules/contents/posts/module.ts    |  1 +
 console/env.d.ts                                    |  1 +
 console/src/components/base-app/BaseApp.vue         |  6 ++++++
 console/uc-src/layouts/BasicLayout.vue              | 13 +++++++++++++
 console/uc-src/modules/contents/posts/module.ts     |  1 +
 7 files changed, 32 insertions(+)

diff --git a/console/console-src/layouts/BasicLayout.vue b/console/console-src/layouts/BasicLayout.vue
index 31090de702..862179444f 100644
--- a/console/console-src/layouts/BasicLayout.vue
+++ b/console/console-src/layouts/BasicLayout.vue
@@ -204,6 +204,15 @@ onMounted(() => {
     <main class="content w-full pb-12 mb-safe md:w-[calc(100%-16rem)] md:pb-0">
       <slot v-if="$slots.default" />
       <RouterView v-else />
+      <footer
+        v-if="!route.meta.hideFooter"
+        class="mt-auto p-4 text-center text-sm"
+      >
+        <span class="text-gray-600">Powered by </span>
+        <RouterLink to="/actuator" class="hover:text-gray-600">
+          Halo
+        </RouterLink>
+      </footer>
     </main>
 
     <!--bottom nav bar-->
diff --git a/console/console-src/modules/contents/pages/module.ts b/console/console-src/modules/contents/pages/module.ts
index 7df6f530ea..9331b0ab04 100644
--- a/console/console-src/modules/contents/pages/module.ts
+++ b/console/console-src/modules/contents/pages/module.ts
@@ -49,6 +49,7 @@ export default definePlugin({
           meta: {
             title: "core.page_editor.title",
             searchable: true,
+            hideFooter: true,
             permissions: ["system:singlepages:manage"],
           },
         },
diff --git a/console/console-src/modules/contents/posts/module.ts b/console/console-src/modules/contents/posts/module.ts
index dc0955e01c..06a74a3fc8 100644
--- a/console/console-src/modules/contents/posts/module.ts
+++ b/console/console-src/modules/contents/posts/module.ts
@@ -55,6 +55,7 @@ export default definePlugin({
           meta: {
             title: "core.post_editor.title",
             searchable: true,
+            hideFooter: true,
             permissions: ["system:posts:manage"],
           },
         },
diff --git a/console/env.d.ts b/console/env.d.ts
index 10c13c2ab6..a2f91d29eb 100644
--- a/console/env.d.ts
+++ b/console/env.d.ts
@@ -23,6 +23,7 @@ declare module "vue-router" {
     searchable?: boolean;
     permissions?: string[];
     core?: boolean;
+    hideFooter?: boolean;
     menu?: {
       name: string;
       group?: CoreMenuGroupId;
diff --git a/console/src/components/base-app/BaseApp.vue b/console/src/components/base-app/BaseApp.vue
index be6087ef15..5e7277d2b3 100644
--- a/console/src/components/base-app/BaseApp.vue
+++ b/console/src/components/base-app/BaseApp.vue
@@ -97,6 +97,12 @@ body {
   background: #eff4f9;
 }
 
+html,
+body,
+#app {
+  height: 100%;
+}
+
 *,
 *::before,
 *::after {
diff --git a/console/uc-src/layouts/BasicLayout.vue b/console/uc-src/layouts/BasicLayout.vue
index 28ee3fa25e..a18d4b2a34 100644
--- a/console/uc-src/layouts/BasicLayout.vue
+++ b/console/uc-src/layouts/BasicLayout.vue
@@ -181,6 +181,19 @@ const disallowAccessConsole = computed(() => {
     <main class="content w-full pb-12 mb-safe md:w-[calc(100%-16rem)] md:pb-0">
       <slot v-if="$slots.default" />
       <RouterView v-else />
+      <footer
+        v-if="!route.meta.hideFooter"
+        class="mt-auto p-4 text-center text-sm"
+      >
+        <span class="text-gray-600">Powered by </span>
+        <a
+          href="https://www.halo.run"
+          target="_blank"
+          class="hover:text-gray-600"
+        >
+          Halo
+        </a>
+      </footer>
     </main>
 
     <!--bottom nav bar-->
diff --git a/console/uc-src/modules/contents/posts/module.ts b/console/uc-src/modules/contents/posts/module.ts
index 8a1054896f..b25aa9cf96 100644
--- a/console/uc-src/modules/contents/posts/module.ts
+++ b/console/uc-src/modules/contents/posts/module.ts
@@ -35,6 +35,7 @@ export default definePlugin({
           meta: {
             title: "core.post_editor.title",
             searchable: true,
+            hideFooter: true,
             permissions: ["uc:posts:manage"],
           },
         },