Mercurial > gemma
changeset 2889:ac4732c57b0b
client: renamed SpinnerOverlay component to UISpinnerOverlay
... like the other UI components
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Mon, 01 Apr 2019 19:17:32 +0200 |
parents | 65766706cdf4 |
children | 6f7b8755eb07 |
files | client/src/components/ui/SpinnerOverlay.vue client/src/components/ui/UISpinnerOverlay.vue client/src/main.js |
diffstat | 3 files changed, 24 insertions(+), 24 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/ui/SpinnerOverlay.vue Mon Apr 01 18:59:31 2019 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,22 +0,0 @@ -<template> - <transition name="fade"> - <div class="spinner-overlay"> - <font-awesome-icon icon="spinner" spin /> - </div> - </transition> -</template> - -<style lang="sass"> -.spinner-overlay - background: rgba(255, 255, 255, 0.9) - position: absolute - z-index: 99 - top: 0 - right: 0 - bottom: 0 - left: 0 - display: flex - align-items: center - justify-content: center - color: #888 -</style>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/client/src/components/ui/UISpinnerOverlay.vue Mon Apr 01 19:17:32 2019 +0200 @@ -0,0 +1,22 @@ +<template> + <transition name="fade"> + <div class="spinner-overlay"> + <font-awesome-icon icon="spinner" spin /> + </div> + </transition> +</template> + +<style lang="sass"> +.spinner-overlay + background: rgba(255, 255, 255, 0.9) + position: absolute + z-index: 99 + top: 0 + right: 0 + bottom: 0 + left: 0 + display: flex + align-items: center + justify-content: center + color: #888 +</style>
--- a/client/src/main.js Mon Apr 01 18:59:31 2019 +0200 +++ b/client/src/main.js Mon Apr 01 19:17:32 2019 +0200 @@ -33,7 +33,7 @@ import UIBoxHeader from "@/components/ui/UIBoxHeader"; import UITableHeader from "@/components/ui/UITableHeader"; import UITableBody from "@/components/ui/UITableBody"; -import SpinnerOverlay from "@/components/ui/SpinnerOverlay"; +import UISpinnerOverlay from "@/components/ui/UISpinnerOverlay"; // styles import "../node_modules/bootstrap/dist/css/bootstrap.min.css"; @@ -179,7 +179,7 @@ Vue.component("UIBoxHeader", UIBoxHeader); Vue.component("UITableHeader", UITableHeader); Vue.component("UITableBody", UITableBody); -Vue.component("SpinnerOverlay", SpinnerOverlay); +Vue.component("UISpinnerOverlay", UISpinnerOverlay); // register global filters for (let name in filters) Vue.filter(name, filters[name]);