# Pony.fm - A community for pony fan music. # Copyright (C) 2016 Peter Deltchev # # This program is free software: you can redistribute it and/or modify # it under the terms of the GNU Affero General Public License as published by # the Free Software Foundation, either version 3 of the License, or # (at your option) any later version. # # This program is distributed in the hope that it will be useful, # but WITHOUT ANY WARRANTY; without even the implied warranty of # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the # GNU Affero General Public License for more details. # # You should have received a copy of the GNU Affero General Public License # along with this program. If not, see . module.exports = angular.module('ponyfm').directive 'pfmTrackEditor', () -> restrict: 'E' templateUrl: '/templates/directives/track-editor.html' scope: trackId: '=trackId' controller: [ '$scope', '$modal', 'auth', 'account-tracks', 'account-albums', 'taxonomies', 'images', '$state', 'upload' ($scope, $modal, auth, tracks, albums, taxonomies, images, $state, upload) -> $scope.isDirty = false $scope.isSaving = false $scope.taxonomies = taxonomies $scope.selectedSongsTitle = 'None' $scope.selectedSongs = {} $scope.albums = [] $scope.selectedAlbum = null $scope.isAdmin = auth.data.isAdmin albumsDb = {} $scope.data = upload $scope.userSlug = $state.params.slug $scope.fileChanged = (e) -> files = e.files $scope.$apply -> upload.uploadNewVersion(files[0], $scope.userSlug, $scope.trackId) $scope.$watch 'trackId', (newValue, oldValue) -> $scope.updateUI() $scope.selectAlbum = (album) -> $scope.selectedAlbum = album $scope.track.album_id = if album then album.id else null $scope.isDirty = true $scope.setCover = (image, type) -> delete $scope.track.cover_id delete $scope.track.cover if image == null $scope.track.remove_cover = true else if type == 'file' $scope.track.cover = image else if type == 'gallery' $scope.track.cover_id = image.id $scope.isDirty = true updateSongDisplay = () -> if _.size $scope.selectedSongs $scope.selectedSongsTitle = (_.map _.values($scope.selectedSongs), (s) -> s.title).join(', ') else $scope.selectedSongsTitle = 'None' $scope.toggleSong = (song) -> $scope.isDirty = true if $scope.selectedSongs[song.id] delete $scope.selectedSongs[song.id] else $scope.selectedSongs[song.id] = song updateSongDisplay() $scope.updateIsVocal = () -> delete $scope.errors.lyrics if !$scope.track.is_vocal $scope.updateTrack = () -> xhr = new XMLHttpRequest() xhr.onload = -> $scope.$apply -> $scope.isSaving = false if xhr.status != 200 errors = if xhr.getResponseHeader('content-type') == 'application/json' $.parseJSON(xhr.responseText).errors else ['There was an unknown error!'] $scope.errors = {} _.each errors, (value, key) -> $scope.errors[key] = value.join ', ' return track = $.parseJSON(xhr.responseText) $scope.$emit('track-updated', track) $scope.track.is_published = true $scope.isDirty = false $scope.errors = {} images.refresh(true, track.user_id) formData = new FormData(); _.each $scope.track, (value, name) -> if name == 'cover' return if value == null if typeof(value) == 'object' formData.append name, value, value.name if name == 'released_at' and value? and value != '' formData.append name, value.toISOString() else if value? formData.append name, value if parseInt($scope.track.track_type_id) == 2 formData.append 'show_song_ids', JSON.stringify(_.map(_.values($scope.selectedSongs), (s) -> s.id)) xhr.open 'POST', '/api/web/tracks/edit/' + $scope.track.id, true xhr.setRequestHeader 'X-XSRF-TOKEN', $.cookie('XSRF-TOKEN') $scope.isSaving = true xhr.send formData $scope.deleteTrack = () -> modal = $modal({scope: $scope, templateUrl: 'templates/partials/delete-track-dialog.html', show: true}); $scope.confirmDeleteTrack = () -> $.post('/api/web/tracks/delete/' + $scope.track.id) .then -> $scope.$apply -> $scope.$emit 'track-deleted' # ======================================== # The part where everything gets loaded! # ======================================== $scope.updateUI = () -> tracks.getEdit($scope.trackId, true) .then (track)-> images.refresh(true, track.user_id) $.when( albums.refresh(false, track.user_id), taxonomies.refresh() ).done (albums, taxonomies)-> # Update album data $scope.albums.length = 0 albumsDb = {} for album in albums albumsDb[album.id] = album $scope.albums.push album $scope.selectedAlbum = if track.album_id then albumsDb[track.album_id] else null # Update track data # The release date is in UTC - make sure we treat it as such. if track.released_at local_date = new Date(track.released_at) utc_release_timestamp = local_date.getTime() + (local_date.getTimezoneOffset() * 60000); utc_release_date = new Date(utc_release_timestamp) else utc_release_date = '' $scope.track = id: track.id title: track.title user_id: track.user_id username: track.username description: track.description lyrics: track.lyrics is_explicit: track.is_explicit is_downloadable: track.is_downloadable is_vocal: track.is_vocal license_id: track.license_id genre_id: track.genre_id track_type_id: track.track_type_id released_at: utc_release_date remove_cover: false cover_id: track.cover_id cover_url: track.cover_url album_id: track.album_id is_published: track.is_published is_listed: track.is_listed # Seasonal hwc_submit: track.hwc_submit $scope.selectedSongs = {} $scope.selectedSongs[song.id] = song for song in track.show_songs updateSongDisplay() $scope.touchModel = -> $scope.isDirty = true $scope.$on '$locationChangeStart', (e) -> return if !$scope.isDirty e.preventDefault() if !confirm('Are you sure you want to leave this page without saving your changes?') $scope.updateUI() ]