Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-09-20 06:11:53 +00:00
Code Issues Projects Releases Packages Wiki Activity

Search form now works universally

Browse source
This commit is contained in:
An Phan 2016-01-07 14:15:25 +08:00
parent 96c91d248b
commit 4d8210bba5
2 changed files with 10 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
resources/assets/js/components/main-wrapper/main-content/albums.vue
View file

@ -1,22 +1,7 @@
<template>
<section id="albumsWrapper">
<h1 class="heading">
<span>Albums
<i class="fa fa-angle-down toggler"
v-show="isPhone && !showingControls"
@click="showingControls = true"></i>
<i class="fa fa-angle-up toggler"
v-show="isPhone && showingControls"
@click.prevent="showingControls = false"></i>
</span>
<input
v-show="!isPhone || showingControls"
type="search"
v-model="q"
:class="{ dirty: q }"
debounce="100"
placeholder="Search">
<span>Albums</span>
</h1>
<div class="albums main-scroll-wrap" v-el:wrapper @scroll="scrolling">
@ -42,8 +27,6 @@
</template>
<script>
import isMobile from 'ismobilejs';
import albumItem from '../../shared/album-item.vue';
import infiniteScroll from '../../../mixins/infinite-scroll';
import albumStore from '../../../stores/album';
@ -58,8 +41,6 @@
numOfItems: 9,
state: albumStore.state,
q: '',
isPhone: isMobile.phone,
showingControls: false,
};
},
@ -81,6 +62,10 @@
this.q = '';
this.numOfItems = 9;
},
'filter:changed': function (q) {
this.q = q;
},
},
};
</script>

25
resources/assets/js/components/main-wrapper/main-content/artists.vue
View file

@ -1,22 +1,7 @@
<template>
<section id="artistsWrapper">
<h1 class="heading">
<span>
Artists
<i class="fa fa-angle-down toggler"
v-show="isPhone && !showingControls"
@click="showingControls = true"></i>
<i class="fa fa-angle-up toggler"
v-show="isPhone && showingControls"
@click.prevent="showingControls = false"></i>
</span>
<input
v-show="!isPhone || showingControls"
type="search"
v-model="q"
:class="{ dirty: q }"
debounce="100"
placeholder="Search">
<span>Artists</span>
</h1>
<div class="artists main-scroll-wrap" v-el:wrapper @scroll="scrolling">
@ -41,8 +26,6 @@
</template>
<script>
import isMobile from 'ismobilejs';
import artistItem from '../../shared/artist-item.vue';
import infiniteScroll from '../../../mixins/infinite-scroll';
import artistStore from '../../../stores/artist';
@ -58,8 +41,6 @@
numOfItems: 9,
state: artistStore.state,
q: '',
isPhone: isMobile.phone,
showingControls: false,
};
},
@ -81,6 +62,10 @@
this.q = '';
this.numOfItems = 9;
},
'filter:changed': function (q) {
this.q = q;
},
},
};
</script>