feat: add placeholder

web-tech-tw · Nov 1, 2024 · e200ff2 · e200ff2
1 parent b15536a
commit e200ff2
Show file tree

Hide file tree

Showing 9 changed files with 72 additions and 25 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>template.inte</title>
+  <title>meJob 咪價</title>
   <link rel="icon" href="/favicon.ico">
   <style>
     .js-required>div {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "template.inte",
+  "name": "mejob",
   "private": true,
   "version": "0.0.0",
   "type": "module",

diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
@@ -6,7 +6,7 @@
     <div class="max-w-7xl mx-auto mt-5 divide-y divide-gray-200 px-4 sm:px-6 md:px-8 text-sky-700">
       <a
         class="mr-3"
-        href="https://github.com/web-tech-tw/template.inte"
+        href="https://github.com/web-tech-tw/mejob"
       >網站原始碼</a>
       <a
         class="mr-3"

diff --git a/src/components/AppHeaderMenuData.js b/src/components/AppHeaderMenuData.js
@@ -1,3 +1,5 @@
+import router from "../router";
+
 export const title = "meJob 咪價";
 export const subtitle = "工作迷 - 自由的工作機會平台，讓你找到最適合的工作。";
 
@@ -11,28 +13,27 @@ export const onClickSara = () => {
 
 export const menuItems = [
   {
-    name: "通用模板",
-    type: "dropdown",
-    status: "template",
-    children: [
-      {
-        name: "template.inte",
-        description: "前端 Web 通用模板",
-        icon: "GlobeAltIcon",
-        onClick: () => window.open("https://github.com/web-tech-tw/template.inte"),
-      },
-      {
-        name: "template.recv",
-        description: "後端 API 通用模板",
-        icon: "ServerStackIcon",
-        onClick: () => window.open("https://github.com/web-tech-tw/template.recv"),
-      }
-    ]
+    name: "找工作",
+    type: "function",
+    icon: "BriefcaseIcon",
+    onClick: () => {
+      router.push("/careers");
+    },
+  },
+  {
+    name: "找人才",
+    type: "function",
+    icon: "UserGroupIcon",
+    onClick: () => {
+      router.push("/resumes");
+    },
   },
   {
-    name: "GitHub",
+    name: "職場暢談",
     type: "function",
-    icon: "CodeBracketIcon",
-    onClick: () => window.open("https://github.com/web-tech-tw"),
+    icon: "ChatBubbleOvalLeftEllipsisIcon",
+    onClick: () => {
+      router.push("/chat");
+    },
   }
 ];
diff --git a/src/router/index.js b/src/router/index.js
@@ -5,6 +5,18 @@ const routes = [
     path: "/",
     component: () => import("../views/HomeView.vue"),
   },
+  {
+    path: "/resumes",
+    component: () => import("../views/ResumesView.vue"),
+  },
+  {
+    path: "/careers",
+    component: () => import("../views/CareersView.vue"),
+  },
+  {
+    path: "/chat",
+    component: () => import("../views/ChatView.vue"),
+  },
   {
     path: "/:pathMatch(.*)*",
     component: () => import("../views/NotFoundView.vue"),

diff --git a/src/views/CareersView.vue b/src/views/CareersView.vue
@@ -0,0 +1,7 @@
+<template>
+  <div class="flex justify-center py-32">
+    <div class="inline-block">
+      <span class="inline ml-2">一生懸命開發中 ٩(๑•̀ω•́๑)۶</span>
+    </div>
+  </div>
+</template>
diff --git a/src/views/ChatView.vue b/src/views/ChatView.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="flex justify-center py-32">
+    <div class="inline-block">
+      <loading-circle-icon class="h-5 w-5 animate-spin inline text-orange-600" />
+      <span class="inline ml-2">逃跑中... ＼＼\\٩( 'ω' )و //／／</span>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from "vue";
+
+import LoadingCircleIcon from "../components/LoadingCircleIcon.vue";
+
+onMounted(() => {
+  setTimeout(() => {
+    location.href = "/openchat/#/join/mejob";
+  }, 1000);
+});
+</script>
diff --git a/src/views/ResumesView.vue b/src/views/ResumesView.vue
@@ -0,0 +1,7 @@
+<template>
+  <div class="flex justify-center py-32">
+    <div class="inline-block">
+      <span class="inline ml-2">一生懸命開發中 ٩(๑•̀ω•́๑)۶</span>
+    </div>
+  </div>
+</template>