auto-update schedule, cleanup

README.md

@@ -86,7 +86,6 @@ oc expose service/redhat-airline-ui
 ```
 oc label deployment -l app=redhat-airline app.kubernetes.io/name=nodejs
 
---this doesn't work with serverless - figure it out
 oc annotate deployment -l app=redhat-airline-ui app.openshift.io/connects-to='[{"apiVersion":"apps/v1","kind":"Deployment","name":"redhat-airline-airport-api"},{"apiVersion":"apps/v1","kind":"Deployment","name":"redhat-airline-crewmember-api"},{"apiVersion":"apps/v1","kind":"Deployment","name":"redhat-airline-flight-api"}]'
 ```
 <img src="https://github.com/vincent-tsugranes/redhat-airline-ui/raw/main/public/redhat-airline-openshift-console.png"></img>

package.json

@@ -34,14 +34,14 @@
     "luxon": "^1.25.0",
     "material-design-icons-iconfont": "^6.1.0",
     "register-service-worker": "^1.7.1",
-    "typescript": "~3.9.3",
+    "typescript": "^3.9.9",
     "vue": "^2.6.11",
     "vue-class-component": "^7.2.3",
     "vue-property-decorator": "^8.4.2",
     "vue-router": "^3.5.1",
     "vue-sidebar-menu": "^4.7.4",
     "vue-template-compiler": "^2.6.11",
-    "vuetify": "^2.4.3",
+    "vuetify": "^2.4.4",
     "vuex": "^3.6.2",
     "vuex-class": "^0.3.2"
   },
@@ -53,7 +53,7 @@
     "babel-eslint": "^10.1.0",
     "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-promise": "^4.3.1",
     "eslint-plugin-standard": "^4.0.0",
     "eslint-plugin-vue": "^6.2.2"
   },

src/components/Schedule.vue

@@ -112,8 +112,9 @@ export default class Schedule extends Vue {
   aircraftLineHeightMax = 80
   flightPuckHeight = 25
   headerOffset = 20
+  updateFrequency = 30 // seconds between redraws - current timeline moves
   displayMouseOverFlight = false
-  overlay = true
+  overlay = false
   showDelays = false
 
   flight: Flight | null = null
@@ -134,6 +135,7 @@ export default class Schedule extends Vue {
 
   mounted () {
     this.GetAndDisplayFlights()
+    window.setInterval(this.updateDisplay, this.updateFrequency * 1000)
   }
 
   showDays (count: number) {
@@ -159,20 +161,13 @@ export default class Schedule extends Vue {
   }
 
   private GetAndDisplayFlights () {
-    console.log('Flight Schedule from', this.startDate.toISODate(), 'to', this.endDate.toISODate())
-
-    /*
-    while (this.$store.state.flights.length === 0) {
-      this.overlay = true
-    }
-    */
-    this.overlay = false
+    console.log(luxon.DateTime.local().toUTC().toFormat('HHmm') + ' - Flight Schedule from', this.startDate.toISODate(), 'to', this.endDate.minus({ days: 1 }).toISODate())
 
     this.$store.dispatch('ENSURE_LOADED_FLIGHTS').then(() => {
       this.flights = this.$store.state.flights
       this.aircraft = this.$store.state.aircraft
-      console.log('flights: ' + this.flights.length)
-      console.log('aircraft: ' + this.aircraft)
+      // console.log('flights: ' + this.flights.length)
+      // console.log('aircraft: ' + this.aircraft)
       this.DrawCanvas()
       this.DrawGrid()
       this.DisplayAircraft()
@@ -192,7 +187,7 @@ export default class Schedule extends Vue {
       screenHeight = minCanvasHeight
     }
 
-    window.addEventListener('resize', this.windowResize)
+    window.addEventListener('resize', this.updateDisplay)
     const totalMinutes = this.endDate.diff(this.startDate, 'minutes').minutes
 
     // this is a critical field - we use it to calculate flight width
@@ -226,7 +221,7 @@ export default class Schedule extends Vue {
     this.DrawCurrentTimeline()
   }
 
-  private windowResize () {
+  private updateDisplay () {
     this.DrawCanvas()
     this.DrawGrid()
     this.DisplayAircraft()

src/services/FlightService.ts

@@ -1,7 +1,6 @@
 import { Flight } from '../entity/flight'
 
 const flightApiUrl = process.env.VUE_APP_FLIGHT_API_URL
-console.log('flightApiUrl: ' + flightApiUrl)
 
 export async function GetFlightSchedule (start: string, end: string, aircraftCount: number = 15, flightCount: number = 20) {
   const scheduleUrl = flightApiUrl + '/schedule?start=' + start + '&end=' + end + '&aircraftCount=' + aircraftCount + '&flightCount=' + flightCount