RIP-52: MUTHUR - scheduled jobs

.eslintrc.js

@@ -10,5 +10,8 @@ module.exports = {
   ],
   rules: {
     'vue/multi-word-component-names': 'off',
+    'vue/valid-v-slot': ['error', {
+      'allowModifiers': true
+    }]
   },
 }

src/api/job.ts

@@ -0,0 +1,32 @@
+import utils from '@/api/api-utils'
+
+export function getJobHistory() {
+  return utils.get('/api/job/history')
+}
+
+export function getJobSchedule() {
+  return utils.get('/api/job/schedule')
+}
+
+export function getLastSuccessfulRun(jobKey: String) {
+  return utils.get(`/api/job/${jobKey}/last_successful_run`)
+}
+
+export function setJobDisabled(jobId: String, disable: Boolean) {
+  return utils.post('/api/job/disable', {
+    jobId,
+    disable
+  })
+}
+
+export function startJob(jobKey: String) {
+  return utils.get(`/api/job/${jobKey}/start`)
+}
+
+export function updateJobSchedule(jobId: String, type: String, value: String) {
+  return utils.post('/api/job/schedule/update', {
+    jobId,
+    type,
+    value
+  })
+}

src/assets/styles/_buttons.scss

@@ -10,8 +10,8 @@
 // markup:
 // <button>This is a button</button>
 //
-// :hover    - Underlined with pointer cursor
-// :focus    - Underlined with pointer cursor
+// :hover    - Pointer cursor
+// :focus    - Pointer cursor
 // :active   - No shadow
 //
 // Styleguide 2.1
@@ -20,7 +20,6 @@ button {
   font-family: $body-font-family;
   &:hover, &:focus {
     cursor: pointer;
-    text-decoration: underline;
   }
   &:active {
     box-shadow: none;

src/auth.ts

@@ -16,7 +16,7 @@ export default {
   initSession: () => {
     return new Promise<void>(resolve => {
       const apiBaseUrl = import.meta.env.VITE_APP_API_BASE_URL
-      axios.get(`${apiBaseUrl}/api/my/status`).then(response => {
+      // axios.get(`${apiBaseUrl}/api/my/status`).then(response => {
         // TODO
         // Vue.prototype.$currentUser = response.data
         // Vue.prototype.$currentUser.isAuthenticated = _.get(response.data, 'isAuthenticated', false)
@@ -32,7 +32,7 @@ export default {
         //   axios.defaults.headers.delete['X-CSRF-Token'] = response.data.csrfToken
         //   resolve()
         // })
-      })
+      // })
     })
   },
   requiresAuthenticated: (to: any, from: any, next: any) => {

src/components/job/DisableJobToggle.vue

@@ -0,0 +1,32 @@
+<template>
+    <v-switch
+      :id="`job-${job.key}-enabled`"
+      v-model="enabled"
+      :aria-label="`Job ${job.name} is ${enabled ? 'enabled' : 'disabled'}`"
+      color="success"
+      @change="onChange(job, !enabled)"
+    >
+    </v-switch>
+  </template>
+
+  <script>
+  export default {
+    name: 'DisableJobToggle',
+    props: {
+      job: {
+        required: true,
+        type: Object
+      },
+      onChange: {
+        required: true,
+        type: Function
+      }
+    },
+    data: () => ({
+      enabled: undefined
+    }),
+    created() {
+      this.enabled = !this.job.disabled
+    }
+  }
+  </script>

src/components/utils/DevAuth.vue

@@ -76,8 +76,8 @@ export default {
       }
     },
     reportError(message, putFocus='basic-auth-uid') {
-      this.error = message
-      this.$announcer.polite(message)
+      this.error = this.$_.get(message, 'message')
+      this.$announcer.polite(this.error)
       this.$putFocusNextTick(putFocus)
     }
   }

src/layouts/default/AppBar.vue

@@ -9,7 +9,7 @@
           <span v-if="$currentUser.isAuthenticated">
             <v-btn
               id="log-out"
-              variant="link"
+              variant="plain"
               @click="logOut"
             >
               Log out

src/main.ts

@@ -1,7 +1,8 @@
 import _ from 'lodash'
 import App from './App.vue'
 import axios from 'axios'
-import mitt from "mitt"
+import mitt from 'mitt'
+import moment from 'moment'
 import router from '@/router'
 import { putFocusNextTick, axiosErrorHandler } from './utils'
 import { createApp } from 'vue'
@@ -43,6 +44,7 @@ app.config.globalProperties.$_ = _
 app.config.globalProperties.$errorHandler = axiosErrorHandler
 app.config.globalProperties.$eventHub = mitt()
 app.config.globalProperties.$loading = (label: string) => contextStore.loadingStart(label)
+app.config.globalProperties.$moment = moment
 app.config.globalProperties.$ready = (label: string, focusTarget: string) => contextStore.loadingComplete(label, focusTarget)
 app.config.globalProperties.$putFocusNextTick = putFocusNextTick
 

src/mixins/Context.vue

@@ -6,7 +6,7 @@ import { useContextStore } from "@/stores/context"
 export default {
   name: 'Context',
   computed: {
-    ...mapState(useContextStore, ['loading']),
+    ...mapState(useContextStore, ['isLoading']),
   },
   methods: {
     ...mapActions(useContextStore, [

src/plugins/vuetify.ts

@@ -11,8 +11,13 @@ import 'vuetify/styles'
 // Composables
 import { createVuetify } from 'vuetify'
 
+import { VDataTableVirtual } from 'vuetify/labs/VDataTable'
+
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
+  components: {
+    VDataTableVirtual
+  },
   theme: {
     themes: {
       light: {

src/router.ts

@@ -11,6 +11,13 @@ const routes:RouteRecordRaw[] = [
         name: 'Login',
         // Lazy-load components
         component: () => import('@/views/Login.vue')
+      },
+      {
+        path: '/jobs',
+        component: () => import('@/views/Jobs.vue'),
+        meta: {
+          title: 'MUTHUR'
+        }
       }
     ]
   },

src/stores/context.ts

@@ -5,12 +5,12 @@ import { defineStore } from 'pinia'
 
 export const useContextStore = defineStore('context', {
   state: () => ({
-    loading: false,
+    isLoading: false,
   }),
   actions: {
     loadingComplete(label?: string, focusTarget?: string) {
       document.title = `${label || 'UC Berkeley'} | bCourses Support`
-      this.loading = false
+      this.isLoading = false
       if (label) {
         // TODO: use '@vue-a11y/announcer' instead
         // state.screenReaderAlert = `${label} page is ready`
@@ -33,7 +33,7 @@ export const useContextStore = defineStore('context', {
       }
     },
     loadingStart(label?: string) {
-      this.loading = true
+      this.isLoading = true
       // TODO: use '@vue-a11y/announcer' instead
       // state.screenReaderAlert = `${label || 'Page'} is loading...`
     }