From 78d9546dd83d831e382bbe76803c9e94bcf992bd Mon Sep 17 00:00:00 2001 From: Roberto Tonino Date: Fri, 12 Mar 2021 20:42:32 +0100 Subject: [PATCH] fix: update available --- public/js/bundle.js | 10 ++++------ src/components/TheSidebar.vue | 8 +++----- 2 files changed, 7 insertions(+), 11 deletions(-) diff --git a/public/js/bundle.js b/public/js/bundle.js index 8325118..12ed76e 100644 --- a/public/js/bundle.js +++ b/public/js/bundle.js @@ -16041,15 +16041,12 @@ var script$3 = defineComponent({ setup(props, ctx) { const state = reactive({ activeTablink: 'home', - updateAvailable: false, links }); const { THEMES, currentTheme } = useTheme(); /* === Add update notification near info === */ - socket.on('updateAvailable', () => { - state.updateAvailable = true; - }); + const updateAvailable = computed(() => ctx.root.$store.state.appInfo.updateAvailable); ctx.root.$router.afterEach((to, from) => { const linkInSidebar = state.links.find(link => link.routerName === to.name); @@ -16061,6 +16058,7 @@ var script$3 = defineComponent({ return { ...toRefs(state), + updateAvailable, THEMES, currentTheme, isSlim: computed(() => ctx.root.$store.getters.getSlimSidebar), @@ -16201,11 +16199,11 @@ __vue_render__$4._withStripped = true; /* style */ const __vue_inject_styles__$4 = function (inject) { if (!inject) return - inject("data-v-08f6125e_0", { source: ".deemix-icon-container[data-v-08f6125e] {\n display: grid;\n place-content: center;\n}\n.slim-sidebar .deemix-icon-container[data-v-08f6125e] {\n margin: 0.5rem 0;\n}\n.slim-sidebar .deemix-icon-container[data-v-08f6125e] svg {\n height: 30px;\n}\n.deemix-icon-container[data-v-08f6125e] svg {\n height: 75px;\n}\n#update-notification[data-v-08f6125e] {\n top: 12px;\n left: 30px;\n}\n.theme_toggler[data-v-08f6125e] {\n transition: border 200ms ease-in-out;\n}\n.theme_toggler--active[data-v-08f6125e] {\n border-width: 3px;\n}\n.theme_toggler--light[data-v-08f6125e] {\n background-color: #fff;\n}\n.theme_toggler--dark[data-v-08f6125e] {\n background-color: #141414;\n}\n.theme_toggler--purple[data-v-08f6125e] {\n background: #460eaf;\n}\n\n/*# sourceMappingURL=TheSidebar.vue.map */", map: {"version":3,"sources":["C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb-gitrip\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb-gitrip\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb-gitrip\\webui\\src\\components\\TheSidebar.vue","TheSidebar.vue"],"names":[],"mappings":"AAoEA;EACA,aAAA;EACA,qBAAA;AAAA;AAEA;IACA,gBAAA;AAAA;AADA;MAIA,YAAA;AAAA;AARA;IAaA,YAAA;AAAA;AAIA;EACA,SAAA;EACA,UAAA;AAAA;AAGA;EACA,oCAAA;AAAA;AAEA;IACA,iBAAA;AAAA;AAGA;IACA,sBAAA;AAAA;AAGA;IACA,yBAAA;AAAA;AAGA;IACA,mBAAA;AAAA;;ACjFA,yCAAyC","file":"TheSidebar.vue","sourcesContent":[null,".deemix-icon-container {\n display: grid;\n place-content: center; }\n .slim-sidebar .deemix-icon-container {\n margin: 0.5rem 0; }\n .slim-sidebar .deemix-icon-container::v-deep svg {\n height: 30px; }\n .deemix-icon-container::v-deep svg {\n height: 75px; }\n\n#update-notification {\n top: 12px;\n left: 30px; }\n\n.theme_toggler {\n transition: border 200ms ease-in-out; }\n .theme_toggler--active {\n border-width: 3px; }\n .theme_toggler--light {\n background-color: #fff; }\n .theme_toggler--dark {\n background-color: #141414; }\n .theme_toggler--purple {\n background: #460eaf; }\n\n/*# sourceMappingURL=TheSidebar.vue.map */"]}, media: undefined }); + inject("data-v-4d522fb6_0", { source: ".deemix-icon-container[data-v-4d522fb6] {\n display: grid;\n place-content: center;\n}\n.slim-sidebar .deemix-icon-container[data-v-4d522fb6] {\n margin: 0.5rem 0;\n}\n.slim-sidebar .deemix-icon-container[data-v-4d522fb6] svg {\n height: 30px;\n}\n.deemix-icon-container[data-v-4d522fb6] svg {\n height: 75px;\n}\n#update-notification[data-v-4d522fb6] {\n top: 12px;\n left: 30px;\n}\n.theme_toggler[data-v-4d522fb6] {\n transition: border 200ms ease-in-out;\n}\n.theme_toggler--active[data-v-4d522fb6] {\n border-width: 3px;\n}\n.theme_toggler--light[data-v-4d522fb6] {\n background-color: #fff;\n}\n.theme_toggler--dark[data-v-4d522fb6] {\n background-color: #141414;\n}\n.theme_toggler--purple[data-v-4d522fb6] {\n background: #460eaf;\n}\n\n/*# sourceMappingURL=TheSidebar.vue.map */", map: {"version":3,"sources":["C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb-gitrip\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb-gitrip\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb-gitrip\\webui\\src\\components\\TheSidebar.vue","TheSidebar.vue"],"names":[],"mappings":"AAoEA;EACA,aAAA;EACA,qBAAA;AAAA;AAEA;IACA,gBAAA;AAAA;AADA;MAIA,YAAA;AAAA;AARA;IAaA,YAAA;AAAA;AAIA;EACA,SAAA;EACA,UAAA;AAAA;AAGA;EACA,oCAAA;AAAA;AAEA;IACA,iBAAA;AAAA;AAGA;IACA,sBAAA;AAAA;AAGA;IACA,yBAAA;AAAA;AAGA;IACA,mBAAA;AAAA;;ACjFA,yCAAyC","file":"TheSidebar.vue","sourcesContent":[null,".deemix-icon-container {\n display: grid;\n place-content: center; }\n .slim-sidebar .deemix-icon-container {\n margin: 0.5rem 0; }\n .slim-sidebar .deemix-icon-container::v-deep svg {\n height: 30px; }\n .deemix-icon-container::v-deep svg {\n height: 75px; }\n\n#update-notification {\n top: 12px;\n left: 30px; }\n\n.theme_toggler {\n transition: border 200ms ease-in-out; }\n .theme_toggler--active {\n border-width: 3px; }\n .theme_toggler--light {\n background-color: #fff; }\n .theme_toggler--dark {\n background-color: #141414; }\n .theme_toggler--purple {\n background: #460eaf; }\n\n/*# sourceMappingURL=TheSidebar.vue.map */"]}, media: undefined }); }; /* scoped */ - const __vue_scope_id__$4 = "data-v-08f6125e"; + const __vue_scope_id__$4 = "data-v-4d522fb6"; /* module identifier */ const __vue_module_identifier__$3 = undefined; /* functional template */ diff --git a/src/components/TheSidebar.vue b/src/components/TheSidebar.vue index 0641260..2f0d12f 100644 --- a/src/components/TheSidebar.vue +++ b/src/components/TheSidebar.vue @@ -113,23 +113,20 @@ import { computed, defineComponent, reactive, toRefs } from '@vue/composition-api' import { links } from '@/data/sidebar' -import { socket } from '@/utils/socket' import { useTheme } from '@/use/theme' + import deemixIcon from '@/assets/deemix-icon.svg' export default defineComponent({ setup(props, ctx) { const state = reactive({ activeTablink: 'home', - updateAvailable: false, links }) const { THEMES, currentTheme } = useTheme() /* === Add update notification near info === */ - socket.on('updateAvailable', () => { - state.updateAvailable = true - }) + const updateAvailable = computed(() => ctx.root.$store.state.appInfo.updateAvailable) ctx.root.$router.afterEach((to, from) => { const linkInSidebar = state.links.find(link => link.routerName === to.name) @@ -141,6 +138,7 @@ export default defineComponent({ return { ...toRefs(state), + updateAvailable, THEMES, currentTheme, isSlim: computed(() => ctx.root.$store.getters.getSlimSidebar),