sebclem/Claptrap-ui
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

🚑 Fix for vutify beta 5 (#31)

Browse Source
This commit is contained in:
Sébastien Clément 2022-07-01 11:44:47 +02:00 committed by GitHub
parent 4a1e33a162
commit 855a48b322
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 37 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/guild/Settings/SettingGroupComponent.vue
View File

@ -3,8 +3,8 @@
<v-card> <v-card>
<v-card-title>{{ props.descriptor.name }}</v-card-title> <v-card-title>{{ props.descriptor.name }}</v-card-title>
<v-card-content class="pt-1"> <v-card-content class="pt-1">
<v-container class="py-0"> <v-container class="pt-0">
<v-row v-if="props.descriptor.mainField" class="mb-4"> <v-row v-if="props.descriptor.mainField">
<v-col> <v-col>
<bool-field-component <bool-field-component
v-if="props.descriptor.mainField.type == 'BOOL'" v-if="props.descriptor.mainField.type == 'BOOL'"
@ -41,7 +41,7 @@
<script setup lang="ts"> <script setup lang="ts">
import type { SettingDescrition } from "@/data/Setting/SettingDescription"; import type { SettingDescrition } from "@/data/Setting/SettingDescription";
import { useSettingStore } from "@/stores/setting"; import { useSettingStore } from "@/stores/setting";
import { computed } from "@vue/reactivity"; import { computed } from "vue";
import { storeToRefs } from "pinia"; import { storeToRefs } from "pinia";
import boolFieldComponent from "./fields/BoolFieldComponent.vue"; import boolFieldComponent from "./fields/BoolFieldComponent.vue";
import SelectFieldComponent from "./fields/SelectFieldComponent.vue"; import SelectFieldComponent from "./fields/SelectFieldComponent.vue";

63
src/components/guild/home/AudioPreviewComponent.vue
View File

@ -3,8 +3,11 @@
<template v-slot:prepend> <template v-slot:prepend>
<v-icon color="primary" size="x-large">mdi-music-circle</v-icon> <v-icon color="primary" size="x-large">mdi-music-circle</v-icon>
</template> </template>
<template v-slot:append v-if="status.connected && status.canView"> <template v-slot:append>
<v-menu v-model="chanListMenuOpen"> <v-menu
v-model="chanListMenuOpen"
v-if="status.connected && status.canView"
>
<template v-slot:activator="{ props }"> <template v-slot:activator="{ props }">
<v-btn <v-btn
color="black" color="black"
@ -156,32 +159,34 @@
v-bind="props" v-bind="props"
></v-btn> ></v-btn>
</template> </template>
<v-card min-width="300"> <v-card min-width="300" class="rounded-lg">
<v-card-content> <v-card-content>
<v-form @submit.prevent="add"> <v-container>
<v-text-field <v-form @submit.prevent="add">
v-model="url" <v-text-field
density="compact" v-model="url"
variant="outlined" density="compact"
label="Url" variant="outlined"
hide-details="auto" label="Url"
color="primary" hide-details="auto"
autofocus color="primary"
:loading="urlLoading" autofocus
:disabled="urlLoading" :loading="urlLoading"
> :disabled="urlLoading"
<template v-slot:append> >
<v-icon <template v-slot:append>
@click="add" <v-icon
color="primary" @click="add"
:style="urlLoading ? '' : 'opacity: 1'" color="primary"
:disabled="urlLoading" :style="urlLoading ? '' : 'opacity: 1'"
> :disabled="urlLoading"
mdi-plus-circle >
</v-icon> mdi-plus-circle
</template> </v-icon>
</v-text-field> </template>
</v-form> </v-text-field>
</v-form>
</v-container>
</v-card-content> </v-card-content>
</v-card> </v-card>
</v-menu> </v-menu>
@ -290,7 +295,7 @@ import type { Status } from "@/data/music/Status";
import * as audioService from "@/services/audioService"; import * as audioService from "@/services/audioService";
import { getVoiceChannels } from "@/services/guildService"; import { getVoiceChannels } from "@/services/guildService";
import { useEventQueuStore } from "@/stores/eventQueu"; import { useEventQueuStore } from "@/stores/eventQueu";
import { computed } from "@vue/reactivity"; import { computed } from "vue";
import { ref, watch } from "vue"; import { ref, watch } from "vue";
import { onBeforeRouteLeave, onBeforeRouteUpdate } from "vue-router"; import { onBeforeRouteLeave, onBeforeRouteUpdate } from "vue-router";
@ -500,7 +505,7 @@ audioService.getAudioStatus(properties.guild.id).then((value) => {
} }
}); });
let interval = setInterval(() => { const interval = setInterval(() => {
audioService.getAudioStatus(properties.guild.id).then((value) => { audioService.getAudioStatus(properties.guild.id).then((value) => {
if (value) { if (value) {
status.value = value.data; status.value = value.data;