From 8a36ab13a84e61c5da11fab223bc5a4514cdb46c Mon Sep 17 00:00:00 2001
From: ckwolff <cassandra.wolff@darkwolfsolutions.com>
Date: Mon, 15 Mar 2021 12:51:35 -0600
Subject: [PATCH] restructuring super admin to include needed panes and
 components - WIP

---
 .../super-admin/LaunchboardSuperAdmin.vue     | 98 +++++++++++++++++--
 1 file changed, 92 insertions(+), 6 deletions(-)

diff --git a/src/views/super-admin/LaunchboardSuperAdmin.vue b/src/views/super-admin/LaunchboardSuperAdmin.vue
index 5bfca6b..558db43 100644
--- a/src/views/super-admin/LaunchboardSuperAdmin.vue
+++ b/src/views/super-admin/LaunchboardSuperAdmin.vue
@@ -1,17 +1,81 @@
 <template>
   <div>
-    <v-container fluid class="px-2 px-md-4 px-lg-8 px-xl-16">
-      <v-row class="align-items-center">
-        <v-col cols="12" lg="6" class="d-flex flex-column">
+    <v-container fluid class="px-2 px-md-4 px-lg-8 px-xl-16 pb-0">
+      <v-row>
+        <v-col cols="12" lg="6" class="d-flex flex-column pb-0 pb-lg-3">
           <UserBanner
             :name="user.name"
             :company="user.organization"
             :position="user.affiliation"
             :avatar="user.avatar"
           />
+          <ErrorMessage />
+          <Section class="mt-6" v-if="showWelcomeMessage">
+            <h4 slot="header" class="ma-0 pl-5 text-left">
+              Welcome to Platform One
+            </h4>
+            <WelcomeSummary slot="content" />
+          </Section>
+
+          <Section class="mt-6">
+            <h4 slot="header" class="ma-0 pl-5 text-left">
+              My Courses
+            </h4>
+            <CurriculumSchedule slot="content" />
+          </Section>
+          <Section class="mt-6">
+            <h4 slot="header" class="ma-0 pl-5 text-left">
+              Curriculum Schedules
+            </h4>
+            <HelpDeskSummary slot="content" />
+          </Section>
+          <Section class="mt-6">
+            <h4 slot="header" class="ma-0 pl-5 text-left">
+              Remaining Seats
+            </h4>
+            <HelpDeskSummary slot="content" />
+          </Section>
         </v-col>
-        <v-col cols="12" lg="6" class="d-flex flex-column">
-          Launchboard for Super Admin
+        <v-col cols="12" lg="6" class="d-flex flex-column py-0 pt-lg-3">
+          <Section>
+            <h4 slot="header" class="ma-0 pl-5 text-left">
+              Past Monthly Seat Metrics
+            </h4>
+            <span slot="header-right">
+              <v-tooltip top>
+                <template v-slot:activator="{ on, attrs }">
+                  <v-btn
+                    class="no-shadow no-border"
+                    icon
+                    v-bind="attrs"
+                    v-on="on"
+                    @click="refreshProjectData"
+                    :loading="loadingProjectData"
+                  >
+                    <v-icon>mdi-refresh</v-icon>
+                  </v-btn>
+                </template>
+                <span>Refresh</span>
+              </v-tooltip>
+            </span>
+            <ProjectsSummary
+              slot="content"
+              ref="projectSummary"
+              :setProjectLoading="setProjectLoading"
+            />
+          </Section>
+          <Section class="mt-6">
+            <h4 slot="header" class="ma-0 pl-5 text-left">
+              Present Monthly Seat Metrics
+            </h4>
+            <ToolsSummary slot="content" />
+          </Section>
+          <Section class="mt-6">
+            <h4 slot="header" class="ma-0 pl-5 text-left">
+              Future Monthly Seat Metrics
+            </h4>
+            <ToolsSummary slot="content" />
+          </Section>
         </v-col>
       </v-row>
     </v-container>
@@ -20,16 +84,38 @@
 
 <script>
 import UserBanner from "@/components/UserBanner";
+import Section from "@/components/Section";
+import CurriculumSchedule from "@/components/CurriculumSchedule";
+import WelcomeSummary from "@/components/WelcomeSummary";
+import ErrorMessage from "@/components/APIError";
 export default {
-  name: "launchboard-super-admin-dashboard",
   components: {
     UserBanner,
+    Section,
+    CurriculumSchedule,
+    WelcomeSummary,
+    ErrorMessage,
   },
+  name: "launchboard-super-admin-dashboard",
   data: () => ({
     user: {},
+    loadingProjectData: false,
   }),
   mounted() {
     this.user = this.$store.state.user.user;
   },
+  methods: {
+    refreshProjectData() {
+      this.$refs.projectSummary.refreshProjects();
+    },
+    setProjectLoading(loading) {
+      this.loadingProjectData = loading;
+    },
+  },
+  computed: {
+    showWelcomeMessage() {
+      return this.$store.state.userPreferences.userPreference.welcomeMessage;
+    },
+  },
 };
 </script>
-- 
GitLab