feat: add powered by information in page footer (halo-dev#5153)

#### 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 信息。 ```
JohnNiang · Jan 8, 2024 · 0b30c0d · 0b30c0d
1 parent 694ad26
commit 0b30c0d
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -35,6 +35,7 @@ export default definePlugin({
           meta: {
             title: "core.post_editor.title",
             searchable: true,
+            hideFooter: true,
             permissions: ["uc:posts:manage"],
           },
         },