repod/src/views/Discover.vue

46 lines
814 B
Vue
Raw Normal View History

2023-07-02 16:30:42 +00:00
<template>
<div class="main">
<p>
2023-07-03 15:30:09 +00:00
<NcTextField :value.sync="search" :label="t('Find a podcast')">
2023-07-07 16:38:53 +00:00
<Magnify :size="20" />
2023-07-02 16:30:42 +00:00
</NcTextField>
</p>
2023-07-25 23:26:46 +00:00
<Search v-if="search" :value="search" />
2023-07-25 20:07:35 +00:00
<TopList v-if="!search" />
2023-07-07 14:35:14 +00:00
<AddRss v-if="!search" />
2023-07-02 16:30:42 +00:00
</div>
</template>
<script>
2023-07-07 14:35:14 +00:00
import AddRss from '../components/AddRss.vue'
2023-07-02 16:30:42 +00:00
import Magnify from 'vue-material-design-icons/Magnify.vue'
2023-07-07 14:35:14 +00:00
import { NcTextField } from '@nextcloud/vue'
2023-07-25 23:26:46 +00:00
import Search from '../components/Search.vue'
2023-07-25 20:07:35 +00:00
import TopList from '../components/TopList.vue'
2023-07-02 16:30:42 +00:00
export default {
name: 'Discover',
components: {
2023-07-07 14:35:14 +00:00
AddRss,
2023-07-02 16:30:42 +00:00
Magnify,
NcTextField,
2023-07-25 23:26:46 +00:00
Search,
2023-07-25 20:07:35 +00:00
TopList,
2023-07-02 16:30:42 +00:00
},
data() {
return {
2023-07-03 06:42:00 +00:00
search: '',
2023-07-02 16:30:42 +00:00
}
},
}
</script>
<style scoped>
2023-07-02 22:12:40 +00:00
.main {
2023-07-28 00:37:57 +00:00
margin: 15px 51px;
2023-07-02 22:12:40 +00:00
display: flex;
flex-direction: column;
2023-07-03 06:42:00 +00:00
gap: 1rem;
2023-07-02 22:12:40 +00:00
}
2023-07-02 16:30:42 +00:00
</style>