494 lines
15 KiB
JavaScript
494 lines
15 KiB
JavaScript
JamStash.service('model', function() {
|
|
// Figure out how to move this, circular dependency with utils
|
|
secondsToTime = function(secs) {
|
|
// secs = 4729
|
|
var times = new Array(3600, 60, 1);
|
|
var time = '';
|
|
var tmp;
|
|
for (var i = 0; i < times.length; i++) {
|
|
tmp = Math.floor(secs / times[i]);
|
|
// 0: 4729/3600 = 1
|
|
// 1: 1129/60 = 18
|
|
// 2: 49/1 = 49
|
|
if (tmp < 1) {
|
|
tmp = '00';
|
|
} else if (tmp < 10) {
|
|
tmp = '0' + tmp;
|
|
}
|
|
if (i === 0 && tmp == '00') {} else {
|
|
time += tmp;
|
|
if (i < 2) {
|
|
time += ':';
|
|
}
|
|
}
|
|
secs = secs % times[i];
|
|
}
|
|
return time;
|
|
};
|
|
|
|
this.Index = function(name, artist) {
|
|
this.name = name;
|
|
this.artist = artist;
|
|
};
|
|
|
|
this.Artist = function(id, name) {
|
|
this.id = id;
|
|
this.name = name;
|
|
};
|
|
|
|
this.Album = function(id, parentid, name, artist, artistId, coverartthumb, coverartfull, date, starred, description, url, type) {
|
|
this.id = id;
|
|
this.parentid = parentid;
|
|
this.name = name;
|
|
this.artist = artist;
|
|
this.artistId = artistId;
|
|
this.coverartthumb = coverartthumb;
|
|
this.coverartfull = coverartfull;
|
|
this.date = date;
|
|
this.starred = starred;
|
|
this.description = description;
|
|
this.url = url;
|
|
this.type = type;
|
|
};
|
|
|
|
this.Song = function(id, parentid, track, name, artist, artistId, album, albumId, coverartthumb, coverartfull, duration, rating, starred, suffix, specs, url, position, description) {
|
|
this.id = id;
|
|
this.parentid = parentid;
|
|
this.track = track;
|
|
this.name = name;
|
|
this.artist = artist;
|
|
this.artistId = artistId;
|
|
this.album = album;
|
|
this.albumId = albumId;
|
|
this.coverartthumb = coverartthumb;
|
|
this.coverartfull = coverartfull;
|
|
this.duration = duration;
|
|
this.time = duration === '' ? '00:00' : secondsToTime(duration);
|
|
this.rating = rating;
|
|
this.starred = starred;
|
|
this.suffix = suffix;
|
|
this.specs = specs;
|
|
this.url = url;
|
|
this.position = position;
|
|
this.selected = false;
|
|
this.playing = false;
|
|
this.description = description;
|
|
this.displayName = this.name + " - " + this.album + " - " + this.artist;
|
|
};
|
|
|
|
});
|
|
|
|
JamStash.service('globals', function() {
|
|
|
|
this.SearchTypes = [{
|
|
id: "song",
|
|
name: "Song"
|
|
}, {
|
|
id: "album",
|
|
name: "Album"
|
|
}, {
|
|
id: "artist",
|
|
name: "Artist"
|
|
}, ];
|
|
|
|
this.Layouts = [{
|
|
id: "grid",
|
|
name: "Grid"
|
|
}, {
|
|
id: "list",
|
|
name: "List"
|
|
}];
|
|
|
|
this.AlbumSorts = [{
|
|
id: "default",
|
|
name: "Default Sort"
|
|
}, {
|
|
id: "artist",
|
|
name: "Artist"
|
|
}, {
|
|
id: "album",
|
|
name: "Album"
|
|
}, {
|
|
id: "track",
|
|
name: "Track"
|
|
}, {
|
|
id: "createdate desc",
|
|
name: "Date Added"
|
|
}, ];
|
|
|
|
this.settings = {
|
|
// Subsonic
|
|
Url: "http://Jamstash.com/beta/#/archive/",
|
|
Username: "",
|
|
Password: "",
|
|
Server: "",
|
|
Timeout: 10000,
|
|
NotificationTimeout: 20000,
|
|
Protocol: "jsonp",
|
|
ApplicationName: "Jamstash",
|
|
ApiVersion: "1.6.0",
|
|
AutoPlaylists: "",
|
|
AutoPlaylistSize: 25,
|
|
AutoAlbumSize: 15,
|
|
// General
|
|
HideAZ: false,
|
|
ScrollTitle: true,
|
|
NotificationSong: true,
|
|
NotificationNowPlaying: false,
|
|
SaveTrackPosition: false,
|
|
ForceFlash: false,
|
|
Theme: "Default",
|
|
DefaultLibraryLayout: this.Layouts[0],
|
|
DefaultSearchType: this.SearchTypes[0],
|
|
DefaultAlbumSort: this.AlbumSorts[0],
|
|
AutoPlay: false,
|
|
LoopQueue: false,
|
|
Repeat: false,
|
|
Debug: false
|
|
};
|
|
|
|
this.SavedCollections = [];
|
|
this.SavedGenres = [];
|
|
|
|
this.BaseURL = function() {
|
|
return this.settings.Server + '/rest';
|
|
};
|
|
|
|
this.BaseParams = function() {
|
|
return 'u=' + this.settings.Username + '&p=' + this.settings.Password + '&f=' + this.settings.Protocol + '&v=' + this.settings.ApiVersion + '&c=' + this.settings.ApplicationName;
|
|
};
|
|
});
|
|
|
|
// Directives
|
|
JamStash.directive('layout', function() {
|
|
return {
|
|
|
|
link: function(scope, elm, attrs) {
|
|
|
|
var pageLayoutOptions = {
|
|
name: 'pageLayout', // only for debugging
|
|
resizeWithWindowDelay: 250, // delay calling resizeAll when window is *still* resizing
|
|
//, resizeWithWindowMaxDelay: 2000 // force resize every XX ms while window is being resized
|
|
//center__children: {},
|
|
//north__paneSelector: "#container",
|
|
center__paneSelector: "#container",
|
|
south__paneSelector: "#QueuePreview",
|
|
south__resizable: false, // No resize
|
|
//south__closable: false, // No close handle
|
|
//south__spacing_open: 0, // No resize bar
|
|
south__size: 145,
|
|
south__initClosed: true,
|
|
south__minWidth: 145,
|
|
south__maxWidth: 145
|
|
};
|
|
|
|
var layoutThreeCol = {
|
|
east__size: 0.42,
|
|
east__minSize: 400,
|
|
east__maxSize: 0.5, // 50% of layout width
|
|
east__initClosed: false,
|
|
east__initHidden: false,
|
|
//center__size: 'auto',
|
|
center__minWidth: 0.38,
|
|
center__initClosed: false,
|
|
center__initHidden: false,
|
|
west__size: 0.2,
|
|
west__minSize: 200,
|
|
west__initClosed: false,
|
|
west__initHidden: false,
|
|
//stateManagement__enabled: true, // automatic cookie load & save enabled by default
|
|
showDebugMessages: true // log and/or display messages from debugging & testing code
|
|
//applyDefaultStyles: true
|
|
};
|
|
|
|
var layoutTwoCol = {
|
|
center__size: 0.8,
|
|
center__minSize: 400,
|
|
center__maxSize: 0.5, // 50% of layout width
|
|
center__initClosed: false,
|
|
center__initHidden: false,
|
|
west__size: 0.2,
|
|
west__minSize: 200,
|
|
west__initClosed: false,
|
|
west__initHidden: false,
|
|
//stateManagement__enabled: true, // automatic cookie load & save enabled by default
|
|
showDebugMessages: true // log and/or display messages from debugging & testing code
|
|
//applyDefaultStyles: true
|
|
};
|
|
|
|
scope.$watch(attrs.state, function(state) {
|
|
var layout;
|
|
|
|
if (state == 1) {
|
|
layout = elm.layout(pageLayoutOptions);
|
|
}
|
|
|
|
if (state == 2) {
|
|
layout = elm.layout(layoutTwoCol);
|
|
//scope.layout.sizePane('east', 120);
|
|
//scope.layout.show('west');
|
|
//scope.layout.show('south');
|
|
} else if (state == 3) {
|
|
layout = elm.layout(layoutThreeCol);
|
|
//scope.layout.sizePane('east', 60);
|
|
//scope.layout.hide('west');
|
|
//scope.layout.hide('south');
|
|
}
|
|
scope.layout = layout;
|
|
});
|
|
}
|
|
};
|
|
});
|
|
|
|
JamStash.directive('sortable', function() {
|
|
return {
|
|
link: function(scope, elm, attrs) {
|
|
elm.sortable({
|
|
start: scope.dragStart,
|
|
update: scope.dragEnd
|
|
});
|
|
elm.disableSelection();
|
|
}
|
|
};
|
|
});
|
|
|
|
JamStash.directive('split', function() {
|
|
return {
|
|
|
|
link: function(scope, elm, attrs) {
|
|
elm.splitPane();
|
|
}
|
|
};
|
|
});
|
|
|
|
JamStash.directive('fancybox', function($compile) {
|
|
return {
|
|
restrict: 'A',
|
|
replace: false,
|
|
link: function($scope, element, attrs) {
|
|
$scope.fancyboxOpen = function() {
|
|
var el = angular.element(element.html()),
|
|
compiled = $compile(el);
|
|
$.fancybox.open(el);
|
|
compiled($scope);
|
|
};
|
|
$scope.fancyboxOpenUrl = function() {
|
|
var el = angular.element(element.html()),
|
|
compiled = $compile(el);
|
|
$.fancybox.open(el);
|
|
compiled($scope);
|
|
};
|
|
}
|
|
};
|
|
});
|
|
|
|
JamStash.directive('songpreview', function($compile, subsonic) {
|
|
return {
|
|
restrict: 'E',
|
|
templateUrl: 'js/partials/songs.html',
|
|
replace: false,
|
|
// pass these two names from attrs into the template scope
|
|
scope: {
|
|
song: '@'
|
|
},
|
|
link: function(scope, element, attrs) {
|
|
subsonic.getSongTemplate(function(data) {
|
|
scope.song = data;
|
|
//var el = angular.element(element.html()),
|
|
//var el = element.html(),
|
|
//compiled = $compile(el);
|
|
$.fancybox.open(element);
|
|
//compiled($scope);
|
|
});
|
|
}
|
|
};
|
|
});
|
|
|
|
JamStash.directive('stopEvent', function() {
|
|
return {
|
|
restrict: 'A',
|
|
link: function(scope, element, attr) {
|
|
element.bind(attr.stopEvent, function(e) {
|
|
e.stopPropagation();
|
|
});
|
|
}
|
|
};
|
|
});
|
|
|
|
JamStash.directive('ngEnter', function() {
|
|
return function(scope, element, attrs) {
|
|
element.bind("keydown keypress", function(event) {
|
|
if (event.which === 13) {
|
|
scope.$apply(function() {
|
|
scope.$eval(attrs.ngEnter);
|
|
});
|
|
|
|
event.preventDefault();
|
|
}
|
|
});
|
|
};
|
|
});
|
|
|
|
JamStash.directive('ngDownload', function($compile) {
|
|
return {
|
|
restrict: 'E',
|
|
scope: {
|
|
data: '='
|
|
},
|
|
link: function(scope, elm, attrs) {
|
|
function getUrl() {
|
|
return URL.createObjectURL(new Blob([JSON.stringify(scope.data)], {
|
|
type: "application/json"
|
|
}));
|
|
}
|
|
|
|
elm.append($compile(
|
|
'<a class="button" download="backup.json"' +
|
|
'href="' + getUrl() + '">' +
|
|
'Download' +
|
|
'</a>'
|
|
)(scope));
|
|
|
|
scope.$watch(scope.data, function() {
|
|
elm.children()[0].href = getUrl();
|
|
});
|
|
}
|
|
};
|
|
});
|
|
|
|
/* Factory */
|
|
JamStash.factory('json', function($http) { // Deferred loading
|
|
return {
|
|
getCollections: function(callback) {
|
|
$http.get('js/json_collections.js').success(callback);
|
|
},
|
|
getChangeLog: function(callback) {
|
|
$http.get('js/json_changelog.js').success(callback);
|
|
}
|
|
};
|
|
});
|
|
|
|
JamStash.factory('template', function($compile, $http, $templateCache) { // Deferred loading
|
|
return {
|
|
getCollections: function(callback) {
|
|
$http.get('js/json_collections.js', {
|
|
cache: $templateCache
|
|
}).success(callback);
|
|
},
|
|
getChangeLog: function(callback) {
|
|
$http.get('js/json_changelog.js', {
|
|
cache: $templateCache
|
|
}).success(callback);
|
|
},
|
|
getSongs: function(callback) {
|
|
templateUrl = 'js/partials/songs.html';
|
|
$http.get(templateUrl, {
|
|
cache: $templateCache
|
|
}).success(callback);
|
|
}
|
|
};
|
|
});
|
|
|
|
JamStash.factory('subsonic', function($http, globals, utils) {
|
|
return {
|
|
getSongTemplate: function(callback) {
|
|
var id = '16608';
|
|
var url = globals.BaseURL() + '/getMusicDirectory.view?' + globals.BaseParams() + '&id=' + id;
|
|
|
|
$http.get(url).success(function(data) {
|
|
var items = [];
|
|
var song = [];
|
|
if (typeof data["subsonic-response"].directory.child != 'undefined') {
|
|
if (data["subsonic-response"].directory.child.length > 0) {
|
|
items = data["subsonic-response"].directory.child;
|
|
} else {
|
|
items[0] = data["subsonic-response"].directory.child;
|
|
}
|
|
angular.forEach(items, function(item, key) {
|
|
if (!item.isDir) {
|
|
song.push(utils.mapSong(item));
|
|
}
|
|
});
|
|
callback(song);
|
|
}
|
|
});
|
|
}
|
|
};
|
|
});
|
|
|
|
/* Filters */
|
|
JamStash.filter('capitalize', function() {
|
|
return function(input, scope) {
|
|
return input.substring(0, 1).toUpperCase() + input.substring(1);
|
|
};
|
|
});
|
|
|
|
JamStash.service('notifications', function($rootScope, globals) {
|
|
var msgIndex = 1;
|
|
this.updateMessage = function(msg, autohide) {
|
|
if (msg !== '') {
|
|
var id = msgIndex;
|
|
$('#messages').append('<span id=\"msg_' + id + '\" class="message">' + msg + '</span>');
|
|
$('#messages').fadeIn();
|
|
$("#messages").scrollTo('100%');
|
|
var el = '#msg_' + id;
|
|
if (autohide) {
|
|
setTimeout(function() {
|
|
$(el).fadeOut(function() {
|
|
$(this).remove();
|
|
});
|
|
}, globals.settings.NotificationTimeout);
|
|
}
|
|
$(el).click(function() {
|
|
$(el).fadeOut(function() {
|
|
$(this).remove();
|
|
});
|
|
return false;
|
|
});
|
|
msgIndex++;
|
|
}
|
|
};
|
|
|
|
this.requestPermissionIfRequired = function() {
|
|
if (!this.hasNotificationPermission() && (window.webkitNotifications)) {
|
|
window.webkitNotifications.requestPermission();
|
|
}
|
|
};
|
|
|
|
this.hasNotificationPermission = function() {
|
|
return !!(window.webkitNotifications) && (window.webkitNotifications.checkPermission() === 0);
|
|
};
|
|
|
|
var notifications = [];
|
|
this.showNotification = function(pic, title, text, type, bind) {
|
|
if (this.hasNotificationPermission()) {
|
|
//closeAllNotifications()
|
|
var popup;
|
|
if (type == 'text') {
|
|
popup = window.webkitNotifications.createNotification(pic, title, text);
|
|
} else if (type == 'html') {
|
|
popup = window.webkitNotifications.createHTMLNotification(text);
|
|
}
|
|
if (bind == '#NextTrack') {
|
|
popup.addEventListener('click', function(bind) {
|
|
//$(bind).click();
|
|
$rootScope.nextTrack();
|
|
this.cancel();
|
|
});
|
|
}
|
|
notifications.push(popup);
|
|
setTimeout(function(notWin) {
|
|
notWin.cancel();
|
|
}, globals.settings.NotificationTimeout, popup);
|
|
popup.show();
|
|
} else {
|
|
console.log("showNotification: No Permission");
|
|
}
|
|
};
|
|
|
|
this.closeAllNotifications = function() {
|
|
for (var notification in notifications) {
|
|
notifications[notification].cancel();
|
|
}
|
|
};
|
|
});
|