Kylart
/
KawAnime
mirror of https://github.com/Kylart/KawAnime.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added tooltips on magnets modal

This commit is contained in:
Kylart 2017-09-26 10:12:20 +02:00
parent 752053c905
commit ac22505e3a
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/magnetsModal.vue
View File

@ -9,7 +9,8 @@
flat, icon, flat, icon,
v-if='magnets.length', v-if='magnets.length',
v-clipboard="selected.join(eol)", v-clipboard="selected.join(eol)",
@success='snack = true' @success='snack = true',
v-tooltip:left="{ html: 'Copy all selected magnets' }"
) )
v-icon.copy-icon content_copy v-icon.copy-icon content_copy
v-divider v-divider
@ -21,9 +22,13 @@
:value='index === 0', :value='index === 0',
ripple ripple
) )
v-layout(justify-space-between).entry-name(slot='header') v-layout.entry-name(slot='header', justify-space-between)
span.vertical-centered {{ name }} span.vertical-centered {{ name }}
v-btn.ma-0(icon, @click.stop='selectAll(name)') v-btn.ma-0(
icon,
@click.stop='selectAll(name)',
v-tooltip:left="{ html: '(un)select these magnets' }"
)
v-icon select_all v-icon select_all
v-layout.pt-2.pl-3.pr-3(wrap) v-layout.pt-2.pl-3.pr-3(wrap)
template(v-for='link in getLinks(name)') template(v-for='link in getLinks(name)')
@ -38,7 +43,7 @@
:timeout='2500', :timeout='2500',
top, top,
v-model='snack' v-model='snack'
) All magnets were copied to clipboard! ) All selected magnets were copied to clipboard!
v-btn.pink--text(flat, @click='snack = false') Thanks! v-btn.pink--text(flat, @click='snack = false') Thanks!
</template> </template>
@ -91,8 +96,8 @@
console.log('Looking for', name) console.log('Looking for', name)
// Find all magnets with that name // Find all magnets with that name
const magnets = this.$_.map(this.values.magnets, (e) => { const magnets = this.$_.map(this.values.magnets, (e) => {
if (e.name.includes(name)) return e.link if (e.name.includes(name)) return e.link
}).filter((e) => typeof e !== 'undefined' && e) }).filter((e) => typeof e !== 'undefined' && e)
// Checking if some of them are present in current selected array // Checking if some of them are present in current selected array
let selected = false let selected = false
@ -137,6 +142,7 @@
letter-spacing: 2px; letter-spacing: 2px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
font-weight: 300;
} }
.ep-name .ep-name

2
components/settings.vue
View File

@ -42,7 +42,7 @@
v-flex.section-title(offset-xs1, xs3) Magnets v-flex.section-title(offset-xs1, xs3) Magnets
v-flex(xs8) v-flex(xs8)
v-switch( v-switch(
label='Activate', label='Activate (Recommended)',
color='primary', color='primary',
v-model='config.magnets', v-model='config.magnets',
dark, dark,