|
@@ -8,7 +8,7 @@
|
|
|
</header>
|
|
|
<section class='modal-card-body'>
|
|
|
<div class='columns song-types'>
|
|
|
- <div class='column song-type' v-if='$parent.previousSong !== null'>
|
|
|
+ <div class='column song-type' v-if='$parent.previousSong !== null && $parent.previousSong.likes !== -1 && $parent.previousSong.dislikes !== -1'>
|
|
|
<div class='card is-fullwidth' :class="{ 'is-highlight-active': isPreviousSongActive }" @click="highlight('previousSong')">
|
|
|
<header class='card-header'>
|
|
|
<p class='card-header-title'>
|
|
@@ -35,7 +35,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class='column song-type' v-if='$parent.currentSong !== null'>
|
|
|
+ <div class='column song-type' v-if='$parent.currentSong !== null && $parent.currentSong.likes !== -1 && $parent.currentSong.dislikes !== -1'>
|
|
|
<div class='card is-fullwidth' :class="{ 'is-highlight-active': isCurrentSongActive }" @click="highlight('currentSong')">
|
|
|
<header class='card-header'>
|
|
|
<p class='card-header-title'>
|
|
@@ -63,7 +63,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class='edit-report-wrapper'>
|
|
|
+ <h4 v-if='($parent.currentSong === null || ($parent.currentSong.likes === -1 && $parent.currentSong.dislikes === -1)) && ($parent.previousSong === null || ($parent.previousSong.likes === -1 || $parent.previousSong.dislikes === -1))'>There are currently no songs to report.</h4>
|
|
|
+ <div class='edit-report-wrapper' v-else>
|
|
|
<div class='columns is-multiline'>
|
|
|
<div class='column is-half' v-for='issue in issues'>
|
|
|
<label class='label'>{{ issue.name }}</label>
|
|
@@ -83,7 +84,7 @@
|
|
|
</div>
|
|
|
</section>
|
|
|
<footer class='modal-card-foot'>
|
|
|
- <a class='button is-success' @click='create()'>
|
|
|
+ <a class='button is-success' @click='create()' v-if='!(($parent.currentSong === null || ($parent.currentSong.likes === -1 && $parent.currentSong.dislikes === -1)) && ($parent.previousSong === null || ($parent.previousSong.likes === -1 || $parent.previousSong.dislikes === -1)))'>
|
|
|
<i class='material-icons save-changes'>done</i>
|
|
|
<span> Create</span>
|
|
|
</a>
|
|
@@ -115,9 +116,7 @@
|
|
|
{ name: 'Duration', reasons: [] },
|
|
|
{ name: 'Artists', reasons: [] },
|
|
|
{ name: 'Thumbnail', reasons: [] }
|
|
|
- ],
|
|
|
- createdBy: this.$parent.$parent.userId,
|
|
|
- createdAt: Date.now()
|
|
|
+ ]
|
|
|
},
|
|
|
issues: [
|
|
|
{
|