v-container#downloader.container(fluid, fill-height)
.cute-char.left-pic
.cute-char.right-pic
v-layout(row, wrap, justify-center, align-center)
v-flex.form-container(xs8)
v-layout(row, wrap, justify-center)
v-flex(xs9)
v-flex(xs3)
v-switch#magnets-switch(
label='Get Magnets',
color='primary',
v-model='$store.state.config.magnets',
dark
)
v-flex.pt-3.pl-5.pr-5(xs7, @keydown.enter='next(1)')
v-text-field#name-input(
name='name-input',
type='text',
label='Name of the anime',
v-model='$store.state.downloaderForm.name',
autofocus,
dark
)
v-flex.pt-3.pl-5.pr-5(xs7, @keydown.enter='next(2)', @keydown.delete='previous(2)')
v-text-field(
name='from-ep-input',
type='number',
min='0',
label='From episode...',
v-model='$store.state.downloaderForm.fromEp',
dark
)
v-flex.pt-3.pl-5.pr-5(xs7, @keydown.enter='next(3)', @keydown.delete='previous(3)')
v-text-field(
name='until-ep-input',
type='number',
label='Until episode..',
v-model='$store.state.downloaderForm.untilEp',
dark
)
v-flex.pt-4(xs12)
v-radio-group(:isMandatory="true", row, v-model="quality")
v-radio.radio.primary--text(label='480p', value='480p')
v-radio.radio.primary--text(label='720p', value='720p')
v-radio.radio.primary--text(label='1080p', value='1080p')
v-flex.pt-4(xs12)
v-layout(justify-center, align-center)
v-flex(xs3)
v-btn#download-btn(
dark, block, secondary,
@click='isDownloadable()',
v-if='!$store.state.downloaderForm.loading'
) Download!
v-btn(dark, block, secondary, loading, v-else)
v-dialog.magnet-modal(v-model='magnetModal', lazy, absolute, width='800')
v-card.secondary.white--text
v-card-text.white--text
h2.title.white--text
| Magnets for #[strong {{ $store.state.downloaderModal.title }}]
v-divider
v-card-text.subheading.white--text
v-layout(row, wrap, justify-center, align-center)
v-flex.modal-icon-container(xs4, offset-xs6)
v-btn(flat, icon, v-if='links', v-clipboard="links.join(eol)", @success='copiedSnackbar = true')
v-icon.copy-icon content_copy
v-flex.subheading.grey--text.modal-text(
xs12,
v-for='link in $store.state.downloaderModal.text',
:key='link'
) {{ link.split('&')[0] }}
v-card-actions
v-spacer
v-btn.blue--text.darken-1(flat, v-on:click.native='$store.state.downloaderModal.show = false')
| Thanks!
v-snackbar(
:timeout='timeout',
:top="y === 'top'",
:bottom="y === 'bottom'",
:right="x === 'right'",
:left="x === 'left'",
v-model='snackbar'
) Please, enter a valid name (at least 3 letters...)
v-btn.pink--text(flat, @click='snackbar = false') ok!
v-snackbar(
:timeout='copiedTimeout',
:top="y === 'top'",
:bottom="y === 'bottom'",
:right="x === 'right'",
:left="x === 'left'",
v-model='copiedSnackbar'
) All magnets were copied to clipboard!
v-btn.pink--text(flat, @click='copiedSnackbar = false') Thanks!