2020-03-24 14:22:29 +01:00
|
|
|
<template>
|
|
|
|
<div class="sideNavMoreOptions">
|
|
|
|
<div
|
|
|
|
class="navOption moreOptionNav"
|
2021-10-05 22:16:47 +02:00
|
|
|
:title="$t('More')"
|
2020-03-24 14:22:29 +01:00
|
|
|
@click="openMoreOptions = !openMoreOptions"
|
|
|
|
>
|
|
|
|
<font-awesome-icon
|
|
|
|
icon="ellipsis-h"
|
|
|
|
class="navIcon"
|
2021-10-05 22:16:47 +02:00
|
|
|
:class="applyNavIconExpand"
|
2020-03-24 14:22:29 +01:00
|
|
|
/>
|
2021-10-05 22:16:47 +02:00
|
|
|
<p
|
|
|
|
v-if="!hideLabelsSideBar"
|
|
|
|
class="navLabel"
|
|
|
|
>
|
2021-03-06 17:21:57 +01:00
|
|
|
{{ $t("More") }}
|
2020-03-24 14:22:29 +01:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
v-if="openMoreOptions"
|
|
|
|
class="moreOptionContainer"
|
|
|
|
>
|
|
|
|
<div
|
2021-06-14 19:54:03 +02:00
|
|
|
v-if="!hideTrendingVideos"
|
2020-03-24 14:22:29 +01:00
|
|
|
class="navOption"
|
2021-10-05 22:16:47 +02:00
|
|
|
:title="$t('Trending.Trending')"
|
|
|
|
|
2020-03-24 14:22:29 +01:00
|
|
|
@click="navigate('trending')"
|
|
|
|
>
|
|
|
|
<font-awesome-icon
|
|
|
|
icon="fire"
|
|
|
|
class="navIcon"
|
2021-10-05 22:16:47 +02:00
|
|
|
:class="applyNavIconExpand"
|
2020-03-24 14:22:29 +01:00
|
|
|
/>
|
2021-10-05 22:16:47 +02:00
|
|
|
<p
|
|
|
|
v-if="!hideLabelsSideBar"
|
|
|
|
class="navLabel"
|
|
|
|
>
|
2021-09-04 20:55:50 +02:00
|
|
|
{{ $t("Trending.Trending") }}
|
2020-03-24 14:22:29 +01:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div
|
2021-06-14 19:54:03 +02:00
|
|
|
v-if="!hidePopularVideos"
|
2020-03-24 14:22:29 +01:00
|
|
|
class="navOption"
|
2021-10-05 22:16:47 +02:00
|
|
|
:title="$t('Most Popular')"
|
2020-03-24 14:22:29 +01:00
|
|
|
@click="navigate('popular')"
|
|
|
|
>
|
|
|
|
<font-awesome-icon
|
|
|
|
icon="users"
|
|
|
|
class="navIcon"
|
2021-10-05 22:16:47 +02:00
|
|
|
:class="applyNavIconExpand"
|
2020-03-24 14:22:29 +01:00
|
|
|
/>
|
2021-10-05 22:16:47 +02:00
|
|
|
<p
|
|
|
|
v-if="!hideLabelsSideBar"
|
|
|
|
class="navLabel"
|
|
|
|
>
|
2021-03-06 17:21:57 +01:00
|
|
|
{{ $t("Most Popular") }}
|
2020-03-24 14:22:29 +01:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="navOption"
|
2021-10-05 22:16:47 +02:00
|
|
|
:title="$t('About.About')"
|
2020-03-24 14:22:29 +01:00
|
|
|
@click="navigate('about')"
|
|
|
|
>
|
|
|
|
<font-awesome-icon
|
|
|
|
icon="info-circle"
|
|
|
|
class="navIcon"
|
2021-10-05 22:16:47 +02:00
|
|
|
:class="applyNavIconExpand"
|
2020-03-24 14:22:29 +01:00
|
|
|
/>
|
2021-10-05 22:16:47 +02:00
|
|
|
<p
|
|
|
|
v-if="!hideLabelsSideBar"
|
|
|
|
class="navLabel"
|
|
|
|
>
|
2021-03-06 17:21:57 +01:00
|
|
|
{{ $t("About.About") }}
|
2020-03-24 14:22:29 +01:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="navOption mobileShow"
|
|
|
|
@click="navigate('history')"
|
|
|
|
>
|
|
|
|
<font-awesome-icon
|
|
|
|
icon="history"
|
|
|
|
class="navIcon"
|
2021-10-05 22:16:47 +02:00
|
|
|
:class="applyNavIconExpand"
|
2020-03-24 14:22:29 +01:00
|
|
|
/>
|
|
|
|
<p class="navLabel">
|
2021-03-06 17:21:57 +01:00
|
|
|
{{ $t("History.History") }}
|
2020-03-24 14:22:29 +01:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div
|
|
|
|
class="navOption mobileShow"
|
|
|
|
@click="navigate('settings')"
|
|
|
|
>
|
|
|
|
<font-awesome-icon
|
|
|
|
icon="sliders-h"
|
|
|
|
class="navIcon"
|
2021-10-05 22:16:47 +02:00
|
|
|
:class="applyNavIconExpand"
|
2020-03-24 14:22:29 +01:00
|
|
|
/>
|
|
|
|
<p class="navLabel">
|
2021-03-06 17:21:57 +01:00
|
|
|
{{ $t("Settings.Settings") }}
|
2020-03-24 14:22:29 +01:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="navOption mobileHidden"
|
|
|
|
@click="navigate('about')"
|
|
|
|
>
|
|
|
|
<font-awesome-icon
|
|
|
|
icon="info-circle"
|
|
|
|
class="navIcon"
|
2021-10-05 22:16:47 +02:00
|
|
|
:class="applyNavIconExpand"
|
2020-03-24 14:22:29 +01:00
|
|
|
/>
|
2021-10-05 22:16:47 +02:00
|
|
|
<p
|
|
|
|
v-if="!hideLabelsSideBar"
|
|
|
|
class="navLabel"
|
|
|
|
>
|
2021-03-06 17:21:57 +01:00
|
|
|
{{ $t("About.About") }}
|
2020-03-24 14:22:29 +01:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script src="./side-nav-more-options.js" />
|
|
|
|
<style scoped src="./side-nav-more-options.css" />
|