feat(aggregate-od): Aggregate O/D Spider diagrams learned to be in da…

…shboards

- chart type "aggregate"
- Also learned English!

src/charts/aggregate.vue

@@ -0,0 +1,48 @@
+<template lang="pug">
+aggregate-od.deck-map(
+  :root="fileSystemConfig.slug"
+  :subfolder="subfolder"
+  :config="config"
+  :thumbnail="false"
+)
+
+</template>
+
+<script lang="ts">
+import { Vue, Component, Watch, Prop } from 'vue-property-decorator'
+
+import { FileSystemConfig } from '@/Globals'
+import AggregateOd from '@/plugins/aggregate-od/AggregateOd.vue'
+
+@Component({ components: { AggregateOd } })
+export default class VueComponent extends Vue {
+  @Prop({ required: true }) fileSystemConfig!: FileSystemConfig
+  @Prop({ required: true }) subfolder!: string
+  @Prop({ required: true }) files!: string[]
+  @Prop({ required: true }) config!: any
+
+  private mounted() {
+    // console.log(this.fileSystemConfig)
+    // console.log('subfolder', this.subfolder)
+    // console.log('config', this.config)
+    this.$emit('isLoaded')
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import '@/styles.scss';
+
+.deck-map {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+@media only screen and (max-width: 640px) {
+}
+</style>

src/charts/allCharts.ts

@@ -15,6 +15,7 @@ import transit from './transit.vue'
 import vega from './vega.vue'
 
 // full-screen map visualizations:
+import aggregate from './aggregate.vue'
 import carriers from './carriers.vue'
 import flowmap from './flowmap.vue'
 import links from './links.vue'
@@ -37,7 +38,7 @@ export const plotlyCharts = {
 }
 
 // export all remaining charts/maps here:
-export default Object.assign({ carriers, flowmap, links, map }, plotlyCharts)
+export default Object.assign({ aggregate, carriers, flowmap, links, map }, plotlyCharts)
 
 // ----- HELPER FUNCTIONS -----------------------------------------------------