evan/deemixer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: update available

Browse Source
This commit is contained in:
Roberto Tonino 2021-03-12 20:42:32 +01:00
parent e1cfd6a165
commit 78d9546dd8
2 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/js/bundle.js
View File

@ -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 */

8
src/components/TheSidebar.vue
View File

@ -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),