removed popular tab

src/router/index.js

@@ -6,7 +6,6 @@ import ViewStartup from '../views/Startup.vue';
 import ViewStartupFrontpage from '../views/StartupFrontpage.vue';
 import ViewStartupNewSongs from '../views/StartupNewSongs.vue';
 import ViewStartupHotSongs from '../views/StartupHotSongs.vue';
-import ViewStartupPopularSongs from '../views/StartupPopularSongs.vue';
 import ViewSearch from '../views/Search.vue';
 import ViewLibrary from '../views/Library.vue';
 import ViewSongDetail from '../views/SongDetail.vue';
@@ -42,11 +41,6 @@ const routes = [{
             path: '/hot',
             name: 'StartupHot',
             component: ViewStartupHotSongs
-        },
-        {
-            path: '/popular',
-            name: 'StartupPopular',
-            component: ViewStartupPopularSongs
         }
     ]
 }, {

src/views/Startup.vue

@@ -5,7 +5,6 @@
                 <router-link to="/" class="tab"><span>{{ $t('startup.tabs.frontpage') }}</span></router-link>
                 <router-link to="/new" class="tab"><span>{{ $t('startup.tabs.new') }}</span></router-link>
                 <router-link to="/hot" class="tab"><span>{{ $t('startup.tabs.hot') }}</span></router-link>
-                <router-link to="/popular" class="tab"><span>{{ $t('startup.tabs.popular') }}</span></router-link>
             </div>
         </header>
 

src/views/StartupPopularSongs.vue

-<template>
-    <SongRow>
-        <template v-slot:controls>
-            <div :class="'button ' + (popularSongsOffset == 0 ? 'button-disabled' : '')" v-on:click="popularPrevious()"><i class="mdi mdi-chevron-left"></i> {{ $t('songrow.navigation.previous' )}}</div>
-            <div :class="'button ' + (popularSongs.length < 11 ? 'button-disabled' : '')" v-on:click="popularNext()">{{ $t('songrow.navigation.next' )}} <i class="mdi mdi-chevron-right"></i></div>
-        </template>
-        <template v-slot:song-list>
-            <SongItemPlaceholder
-                v-if="isPopularSongsLoading"
-                v-for="n in 12"
-                v-bind:key="n" />
-            <SongItem
-                v-if="!isPopularSongsLoading"
-                v-for="song in popularSongs"
-                v-bind:key="song.id"
-                v-bind="song" />
-        </template>
-    </SongRow>
-</template>
-
-<script>
-    import SSAPI from '@/modules/module.api.js';
-    import SongRow from '@/components/Song/SongRow.vue';
-    import SongItem from '@/components/Song/SongItem.vue';
-    import SongItemPlaceholder from '@/components/Song/SongItemPlaceholder.vue';
-
-    export default {
-        name: 'Startup',
-        data: function() {
-            return {
-                isPopularSongsLoading: true,
-                popularSongsOffset: 0,
-                popularSongs: []
-            }
-        },
-        mounted: function() {
-            let ssapi = new SSAPI();
-            
-            ssapi.getPopularSongs(this.$data.popularSongsOffset).then((data) => {
-                this.$data.isPopularSongsLoading = false;
-                this.$data.popularSongs = data;
-            });
-        },
-        components: {
-            SongRow,
-            SongItem,
-            SongItemPlaceholder
-        },
-        methods: {
-            popularNext: function() {
-                if(this.$data.popularSongs.length > 11) {
-                    this.$data.popularSongsOffset++;
-                    this.updatePopular();
-                }
-            },
-            popularPrevious: function() {
-                if(this.$data.popularSongsOffset > 0) {
-                    this.$data.popularSongsOffset--;
-                    this.updatePopular();
-                }
-            },
-            updatePopular: function() {
-                let ssapi = new SSAPI();
-                this.$data.isPopularSongsLoading = true;
-
-                ssapi.getPopularSongs(this.$data.popularSongsOffset).then((data) => {
-                    this.$data.isPopularSongsLoading = false;
-                    this.$data.popularSongs = data;
-                });
-            }
-        }
-    }
-</script>
-
-<style scoped lang="less">
-    .song-row {
-        padding: 50px;
-    }
-</style>
\ No newline at end of file