From 5c136d92f13c3fe5b81b64188fc2ec7ce94a5dd7 Mon Sep 17 00:00:00 2001
From: "Petter H. Juliussen" <petter.juliussen@origo.oslo.kommune.no>
Date: Thu, 2 Mar 2023 15:34:19 +0100
Subject: [PATCH] Clean out unused components

---
 .../ContentLoader/ContentLoaderPieChart.vue   | 21 -----
 .../widgets/ObjectiveProgression.vue          | 93 -------------------
 .../widgets/WidgetMissionStatement.vue        | 24 -----
 src/components/widgets/WidgetProgression.vue  | 34 -------
 .../widgets/WidgetsKeyResultMobile.vue        | 27 ------
 src/components/widgets/WidgetsMobile.vue      | 55 -----------
 6 files changed, 254 deletions(-)
 delete mode 100644 src/components/ContentLoader/ContentLoaderPieChart.vue
 delete mode 100644 src/components/widgets/ObjectiveProgression.vue
 delete mode 100644 src/components/widgets/WidgetMissionStatement.vue
 delete mode 100644 src/components/widgets/WidgetProgression.vue
 delete mode 100644 src/components/widgets/WidgetsKeyResultMobile.vue
 delete mode 100644 src/components/widgets/WidgetsMobile.vue

