mirror of https://github.com/VueTubeApp/VueTube
Merge pull request #259 from 404-Program-not-found/main
Added Like counts and Reply counts to Comments
This commit is contained in:
commit
17bc533da0
|
@ -4,6 +4,7 @@ on:
|
||||||
push:
|
push:
|
||||||
branches:
|
branches:
|
||||||
- main
|
- main
|
||||||
|
- dev
|
||||||
|
|
||||||
env:
|
env:
|
||||||
NODE_VERSION: 16
|
NODE_VERSION: 16
|
||||||
|
|
|
@ -1,12 +1,10 @@
|
||||||
# This is a basic workflow to help you get started with Actions
|
|
||||||
|
|
||||||
name: nightly-release
|
name: nightly-release
|
||||||
|
|
||||||
# Controls when the workflow will run
|
# Controls when the workflow will run
|
||||||
on:
|
on:
|
||||||
# Triggers the workflow on push or pull request events but only for the main branch
|
# Triggers the workflow on on a schedule
|
||||||
schedule:
|
schedule:
|
||||||
# Runs "at minute 55 past every hour" (see https://crontab.guru)
|
# Runs "at 0:00 UTC every day" (see https://crontab.guru)
|
||||||
- cron: '0 0 * * *'
|
- cron: '0 0 * * *'
|
||||||
|
|
||||||
# Allows you to run this workflow manually from the Actions tab
|
# Allows you to run this workflow manually from the Actions tab
|
||||||
|
@ -26,6 +24,8 @@ jobs:
|
||||||
steps:
|
steps:
|
||||||
- name: Checkout
|
- name: Checkout
|
||||||
uses: actions/checkout@v2
|
uses: actions/checkout@v2
|
||||||
|
with:
|
||||||
|
ref: main
|
||||||
- name: Set up Node.js ${{ env.NODE_VERSION }}
|
- name: Set up Node.js ${{ env.NODE_VERSION }}
|
||||||
uses: actions/setup-node@v2
|
uses: actions/setup-node@v2
|
||||||
with:
|
with:
|
||||||
|
|
|
@ -54,10 +54,47 @@
|
||||||
{{ commentRenderer.publishedTimeText.runs[0].text }}
|
{{ commentRenderer.publishedTimeText.runs[0].text }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<collapsable-text :lines="4">
|
<collapsable-text
|
||||||
|
:lines="4"
|
||||||
|
:expandText="
|
||||||
|
commentRenderer.expandButton.buttonRenderer.text.runs[0].text
|
||||||
|
"
|
||||||
|
:collapseText="
|
||||||
|
commentRenderer.collapseButton.buttonRenderer.text.runs[0].text
|
||||||
|
"
|
||||||
|
>
|
||||||
<yt-text-formatter :textRuns="commentRenderer.contentText.runs">
|
<yt-text-formatter :textRuns="commentRenderer.contentText.runs">
|
||||||
</yt-text-formatter>
|
</yt-text-formatter>
|
||||||
</collapsable-text>
|
</collapsable-text>
|
||||||
|
<div class="toolbar">
|
||||||
|
<v-btn-toggle v-model="voteStatus" group>
|
||||||
|
<div class="toolbar--item">
|
||||||
|
<v-btn class="toolbar--button like" disabled icon x-small plain>
|
||||||
|
<v-icon small>mdi-thumb-up</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
<span
|
||||||
|
v-text="commentRenderer.voteCount.simpleText"
|
||||||
|
class="like-count mr-1 subtitle-2"
|
||||||
|
></span>
|
||||||
|
</div>
|
||||||
|
<div class="toolbar--item">
|
||||||
|
<v-btn class="toolbar--button dislike" disabled icon x-small plain>
|
||||||
|
<v-icon small>mdi-thumb-down</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
</div>
|
||||||
|
</v-btn-toggle>
|
||||||
|
<div class="toolbar--item">
|
||||||
|
<v-btn class="toolbar--button reply ml-2" disabled icon x-small plain>
|
||||||
|
<v-icon small>mdi-comment</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
</div>
|
||||||
|
<div class="toolbar--item" v-if="commentRenderer.replyCount">
|
||||||
|
<span
|
||||||
|
v-text="commentRenderer.replyCount"
|
||||||
|
class="like-count mr-1 subtitle-2"
|
||||||
|
></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -76,7 +113,6 @@
|
||||||
|
|
||||||
.avatar-thumbnail {
|
.avatar-thumbnail {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
margin-top: 0.5rem;
|
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
width: 48px;
|
width: 48px;
|
||||||
height: 48px;
|
height: 48px;
|
||||||
|
@ -100,6 +136,12 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.toolbar {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
.author-badge-name {
|
.author-badge-name {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
@ -123,6 +165,10 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.toolbar--button::v-deep.v-btn--active .v-btn__content {
|
||||||
|
color: var(--v-primary-base);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
@ -143,6 +189,7 @@ export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
commentRenderer: null,
|
commentRenderer: null,
|
||||||
|
voteStatus: null,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="yt-text-formatter" v-emoji>
|
<div class="yt-text-formatter">
|
||||||
<template v-for="(text, index) in textRuns">
|
<template v-for="(text, index) in textRuns">
|
||||||
<template v-if="$rendererUtils.checkInternal(text)">
|
<template v-if="$rendererUtils.checkInternal(text)">
|
||||||
<a
|
<a
|
||||||
|
@ -31,12 +31,15 @@
|
||||||
draggable="false"
|
draggable="false"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template v-else> {{ text.text }} </template>
|
<template v-else>
|
||||||
|
<span :key="index" v-emoji>{{ text.text }}</span>
|
||||||
|
</template>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { Browser } from "@capacitor/browser";
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
textRuns: {
|
textRuns: {
|
||||||
|
@ -44,5 +47,13 @@ export default {
|
||||||
default: () => [],
|
default: () => [],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
methods: {
|
||||||
|
async openExternal(url) {
|
||||||
|
await Browser.open({ url: url });
|
||||||
|
},
|
||||||
|
async openInternal(url) {
|
||||||
|
await this.$router.push(url);
|
||||||
|
},
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -8,8 +8,9 @@
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</div>
|
</div>
|
||||||
<a
|
<a
|
||||||
class="toggle-collapse"
|
class="toggle-collapse background--text font-weight-bold"
|
||||||
@click="expanded = !expanded"
|
@click="expanded = !expanded"
|
||||||
|
:class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
|
||||||
v-if="expandable"
|
v-if="expandable"
|
||||||
v-text="expanded ? collapseText : expandText"
|
v-text="expanded ? collapseText : expandText"
|
||||||
></a>
|
></a>
|
||||||
|
|
|
@ -12,7 +12,6 @@
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { Browser } from "@capacitor/browser";
|
|
||||||
import YtTextFormatter from "~/components/UtilRenderers/YtTextFormatter.vue";
|
import YtTextFormatter from "~/components/UtilRenderers/YtTextFormatter.vue";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
@ -21,14 +20,5 @@ export default {
|
||||||
components: {
|
components: {
|
||||||
YtTextFormatter,
|
YtTextFormatter,
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
|
||||||
async openExternal(url) {
|
|
||||||
await Browser.open({ url: url });
|
|
||||||
},
|
|
||||||
async openInternal(url) {
|
|
||||||
await this.$router.push(url);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -284,7 +284,7 @@ export default {
|
||||||
this.cpn = getCpn();
|
this.cpn = getCpn();
|
||||||
this.initWatchTime().then(() => {
|
this.initWatchTime().then(() => {
|
||||||
this.sendWatchTime();
|
this.sendWatchTime();
|
||||||
this.interval = setInterval(this.sendWatchTime, 30000);
|
this.interval = setInterval(this.sendWatchTime, 60000);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
18
readme.md
18
readme.md
|
@ -26,18 +26,18 @@ Pronounced View Tube (<code>/ˈvjuːˌtjuːb/</code>)
|
||||||
<a href="https://t.me/VueTube" alt="Telegram"><img src="https://img.shields.io/endpoint?color=neon&style=flat&url=https%3A%2F%2Ftg.sumanjay.workers.dev%2Fvuetube"></img></a>
|
<a href="https://t.me/VueTube" alt="Telegram"><img src="https://img.shields.io/endpoint?color=neon&style=flat&url=https%3A%2F%2Ftg.sumanjay.workers.dev%2Fvuetube"></img></a>
|
||||||
<a href="https://discord.gg/7P8KJrdd5W" alt="Discord"><img src="https://img.shields.io/discord/946587366242533377?label=Discord&style=flat&logo=discord&logoColor=white"></img></a>
|
<a href="https://discord.gg/7P8KJrdd5W" alt="Discord"><img src="https://img.shields.io/discord/946587366242533377?label=Discord&style=flat&logo=discord&logoColor=white"></img></a>
|
||||||
|
|
||||||
# Features
|
## Features
|
||||||
|
|
||||||
- 🎨 Themes: Light, Dark, OLED, All the colors of the rainbow
|
- 🎨 Themes: Light, Dark, OLED, All the colors of the rainbow
|
||||||
- 🖌️ Customizable UI: You can fully customize the accent color, and other parts of the UI to remove features that you don't use!
|
- 🖌️ Customizable UI: You can fully customize the accent color, and other parts of the UI to remove features that you don't use!
|
||||||
- ⬆️ Auto Update: Be notified when an update is available & downgrade if you dislike it!
|
- ⬆️ Auto Update: Be notified when an update is available & downgrade if you dislike it!
|
||||||
- 👁️ Tracking Protection: No telemetry is sent from your device to YouTube
|
- 👁️ Tracking Protection: No telemetry is sent from your device to YouTube
|
||||||
|
|
||||||
# Install
|
## Install
|
||||||
|
|
||||||
To install please visit www.vuetube.app/install
|
To install please visit www.vuetube.app/install
|
||||||
|
|
||||||
# Plans
|
## Plans
|
||||||
|
|
||||||
- 🔍 Advanced Search
|
- 🔍 Advanced Search
|
||||||
- 🗞️ Locally store watch history
|
- 🗞️ Locally store watch history
|
||||||
|
@ -47,25 +47,25 @@ To install please visit www.vuetube.app/install
|
||||||
- 🖼️ Picture in picture mode
|
- 🖼️ Picture in picture mode
|
||||||
- and more!
|
- and more!
|
||||||
|
|
||||||
# Screenshots
|
## Screenshots
|
||||||
|
|
||||||
View on our website: [https://vuetube.app/info/screenshots](https://vuetube.app/info/screenshots)
|
View on our website: [https://vuetube.app/info/screenshots](https://vuetube.app/info/screenshots)
|
||||||
|
|
||||||
## Technologies used
|
### Technologies used
|
||||||
|
|
||||||
<a href="https://capacitorjs.com/solution/vue"><img src="https://cdn.discordapp.com/attachments/953538236716814356/955694368742834176/Capacitator-Dark.svg" height=40/></a> <a href="https://vuetifyjs.com/"><img src="https://cdn.discordapp.com/attachments/953538236716814356/955694368956760074/Vuetify-Dark.svg" height=40/></a> <a href="https://nuxtjs.org/"><img src="https://github.com/tandpfun/skill-icons/raw/main/icons/NuxtJS-Dark.svg" height=40/></a> <a href="https://vuejs.org/"><img src="https://github.com/tandpfun/skill-icons/raw/main/icons/VueJS-Dark.svg" height=40/></a> <a href="https://javascript.com/"><img src="https://github.com/tandpfun/skill-icons/raw/main/icons/JavaScript.svg" height=40/></a> <a href="https://java.com/"><img src="https://github.com/tandpfun/skill-icons/raw/main/icons/Java-Dark.svg" height=40/></a> <a href="https://gradle.com/"><img src="https://cdn.discordapp.com/attachments/810799100940255260/955691550560636958/Gradle.svg" height=40/></a> <a href="https://developer.apple.com/swift/"><img src="https://github.com/tandpfun/skill-icons/raw/main/icons/Swift.svg" height=40/></a>
|
<a href="https://capacitorjs.com/solution/vue"><img src="https://cdn.discordapp.com/attachments/953538236716814356/955694368742834176/Capacitator-Dark.svg" height=40/></a> <a href="https://vuetifyjs.com/"><img src="https://cdn.discordapp.com/attachments/953538236716814356/955694368956760074/Vuetify-Dark.svg" height=40/></a> <a href="https://nuxtjs.org/"><img src="https://github.com/tandpfun/skill-icons/raw/main/icons/NuxtJS-Dark.svg" height=40/></a> <a href="https://vuejs.org/"><img src="https://github.com/tandpfun/skill-icons/raw/main/icons/VueJS-Dark.svg" height=40/></a> <a href="https://javascript.com/"><img src="https://github.com/tandpfun/skill-icons/raw/main/icons/JavaScript.svg" height=40/></a> <a href="https://java.com/"><img src="https://github.com/tandpfun/skill-icons/raw/main/icons/Java-Dark.svg" height=40/></a> <a href="https://gradle.com/"><img src="https://cdn.discordapp.com/attachments/810799100940255260/955691550560636958/Gradle.svg" height=40/></a> <a href="https://developer.apple.com/swift/"><img src="https://github.com/tandpfun/skill-icons/raw/main/icons/Swift.svg" height=40/></a>
|
||||||
|
|
||||||
## Why am I doing this?
|
### Why am I doing this?
|
||||||
|
|
||||||
Well this has been thrown around on the Return Youtube Dislike discord server for quite some time, so I figured that I should probably take a crack at it!
|
Well this has been thrown around on the Return Youtube Dislike discord server for quite some time, so I figured that I should probably take a crack at it!
|
||||||
|
|
||||||
Also, YouTube Vanced just shut down
|
Also, YouTube Vanced just shut down
|
||||||
|
|
||||||
## Want to contribute?
|
### Want to contribute?
|
||||||
|
|
||||||
Please read our website on how to do so: https://vuetube.app/contributing
|
Please read our website on how to do so: https://vuetube.app/contributing
|
||||||
|
|
||||||
# Contributors
|
## Contributors
|
||||||
|
|
||||||
<a href="https://github.com/Frontesque/VueTube/graphs/contributors">
|
<a href="https://github.com/Frontesque/VueTube/graphs/contributors">
|
||||||
<img src="https://contrib.rocks/image?repo=Frontesque/VueTube" />
|
<img src="https://contrib.rocks/image?repo=Frontesque/VueTube" />
|
||||||
|
@ -73,7 +73,7 @@ Please read our website on how to do so: https://vuetube.app/contributing
|
||||||
|
|
||||||
<sub>Made with [contrib.rocks](https://contrib.rocks). </sub>
|
<sub>Made with [contrib.rocks](https://contrib.rocks). </sub>
|
||||||
|
|
||||||
# Acknowledgements
|
## Acknowledgements
|
||||||
|
|
||||||
- Emojis by the [Twemoji team](https://twemoji.twitter.com/), Licensed under [CC-BY 4.0](https://creativecommons.org/licenses/by/4.0/)
|
- Emojis by the [Twemoji team](https://twemoji.twitter.com/), Licensed under [CC-BY 4.0](https://creativecommons.org/licenses/by/4.0/)
|
||||||
- VueTube Logo by [@afnzmn](https://github.com/afnzmn)
|
- VueTube Logo by [@afnzmn](https://github.com/afnzmn)
|
||||||
|
|
Loading…
Reference in New Issue