@@ -57,6 +58,7 @@ import TimelineBreadcrumbs from "./components/TimelineBreadcrumbs.vue";
import CalendarYear from "./components/CalendarYear.vue";
import { PywbSnapshot, PywbPeriod } from "./model.js";
+import LoadingSpinner from "./components/LoadingSpinner.vue";
export default {
name: "PywbReplayApp",
@@ -74,10 +76,11 @@ export default {
title: "",
initialView: {}
},
+ isLoading: true, // initially data is loading
timelineHighlight: false
};
},
- components: {Timeline, TimelineBreadcrumbs, CalendarYear},
+ components: {LoadingSpinner, Timeline, TimelineBreadcrumbs, CalendarYear},
mounted: function() {
},
computed: {
diff --git a/pywb/vueui/src/components/LoadingSpinner.vue b/pywb/vueui/src/components/LoadingSpinner.vue
new file mode 100644
index 00000000..0bbe1d69
--- /dev/null
+++ b/pywb/vueui/src/components/LoadingSpinner.vue
@@ -0,0 +1,139 @@
+
+
+
+
+
+
+