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

View File

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

View File

@ -44,6 +44,20 @@
<div class="viewCount"> <div class="viewCount">
{{ parsedViewCount }} {{ parsedViewCount }}
</div> </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 <div
v-if="!hideVideoLikesAndDislikes" v-if="!hideVideoLikesAndDislikes"
class="likeBarContainer" class="likeBarContainer"
@ -61,6 +75,7 @@
</div> </div>
</div> </div>
</div> </div>
-->
<div class="videoOptions"> <div class="videoOptions">
<ft-icon-button <ft-icon-button
v-if="!isUpcoming" v-if="!isUpcoming"