mirrors/VueTorrent
1
0
Fork 0
mirror of https://github.com/VueTorrent/VueTorrent.git synced 2025-05-05 06:45:09 +03:00
Code Issues Projects Releases Packages Wiki Activity

Development ()

Browse source
This commit is contained in:
Daan Wijns 2020-08-29 09:04:35 +02:00 • committed by GitHub
parent 739b2e86a2
commit 0e02df2345
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
24 changed files with 372 additions and 931 deletions

99
src/components/Modals/OldUIModal.vue
View file

@ -1,99 +0,0 @@
<template>
<v-dialog max-width="500px" v-model="dialog">
<v-card>
<v-container
style="min-height: 300px;"
:class="`pa-0 project done`"
>
<v-card-title class="justify-center">
<h2>Settings</h2>
</v-card-title>
<v-form>
<v-card-actions class="justify-center">
<v-btn
text
@click="switchOldUI"
class="green_accent white--text mx-0 mt-3"
>switch to old ui</v-btn
>
</v-card-actions>
</v-form>
<v-form class="px-6 mt-3">
<v-container>
<v-switch
class="v-input--reverse v-input--expand"
inset
v-model="freeSpace"
color="green_accent"
>
<template #label>
<span class="grey--text">
Show Free Space
</span>
</template>
</v-switch>
</v-container>
</v-form>
</v-container>
<v-card-actions class="justify-center pb-5 project done">
<v-btn
text
@click="save"
class="green_accent white--text mx-0 mt-3"
>Save</v-btn
>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<script>
import { mapState } from 'vuex'
import Modal from '@/mixins/Modal'
import qbit from '@/services/qbit'
export default {
name: 'OldUIModal',
mixins: [Modal],
methods: {
async switchOldUI() {
await qbit.switchToOldUi()
window.location.reload(true)
},
save() {
this.$store.commit('TOGGLE_MODAL', 'olduimodal')
}
},
computed: {
...mapState(['webuiSettings']),
freeSpace: {
get() {
return this.webuiSettings.showFreeSpace
},
set(val) {
this.webuiSettings.showFreeSpace = val
}
}
}
}
</script>
<style lang="scss" scoped>
// Reversed input variant
::v-deep .v-input--reverse .v-input__slot {
flex-direction: row-reverse;
justify-content: flex-end;
.v-application--is-ltr & {
.v-input--selection-controls__input {
margin-right: 0;
margin-left: 8px;
}
}
.v-application--is-rtl & {
.v-input--selection-controls__input {
margin-left: 0;
margin-right: 8px;
}
}
}
</style>

16
src/components/Modals/SettingsModal/Tabs/BitTorrent.vue
View file

@ -153,19 +153,5 @@ export default {
</script>
<style lang="scss" scoped>
.v-input--selection-controls {
padding-top: 0px;
}
.settings_content {
border-left: 2px solid black;
padding-left: 8px;
}
.box {
margin: 2px;
padding: 5px;
border-radius: 4px;
border: 1px solid black;
}
@import '@/assets/styles/SettingsTab.scss';
</style>

21
src/components/Modals/SettingsModal/Tabs/Downloads.vue
View file

@ -14,11 +14,6 @@
:label="`Do not start the download automatically`"
v-model="settings.start_paused_enabled"
/>
<!-- <v-checkbox
dense
:label="`Delete .torrent files afterwards`"
v-model="settings.lsd"
/> -->
</div>
<v-checkbox
@ -83,19 +78,5 @@ export default {
</script>
<style lang="scss" scoped>
.v-input--selection-controls {
padding-top: 0px;
}
.settings_content {
border-left: 2px solid black;
padding-left: 8px;
}
.box {
margin: 2px;
padding: 5px;
border-radius: 4px;
border: 1px solid black;
}
@import '@/assets/styles/SettingsTab.scss';
</style>

10
src/components/Modals/SettingsModal/Tabs/VueTorrent.vue
View file

@ -15,11 +15,7 @@
v-model="freeSpace"
color="green_accent"
>
<template #label>
<span class="grey--text">
Show Free Space
</span>
</template>
<template #label> Show Free Space </template>
</v-switch>
</v-container>
</v-form>
@ -47,6 +43,10 @@ export default {
}
</script>
<style lang="scss" scoped>
@import '@/assets/styles/SettingsTab.scss';
</style>
<style lang="scss" scoped>
// Reversed input variant
::v-deep .v-input--reverse .v-input__slot {

7
src/components/Modals/SettingsModal/Tabs/WebUI.vue
View file

@ -62,10 +62,5 @@ export default {
</script>
<style lang="scss" scoped>
.box {
margin: 2px;
padding: 5px;
border-radius: 4px;
border: 1px solid black;
}
@import '@/assets/styles/SettingsTab.scss';
</style>