mirrors/deemix-webui
1
0
Fork 0
mirror of https://gitlab.com/RemixDev/deemix-webui.git synced 2024-12-29 10:56:05 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge main into refactor/code-cleanup

Browse source
This commit is contained in:
Roberto Tonino 2021-07-17 14:09:40 +02:00
parent 39d68cdce4
commit 7019b748ff
3 changed files with 28 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/App.vue
View file

@ -5,6 +5,7 @@
<div class="content-container">
<TheSearchBar />
<DeezerWarning />
<TheContent />
</div>
@ -32,6 +33,7 @@ import BaseLoadingPlaceholder from '@components/globals/BaseLoadingPlaceholder.v
import TheContextMenu from '@components/globals/TheContextMenu.vue'
import TheTrackPreview from '@components/globals/TheTrackPreview.vue'
import TheQualityModal from '@components/globals/TheQualityModal.vue'
import DeezerWarning from '@components/globals/DeezerWarning.vue'
// import ConfirmModal from '@components/globals/ConfirmModal.vue'
import TheSidebar from '@components/TheSidebar.vue'
import TheSearchBar from '@components/TheSearchBar.vue'
@ -47,7 +49,8 @@ export default {
TheQualityModal,
BaseLoadingPlaceholder,
TheContextMenu,
TheContent
TheContent,
DeezerWarning
// ConfirmModal
},
data() {

1
src/app.js
View file

@ -36,6 +36,7 @@ async function startApp() {
}).$mount('#app')
const connectResponse = await (await fetch('connect')).json()
if (!connectResponse.deezerAvailable) document.getElementById('deezer_not_available').classList.remove('hide')
store.dispatch('setAppInfo', connectResponse.update).catch(console.error)

23
src/components/globals/DeezerWarning.vue Normal file
View file

@ -0,0 +1,23 @@
<template>
<div id="deezer_not_available" class="hide">
<i class="material-icons">warning</i> {{ $t('toasts.deezerNotAvailable') }}
</div>
</template>
<style>
#deezer_not_available {
background-color: hsl(53, 98%, 47%);
color: rgba(0,0,0, .75);
padding: 8px 12px;
margin: -10px 10px 0px;
display: flex;
border-radius: 8px;
align-items: center;
}
#deezer_not_available i {
margin-right: 8px;
}
#deezer_not_available.hide {
display: none !important;
}
</style>