Hide Dislike count and like/dislike ratio bar. Fix ft-icon-button
This commit is contained in:
parent
a37b77effb
commit
e9239ec1b4
|
@ -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()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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"
|
||||||
|
|
Loading…
Reference in New Issue