修改菜单 - 修改文件min.js

时间:2017-07-25 14:28:13

标签: javascript java jquery html

我在修改此菜单时遇到一些困难。

目前它按照以下顺序发现:

热门专辑热门类型排名前50位新品

但我想添加另一个名为HOME的按钮。然后菜单看起来像这样:

主页热门专辑热门类型前50名新发布

但是除了修改包含菜单的页面之外,我还要修改文件min.js - 我不做minina想法从哪里开始。

我会附上这两个代码。

左panel.html



<section id="left-panel" class="togglable-sidebar" ng-class="{ closed: isPhone }">
    <div ng-controller="PlaylistModifyController" class="left-panel-inner">
        <div class="content" pretty-scrollbar>
            <a ui-sref="home" class="logo hidden-phone"><img ng-src="{{ utils.getLogoUrl('light') }}" alt="logo"></a>

            <div class="search-bar">
                <input type="text" placeholder="{{:: 'search' | translate }}..." ng-model="search.query" ng-model-options="{ debounce: 400 }" ng-change="search.getResults(search.query)" on-enter="search.viewAllResults()">
                <i class="icon icon-spin6 spin search-bar-spinner" ng-if="search.ajaxInProgress"></i>
                <i class="icon icon-cancel-1 search-bar-clear" ng-click="search.clearQuery()" ng-if="!search.ajaxInProgress && search.query.length"></i>
            </div>
            
                 <div class="main-menu">
                <div class="menu-item" ui-sref="phone-search" ui-sref-active="active" ng-if="isPhone">{{:: 'search' | translate }}</div>
                <div class="menu-item" ui-sref="top-albums" ui-sref-active="active"><i class="icon icon-thumbs-up"></i> {{:: 'popularAlbums' | translate }}</div>
                <div class="menu-item" ui-sref="popular-genres" ui-sref-active="active"><i class="icon icon-tags"></i> {{:: 'popularGenres' | translate }}</div>
                <div class="menu-item" ui-sref="top-songs" ui-sref-active="active"><i class="icon icon-fire"></i> {{:: 'top50' | translate }}</div>
                <div class="menu-item" ui-sref="new-releases" ui-sref-active="active"><i class="icon icon-cd"></i> {{:: 'newReleases' | translate }}</div>
                                            
            </div>

            <div class="divider"></div>
            
            
            <div class="current-user-widget" ng-if="users.current">
                <img ng-src="{{ users.getAvatar() }}"/>
                <a class="user-email" ui-sref="user({id:users.current.id})">
                    {{ users.getUsername() }}
                </a>
                <div class="dropdown-container" dropdown>
                    <i class="icon icon-cog edit-profile dropdown-trigger"></i>
                    <div class="dropdown-menu hidden">
                        <div class="dropdown-item" ng-if="users.current.isAdmin" ui-sref="admin.analytics"><i class="icon icon-gauge"></i>{{:: 'adminArea' | translate }}</div>
                        <div class="dropdown-item" ng-click="users.showAccountSettingsModal($event)"><i class="icon icon-pencil"></i> {{:: 'accountSettings' | translate }}</div>
                        <div class="dropdown-item" ng-click="users.showAccountSettingsModal($event, 'avatar')"><i class="icon icon-emo-sunglasses"></i> {{:: 'changeAvatar' | translate }}</div>
                        <div class="dropdown-item" ng-click="users.showAccountSettingsModal($event, 'password')"><i class="icon icon-lock"></i> {{:: 'changePassword' | translate }}</div>
                        <div class="dropdown-item" ng-click="users.logout()"><i class="icon icon-login"></i> {{:: 'logOut' | translate }}</div>
                    </div>
                </div>
            </div>

            <div class="login-btns" ng-if="!users.current">
                <button class="primary login-btn" ui-sref="login">{{:: 'login' | translate }}</button>
                <button class="cancel register-btn" ui-sref="register" ng-if="utils.getSetting('enableRegistration')">{{:: 'register' | translate }}</button>
            </div>

            <div class="your-music">
                <h2>{{:: 'yourMusic' | translate }}</h2>
                <div class="menu-item" ui-sref="songs" ui-sref-active="active"><i class="icon icon-note"></i> {{:: 'songs' | translate }}</div>
                <div class="menu-item" ui-sref="albums" ui-sref-active="active"><i class="icon icon-cd"></i> {{:: 'albums' | translate }}</div>
                <div class="menu-item" ui-sref="artists" ui-sref-active="active"><i class="icon icon-mic"></i> {{:: 'artists' | translate }}</div>
            </div>

            <div class="divider"></div>

            <div class="playlists-container">
                <div class="playlists">
                    <h2>
                        {{:: 'playlists' | translate }}
                        <i class="icon icon-plus" tooltips tooltip-title="{{:: 'newPlaylist' | translate }}" ng-click="openNewPlaylistModal()"></i>
                    </h2>
                    <div class="playlists-list">
                        <div class="menu-item" ng-repeat="playlist in playlists.all" ui-sref="playlist({id:playlist.id})" ui-sref-active="active"><i class="icon icon-note"></i> {{ playlist.name }}</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="current-track" ng-show="player.currentTrack" ng-controller="ExternalPlayerControlsController">
            <img ng-src="{{ utils.img(player.currentTrack.image, 'album') }}">
            <div class="info">
                <div class="track-name" title="{{ player.currentTrack.name }}">{{ player.currentTrack.name }}</div>
                <div class="artist-name">
                    <all-track-artists artists="player.currentTrack.artists"></all-track-artists>
                </div>
            </div>
            <div class="add-remove" ng-class="{ saved: trackSaved(player.currentTrack) }">
                <i class="icon icon-plus add-track" ng-click="addTrack(player.currentTrack)"></i>
                <i class="icon icon-cancel-1 remove-track" ng-click="removeTrack(player.currentTrack)"></i>
                <i class="icon icon-ok track-added" ng-click="removeTrack(player.currentTrack)"></i>
            </div>
        </div>
    </div>
</section>
&#13;
&#13;
&#13;

0 个答案:

没有答案