TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Restyle feed page (#410)

Browse source
This commit is contained in:
IceDBorn 2021-09-04 18:02:59 +03:00 committed by GitHub
parent c97a0ef6c6
commit 7211cad369
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 37 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/components/FeedPage.vue
View file

@ -1,23 +1,31 @@
<template> <template>
<h1 class="uk-text-bold uk-text-center" v-t="'titles.feed'" /> <h1 class="uk-text-bold uk-text-center" v-t="'titles.feed'" />
<small>You can import subscriptions from <router-link to="/import">here</router-link>.</small> <button
v-if="authenticated"
@click="exportHandler"
class="uk-button uk-button-small"
style="background: #222; margin-right: 0.5rem"
type="button"
>
<router-link to="/subscriptions">
Subscriptions
</router-link>
</button>
<br /> <span>
<router-link to="/subscriptions" class="uk-text-center" v-t="'actions.view_subscriptions'" />
<br />
{{ $t("actions.sort_by") }}
<select class="uk-select uk-width-auto" v-model="selectedSort" @change="onChange()">
<option value="descending" v-t="'actions.most_recent'" />
<option value="ascending" v-t="'actions.least_recent'" />
<option value="channel_ascending" v-t="'actions.channel_name_asc'" />
<option value="channel_descending" v-t="'actions.channel_name_desc'" />
</select>
<div class="uk-align-right">
<a :href="getRssUrl"><font-awesome-icon icon="rss"></font-awesome-icon></a> <a :href="getRssUrl"><font-awesome-icon icon="rss"></font-awesome-icon></a>
</div> </span>
<span class="uk-align-right">
{{ $t("actions.sort_by") }}
<select class="uk-select uk-width-auto" v-model="selectedSort" @change="onChange()">
<option value="descending" v-t="'actions.most_recent'" />
<option value="ascending" v-t="'actions.least_recent'" />
<option value="channel_ascending" v-t="'actions.channel_name_asc'" />
<option value="channel_descending" v-t="'actions.channel_name_desc'" />
</select>
</span>
<hr /> <hr />

14
src/components/SubscriptionsPage.vue
View file

@ -1,6 +1,20 @@
<template> <template>
<h1 class="uk-text-bold uk-text-center">Subscriptions</h1> <h1 class="uk-text-bold uk-text-center">Subscriptions</h1>
<button
v-if="authenticated"
@click="exportHandler"
class="uk-button uk-button-small"
style="background: #222"
type="button"
>
<router-link to="/import">
Import from JSON
</router-link>
</button>
<br />
<button <button
v-if="authenticated" v-if="authenticated"
@click="exportHandler" @click="exportHandler"