Moving the icons and add a manifest

manifest.json

@@ -0,0 +1,7 @@
+{
+    "name": "Koel",
+    "start_url": "/",
+    "display": "standalone",
+    "orientation": "portrait",
+    "icons": []
+}

resources/assets/js/components/shared/add-to-playlist.vue

@@ -2,8 +2,10 @@
     <div class="add-to-playlist" v-show="showing">
         <p>Add {{ songs.length }} song{{ songs.length > 1 ? 's' : '' }} into</p>
         <ul>
-            <li @click="addSongsToFavorite">Favorites</li>
-            <li v-for="playlist in playlistState.playlists" @click="addSongsToExisting(playlist)">{{ playlist.name }}</li>
+            <li v-if="this._settings.canLike" @click="addSongsToFavorite">Favorites</li>
+            <template v-for="playlist in playlistState.playlists">
+                <li v-hide="isPlaylistHidden(playlist)" @click="addSongsToExisting(playlist)">{{ playlist.name }}</li>
+            </template>
         </ul>
         <p>or create a new playlist</p>
         <form class="form-save form-simple" @submit.prevent="createNewFromSongs">
@@ -18,16 +20,23 @@
 </template>
 
 <script>
+    import _ from 'lodash';
+
     import playlistStore from '../../stores/playlist';
     import favoriteStore from '../../stores/favorite';
 
     export default {
-        props: ['songs', 'showing'],
+        props: ['songs', 'showing', 'settings'],
 
         data() {
             return {
                 newPlaylistName: '',
                 playlistState: playlistStore.state,
+                _settings: _.assign({
+                    canQueue: true,
+                    canLike: true,
+                    hiddenPlaylists: []
+                }, this.settings),
             }
         },
 
@@ -40,6 +49,17 @@
         },
 
         methods: {
+            /**
+             * Determine if a playlist should be hidden from the menu. 
+             * 
+             * @param  {Object}  playlist
+             * 
+             * @return {Boolean}
+             */
+            isPlaylistHidden(playlist) {
+                return _.contains(this._settings.hiddenPlaylists, playlist);
+            },
+
             /**
              * Add the selected songs into Favorite.
              */

resources/views/index.blade.php

@@ -7,7 +7,12 @@
     <meta charset="utf-8">
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-    <link rel="apple-touch-icon" href="/public/img/apple-touch-icon-precomposed.png">
+    <meta name="mobile-web-app-capable" content="yes">
+
+    <link rel="manifest" href="manifest.json" />
+    <link rel="icon" type="image/x-icon" href="public/img/favicon.ico" />
+    <link rel="icon" href="public/img/icon.png">
+    <link rel="apple-touch-icon" href="public/img/icon.png">
 
     <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100&subset=latin,latin-ext,vietnamese,greek-ext,greek,cyrillic,cyrillic-ext" rel="stylesheet">