javascript - Modify Menu - modify the file min.js -
i'm having little difficulty modifying menu.
currently finds in following order:
popular albums popular genres top 50 new releases
but wanted add button called home. menu this:
home popular albums popular genres top 50 new releases
but besides modifying page contains menu, have modify file min.js - thing not minina idea begin.
i'll attach 2 codes.
left-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>
Comments
Post a Comment