From 35aca46b68b071ab97c7bad15b66067c9640ca89 Mon Sep 17 00:00:00 2001 From: LouisLam Date: Mon, 13 Sep 2021 19:21:39 +0800 Subject: [PATCH] [status page] checkpoint --- src/assets/app.scss | 14 ++++ src/components/GroupList.vue | 96 +++++++++++++++++++++++++ src/icon.js | 4 +- src/main.js | 5 +- src/mixins/public.js | 7 ++ src/pages/StatusPage.vue | 134 +++++++++++++++++++++-------------- 6 files changed, 203 insertions(+), 57 deletions(-) create mode 100644 src/components/GroupList.vue create mode 100644 src/mixins/public.js diff --git a/src/assets/app.scss b/src/assets/app.scss index f25e4c467..4b6b481f4 100644 --- a/src/assets/app.scss +++ b/src/assets/app.scss @@ -301,6 +301,20 @@ h2 { opacity: 0; } +.slide-fade-right-enter-active { + transition: all 0.2s $easing-in; +} + +.slide-fade-right-leave-active { + transition: all 0.2s $easing-in; +} + +.slide-fade-right-enter-from, +.slide-fade-right-leave-to { + transform: translateX(50px); + opacity: 0; +} + .monitor-list { &.scrollbar { min-height: calc(100vh - 240px); diff --git a/src/components/GroupList.vue b/src/components/GroupList.vue new file mode 100644 index 000000000..4d145670f --- /dev/null +++ b/src/components/GroupList.vue @@ -0,0 +1,96 @@ + + + + + diff --git a/src/icon.js b/src/icon.js index 7e7c7dd67..308c03c49 100644 --- a/src/icon.js +++ b/src/icon.js @@ -1,10 +1,10 @@ import { library } from "@fortawesome/fontawesome-svg-core" -import { faCog, faEdit, faPlus, faPause, faPlay, faTachometerAlt, faTrash, faList, faArrowAltCircleUp, faEye, faEyeSlash, faCheckCircle, faStream } from "@fortawesome/free-solid-svg-icons" +import { faCog, faEdit, faPlus, faPause, faPlay, faTachometerAlt, faTrash, faList, faArrowAltCircleUp, faEye, faEyeSlash, faCheckCircle, faStream, faSave } from "@fortawesome/free-solid-svg-icons" //import { fa } from '@fortawesome/free-regular-svg-icons' import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome" // Add Free Font Awesome Icons here // https://fontawesome.com/v5.15/icons?d=gallery&p=2&s=solid&m=free -library.add(faCog, faEdit, faPlus, faPause, faPlay, faTachometerAlt, faTrash, faList, faArrowAltCircleUp, faEye, faEyeSlash, faCheckCircle, faStream); +library.add(faCog, faEdit, faPlus, faPause, faPlay, faTachometerAlt, faTrash, faList, faArrowAltCircleUp, faEye, faEyeSlash, faCheckCircle, faStream, faSave); export { FontAwesomeIcon } diff --git a/src/main.js b/src/main.js index a4129db8f..73a37de25 100644 --- a/src/main.js +++ b/src/main.js @@ -13,6 +13,8 @@ import socket from "./mixins/socket"; import theme from "./mixins/theme"; import mobile from "./mixins/mobile"; import datetime from "./mixins/datetime"; +import publicMixin from "./mixins/public"; + import Dashboard from "./pages/Dashboard.vue"; import DashboardHome from "./pages/DashboardHome.vue"; import Details from "./pages/Details.vue"; @@ -140,7 +142,8 @@ const app = createApp({ socket, theme, mobile, - datetime + datetime, + publicMixin, ], data() { return { diff --git a/src/mixins/public.js b/src/mixins/public.js new file mode 100644 index 000000000..07e0333fa --- /dev/null +++ b/src/mixins/public.js @@ -0,0 +1,7 @@ +export default { + data() { + return { + publicGroupList: [], + } + } +} diff --git a/src/pages/StatusPage.vue b/src/pages/StatusPage.vue index 87d230926..f59c72c11 100644 --- a/src/pages/StatusPage.vue +++ b/src/pages/StatusPage.vue @@ -2,58 +2,61 @@

Uptime Kuma

-
- +
+
+ - + + + Go to Dashboard + +
- - - Go to Dashboard - +
+ + + + + + +
All Systems Operational
-
- -
- -
-
- {{ $t("No Monitors") }} +
+
+
- -
-
-
-
- - {{ item.name }} -
-
-
- -
+
+
+
-
@@ -61,12 +64,8 @@ @@ -164,4 +185,9 @@ footer { text-align: center; font-size: 14px; } + +.btn-add-group { + height: 100%; + width: 100%; +}