Hide Dislike count and like/dislike ratio bar. Fix ft-icon-button

This commit is contained in:
PrestonN 2022-02-01 10:24:14 -05:00
parent a37b77effb
commit e9239ec1b4
3 changed files with 28 additions and 9 deletions

View File

@ -65,7 +65,7 @@ export default Vue.extend({
const regex = /\/(\w*)/i
return this.dropdownNames.slice().map((el) => {
const group = el.match(regex)
if (group.length === 0) {
if (group === null || group.length === 0) {
return ''
}
return group[1]
@ -128,12 +128,16 @@ export default Vue.extend({
},
handleDropdownClick: function (index) {
if (this.relatedVideoTitle !== '') {
this.$emit('click', {
url: this.dropdownValues[index],
title: this.relatedVideoTitle,
extension: this.filesExtensions[index],
folderPath: this.$store.getters.getDownloadFolderPath
})
} else {
this.$emit('click', this.dropdownValues[index])
}
this.focusOut()
}
}

View File

@ -52,7 +52,7 @@
.likeSection
margin-top: 4px
font-size: 12px
font-size: 16px
color: var(--tertiary-text-color)
display: flex
flex-direction: column
@ -70,7 +70,7 @@
margin-bottom: 4px
.likeCount
margin-right: 6px
margin-right: 0px
.videoOptions
margin-top: 16px

View File

@ -44,6 +44,20 @@
<div class="viewCount">
{{ parsedViewCount }}
</div>
<div
v-if="!hideVideoLikesAndDislikes"
class="likeBarContainer"
>
<div
class="likeSection"
>
<div>
<span class="likeCount"><font-awesome-icon icon="thumbs-up" /> {{ parsedLikeCount }}</span>
</div>
</div>
</div>
<!--
// Uncomment if suitable solution for bringing back dislikes is introduced
<div
v-if="!hideVideoLikesAndDislikes"
class="likeBarContainer"
@ -61,6 +75,7 @@
</div>
</div>
</div>
-->
<div class="videoOptions">
<ft-icon-button
v-if="!isUpcoming"