|
@@ -36,10 +36,7 @@
|
|
>
|
|
>
|
|
<div
|
|
<div
|
|
class="controls"
|
|
class="controls"
|
|
- v-if="
|
|
+ v-if="playlist.isUserModifiable"
|
|
- playlist.type === 'user' ||
|
|
|
|
- playlist.type === 'userSystem'
|
|
|
|
- "
|
|
|
|
>
|
|
>
|
|
<a href="#" @click="moveSongToTop(index)">
|
|
<a href="#" @click="moveSongToTop(index)">
|
|
<i class="material-icons" v-if="index > 0"
|
|
<i class="material-icons" v-if="index > 0"
|
|
@@ -79,7 +76,7 @@
|
|
</draggable>
|
|
</draggable>
|
|
<br />
|
|
<br />
|
|
</aside>
|
|
</aside>
|
|
- <div class="control is-grouped" v-if="playlist.type === 'user'">
|
|
+ <div class="control is-grouped" v-if="playlist.isUserModifiable">
|
|
<p class="control is-expanded">
|
|
<p class="control is-expanded">
|
|
<input
|
|
<input
|
|
v-model="searchSongQuery"
|
|
v-model="searchSongQuery"
|
|
@@ -97,7 +94,7 @@
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<table
|
|
<table
|
|
- v-if="songQueryResults.length > 0 && playlist.type === 'user'"
|
|
+ v-if="songQueryResults.length > 0 && playlist.isUserModifiable"
|
|
class="table"
|
|
class="table"
|
|
>
|
|
>
|
|
<tbody>
|
|
<tbody>
|
|
@@ -120,7 +117,7 @@
|
|
</tr>
|
|
</tr>
|
|
</tbody>
|
|
</tbody>
|
|
</table>
|
|
</table>
|
|
- <div class="control is-grouped" v-if="playlist.type === 'user'">
|
|
+ <div class="control is-grouped" v-if="playlist.isUserModifiable">
|
|
<p class="control is-expanded">
|
|
<p class="control is-expanded">
|
|
<input
|
|
<input
|
|
v-model="directSongQuery"
|
|
v-model="directSongQuery"
|
|
@@ -137,7 +134,7 @@
|
|
>
|
|
>
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
- <div class="control is-grouped" v-if="playlist.type === 'user'">
|
|
+ <div class="control is-grouped" v-if="playlist.isUserModifiable">
|
|
<p class="control is-expanded">
|
|
<p class="control is-expanded">
|
|
<input
|
|
<input
|
|
v-model="importQuery"
|
|
v-model="importQuery"
|
|
@@ -167,12 +164,12 @@
|
|
<button
|
|
<button
|
|
class="button is-info"
|
|
class="button is-info"
|
|
@click="shuffle()"
|
|
@click="shuffle()"
|
|
- v-if="playlist.type === 'user'"
|
|
+ v-if="playlist.isUserModifiable"
|
|
>
|
|
>
|
|
Shuffle
|
|
Shuffle
|
|
</button>
|
|
</button>
|
|
<h5>Edit playlist details:</h5>
|
|
<h5>Edit playlist details:</h5>
|
|
- <div class="control is-grouped" v-if="playlist.type === 'user'">
|
|
+ <div class="control is-grouped" v-if="playlist.isUserModifiable">
|
|
<p class="control is-expanded">
|
|
<p class="control is-expanded">
|
|
<input
|
|
<input
|
|
v-model="playlist.displayName"
|
|
v-model="playlist.displayName"
|
|
@@ -202,7 +199,7 @@
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div slot="footer" v-if="playlist.type === 'user'">
|
|
+ <div slot="footer" v-if="playlist.isUserModifiable">
|
|
<a class="button is-danger" @click="removePlaylist()" href="#"
|
|
<a class="button is-danger" @click="removePlaylist()" href="#"
|
|
>Remove Playlist</a
|
|
>Remove Playlist</a
|
|
>
|
|
>
|
|
@@ -241,9 +238,7 @@ export default {
|
|
return {
|
|
return {
|
|
animation: 200,
|
|
animation: 200,
|
|
group: "description",
|
|
group: "description",
|
|
- disabled:
|
|
+ disabled: !this.playlist.isUserModifiable,
|
|
- this.playlist.type !== "user" &&
|
|
|
|
- this.playlist.type !== "userSystem",
|
|
|
|
ghostClass: "draggable-list-ghost"
|
|
ghostClass: "draggable-list-ghost"
|
|
};
|
|
};
|
|
}
|
|
}
|