diff --git a/src/components/ContentLoader/ContentLoaderPieChart.vue b/src/components/ContentLoader/ContentLoaderPieChart.vue
deleted file mode 100644
index 43ab3833d..000000000
--- a/src/components/ContentLoader/ContentLoaderPieChart.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-  <div class="content-loader-pie-chart-container">
-    <content-loader height="280" width="340">
-      <circle cx="170" cy="150" r="100" />
-    </content-loader>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'ContentLoaderPieChart',
-};
-</script>
-
-<style lang="scss" scoped>
-.content-loader-pie-chart-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-</style>
diff --git a/src/components/widgets/ObjectiveProgression.vue b/src/components/widgets/ObjectiveProgression.vue
deleted file mode 100644
index ce0495b69..000000000
--- a/src/components/widgets/ObjectiveProgression.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<template>
-  <div class="objectiveProgression">
-    <div class="objectiveProgression__name">{{ objective.name }}</div>
-    <ul class="objectiveProgression__keyResults">
-      <li
-        v-for="keyResult in objectiveKeyResults"
-        :key="keyResult.id"
-        class="objectiveProgression__keyResult"
-      >
-        <span>
-          {{ keyResult.name }}
-        </span>
-        <span>
-          {{ formatProgression(keyResult.progression) }}
-        </span>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script>
-import { format } from 'd3-format';
-import { db } from '@/config/firebaseConfig';
-import ObjectiveCollection from '../../../common/db/ObjectivesCollection';
-import KeyResultCollection from '../../../common/db/KeyResultsCollection';
-
-const objectiveCollection = new ObjectiveCollection(db);
-const keyResultCollection = new KeyResultCollection(db);
-
-export default {
-  name: 'ObjectiveProgression',
-
-  props: {
-    objective: {
-      type: Object,
-      required: true,
-    },
-  },
-
-  data: () => ({
-    objectiveKeyResults: null,
-  }),
-
-  watch: {
-    objective: {
-      immediate: true,
-      async handler() {
-        const objectiveRef = objectiveCollection.getDocumentRef(this.objective.id);
-
-        this.$bind(
-          'objectiveKeyResults',
-          await keyResultCollection.getKeyResultsByObjectiveRef(objectiveRef)
-        );
-      },
-    },
-  },
-
-  methods: {
-    formatProgression(value) {
-      return format('.0%')(value);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.objectiveProgression {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  color: var(--color-text);
-
-  &__name {
-    margin-bottom: 1rem;
-    font-weight: 500;
-    font-size: var(--font-size-1);
-    line-height: 1.25rem;
-  }
-
-  &__keyResult {
-    display: flex;
-    justify-content: space-between;
-    padding: 0.5rem;
-    color: var(--color-text);
-    font-weight: 500;
-    background: var(--color-secondary-light);
-
-    &:not(:last-child) {
-      margin-bottom: 0.125rem;
-    }
-  }
-}
-</style>
diff --git a/src/components/widgets/WidgetMissionStatement.vue b/src/components/widgets/WidgetMissionStatement.vue
deleted file mode 100644
index 7849ff14b..000000000
--- a/src/components/widgets/WidgetMissionStatement.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <widget v-if="activeItem.missionStatement" :title="$t('document.mission')">
-    <div class="md">
-      <HTML-output :html="activeItem.missionStatement" />
-    </div>
-  </widget>
-</template>
-
-<script>
-import { mapState } from 'vuex';
-
-export default {
-  name: 'WidgetMissionStatement',
-
-  components: {
-    Widget: () => import('./WidgetWrapper.vue'),
-    HTMLOutput: () => import('@/components/HTMLOutput.vue'),
-  },
-
-  computed: {
-    ...mapState(['activeItem']),
-  },
-};
-</script>
diff --git a/src/components/widgets/WidgetProgression.vue b/src/components/widgets/WidgetProgression.vue
deleted file mode 100644
index 42a784dec..000000000
--- a/src/components/widgets/WidgetProgression.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-  <widget :title="getTitle()">
-    <progression-chart />
-  </widget>
-</template>
-
-<script>
-export default {
-  name: 'WidgetProgression',
-
-  components: {
-    Widget: () => import('./WidgetWrapper.vue'),
-    ProgressionChart: () => import('@/components/ProgressionChart.vue'),
-  },
-
-  props: {
-    title: {
-      type: String,
-      required: false,
-      default: null,
-    },
-    type: {
-      type: String,
-      required: true,
-    },
-  },
-
-  methods: {
-    getTitle() {
-      return this.$t(`widget.progression.${this.type}`);
-    },
-  },
-};
-</script>
diff --git a/src/components/widgets/WidgetsKeyResultMobile.vue b/src/components/widgets/WidgetsKeyResultMobile.vue
deleted file mode 100644
index 3f2f23029..000000000
--- a/src/components/widgets/WidgetsKeyResultMobile.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-  <aside v-if="activeItem">
-    <div class="widgets">
-      <widget-key-result-notes />
-      <widget-key-result-details />
-    </div>
-  </aside>
-</template>
-
-<script>
-import { mapState } from 'vuex';
-import WidgetKeyResultNotes from '@/components/widgets/WidgetKeyResultNotes.vue';
-import WidgetKeyResultDetails from '@/components/widgets/WidgetKeyResultDetails.vue';
-
-export default {
-  name: 'WidgetsKeyResultMobile',
-
-  components: {
-    WidgetKeyResultDetails,
-    WidgetKeyResultNotes,
-  },
-
-  computed: {
-    ...mapState(['activeItem']),
-  },
-};
-</script>
diff --git a/src/components/widgets/WidgetsMobile.vue b/src/components/widgets/WidgetsMobile.vue
deleted file mode 100644
index 204c52383..000000000
--- a/src/components/widgets/WidgetsMobile.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-  <aside v-if="activeItem">
-    <div class="widgets">
-      <widget-wrapper
-        v-if="progression"
-        :title="
-          $t(`widget.progression.${$route.name === 'ItemHome' ? 'period' : 'objective'}`)
-        "
-      >
-        <progression-chart :progression="progression" />
-      </widget-wrapper>
-      <widget-weights
-        :active-item="$route.name === 'ItemHome' ? activePeriod : activeObjective"
-        :items="$route.name === 'ItemHome' ? objectives : keyResults"
-        :type="$route.name === 'ItemHome' ? 'objective' : 'keyResult'"
-      />
-      <widget-objective-details v-if="$route.name === 'ObjectiveHome'" />
-    </div>
-  </aside>
-</template>
-
-<script>
-import { mapState } from 'vuex';
-import WidgetWeights from '@/components/widgets/WidgetWeights.vue';
-import WidgetObjectiveDetails from '@/components/widgets/WidgetObjectiveDetails.vue';
-
-export default {
-  name: 'WidgetsMobile',
-
-  components: {
-    ProgressionChart: () => import('@/components/ProgressionChart.vue'),
-    WidgetWrapper: () => import('./WidgetWrapper.vue'),
-    WidgetWeights,
-    WidgetObjectiveDetails,
-  },
-
-  computed: {
-    ...mapState([
-      'activeItem',
-      'activePeriod',
-      'objectives',
-      'keyResults',
-      'activeObjective',
-    ]),
-
-    progression() {
-      if (this.$route.name === 'ItemHome') {
-        return this.activePeriod?.progression;
-      }
-
-      return this.activeObjective?.progression;
-    },
-  },
-};
-</script>