From cd7eeebf4d804cb483c817800fdba46d76c34c88 Mon Sep 17 00:00:00 2001
From: magicfelix <felix@felix-zauberer.de>
Date: Mon, 1 Aug 2022 22:39:24 +0200
Subject: [PATCH] Turn UpdateIndicator component to Vue file
---
.../components/coursebook/CourseBook.vue | 2 +-
...UpdateIndicator.js => UpdateIndicator.vue} | 57 ++++++++++---------
2 files changed, 31 insertions(+), 28 deletions(-)
rename aleksis/apps/alsijil/assets/components/coursebook/{UpdateIndicator.js => UpdateIndicator.vue} (75%)
diff --git a/aleksis/apps/alsijil/assets/components/coursebook/CourseBook.vue b/aleksis/apps/alsijil/assets/components/coursebook/CourseBook.vue
index 425e21c63..f8921271c 100644
--- a/aleksis/apps/alsijil/assets/components/coursebook/CourseBook.vue
+++ b/aleksis/apps/alsijil/assets/components/coursebook/CourseBook.vue
@@ -37,7 +37,7 @@
<script>
import {CHANGES, SAVED, UPDATING} from "../../UpdateStatuses.js";
-import UpdateIndicator from "./UpdateIndicator.js";
+import UpdateIndicator from "./UpdateIndicator.vue";
import LessonDocumentations from "./LessonDocumentations.vue";
export default {
diff --git a/aleksis/apps/alsijil/assets/components/coursebook/UpdateIndicator.js b/aleksis/apps/alsijil/assets/components/coursebook/UpdateIndicator.vue
similarity index 75%
rename from aleksis/apps/alsijil/assets/components/coursebook/UpdateIndicator.js
rename to aleksis/apps/alsijil/assets/components/coursebook/UpdateIndicator.vue
index 50d294fb0..bf330d05c 100644
--- a/aleksis/apps/alsijil/assets/components/coursebook/UpdateIndicator.js
+++ b/aleksis/apps/alsijil/assets/components/coursebook/UpdateIndicator.vue
@@ -1,3 +1,31 @@
+<template>
+ <v-tooltip bottom>
+ <template v-slot:activator="{ on, attrs }">
+ <v-btn
+ absolute
+ fab
+ right
+ icon
+
+ v-bind="attrs"
+ v-on="on"
+
+ @click="() => {isAbleToClick ? $emit('manual-update') : null}"
+ :loading="status === UPDATING"
+ >
+ <v-icon
+ v-if="status !== UPDATING"
+ :color="color"
+ >
+ {{ icon }}
+ </v-icon>
+ </v-btn>
+ </template>
+ <span>{{ text }}</span>
+ </v-tooltip>
+</template>
+
+<script>
import {CHANGES, ERROR, SAVED, UPDATING} from "../../UpdateStatuses.js";
export default {
@@ -50,30 +78,5 @@ export default {
return this.status === CHANGES || this.status === ERROR;
}
},
- template: `
- <v-tooltip bottom>
- <template v-slot:activator="{ on, attrs }">
- <v-btn
- absolute
- fab
- right
- icon
-
- v-bind="attrs"
- v-on="on"
-
- @click="() => {isAbleToClick ? $emit('manual-update') : null}"
- :loading="status === UPDATING"
- >
- <v-icon
- v-if="status !== UPDATING"
- :color="color"
- >
- {{ icon }}
- </v-icon>
- </v-btn>
- </template>
- <span>{{ text }}</span>
- </v-tooltip>
- `,
-}
\ No newline at end of file
+}
+</script>
--
GitLab