mirror of
https://github.com/Prowlarr/Prowlarr.git
synced 2025-09-17 17:14:18 +02:00
286 lines
8.6 KiB
JavaScript
286 lines
8.6 KiB
JavaScript
var $ = require('jquery');
|
|
var vent = require('vent');
|
|
var Marionette = require('marionette');
|
|
var moment = require('moment');
|
|
var CalendarCollection = require('./CalendarCollection');
|
|
var UiSettings = require('../Shared/UiSettingsModel');
|
|
var QueueCollection = require('../Activity/Queue/QueueCollection');
|
|
var Config = require('../Config');
|
|
|
|
require('../Mixins/backbone.signalr.mixin');
|
|
require('fullcalendar');
|
|
require('jquery.easypiechart');
|
|
|
|
module.exports = Marionette.ItemView.extend({
|
|
storageKey : 'calendar.view',
|
|
|
|
initialize : function() {
|
|
this.showUnmonitored = Config.getValue('calendar.show', 'monitored') === 'all';
|
|
this.collection = new CalendarCollection().bindSignalR({ updateOnly : true });
|
|
this.listenTo(this.collection, 'change', this._reloadCalendarEvents);
|
|
this.listenTo(QueueCollection, 'sync', this._reloadCalendarEvents);
|
|
},
|
|
|
|
render : function() {
|
|
this.$el.empty().fullCalendar(this._getOptions());
|
|
},
|
|
|
|
onShow : function() {
|
|
this.$('.fc-today-button').click();
|
|
},
|
|
|
|
setShowUnmonitored : function (showUnmonitored) {
|
|
if (this.showUnmonitored !== showUnmonitored) {
|
|
this.showUnmonitored = showUnmonitored;
|
|
this._getEvents(this.$el.fullCalendar('getView'));
|
|
}
|
|
},
|
|
|
|
_viewRender : function(view, element) {
|
|
if (Config.getValue(this.storageKey) !== view.name) {
|
|
Config.setValue(this.storageKey, view.name);
|
|
}
|
|
|
|
this._getEvents(view);
|
|
element.find('.fc-day-grid-container').css('height', '');
|
|
},
|
|
|
|
_eventRender : function(event, element) {
|
|
element.addClass(event.statusLevel);
|
|
element.children('.fc-content').addClass(event.statusLevel);
|
|
|
|
if (event.downloading) {
|
|
var progress = 100 - event.downloading.get('sizeleft') / event.downloading.get('size') * 100;
|
|
var releaseTitle = event.downloading.get('title');
|
|
var estimatedCompletionTime = moment(event.downloading.get('estimatedCompletionTime')).fromNow();
|
|
var status = event.downloading.get('status').toLocaleLowerCase();
|
|
var errorMessage = event.downloading.get('errorMessage');
|
|
|
|
if (status === 'pending') {
|
|
this._addStatusIcon(element, 'icon-sonarr-pending', 'Release will be processed {0}'.format(estimatedCompletionTime));
|
|
}
|
|
|
|
else if (errorMessage) {
|
|
if (status === 'completed') {
|
|
this._addStatusIcon(element, 'icon-sonarr-import-failed', 'Import failed: {0}'.format(errorMessage));
|
|
} else {
|
|
this._addStatusIcon(element, 'icon-sonarr-download-failed', 'Download failed: {0}'.format(errorMessage));
|
|
}
|
|
}
|
|
|
|
else if (status === 'failed') {
|
|
this._addStatusIcon(element, 'icon-sonarr-download-failed', 'Download failed: check download client for more details');
|
|
}
|
|
|
|
else if (status === 'warning') {
|
|
this._addStatusIcon(element, 'icon-sonarr-download-warning', 'Download warning: check download client for more details');
|
|
}
|
|
|
|
else {
|
|
element.find('.fc-time').after('<span class="chart pull-right" data-percent="{0}"></span>'.format(progress));
|
|
|
|
element.find('.chart').easyPieChart({
|
|
barColor : '#ffffff',
|
|
trackColor : false,
|
|
scaleColor : false,
|
|
lineWidth : 2,
|
|
size : 14,
|
|
animate : false
|
|
});
|
|
|
|
element.find('.chart').tooltip({
|
|
title : 'Episode is downloading - {0}% {1}'.format(progress.toFixed(1), releaseTitle),
|
|
container : '.fc'
|
|
});
|
|
}
|
|
}
|
|
|
|
else if (event.model.get('unverifiedSceneNumbering')) {
|
|
this._addStatusIcon(element, 'icon-sonarr-form-warning', 'Scene number hasn\'t been verified yet.');
|
|
}
|
|
},
|
|
|
|
_eventAfterAllRender : function () {
|
|
if ($(window).width() < 768) {
|
|
this.$('.fc-center').show();
|
|
this.$('.calendar-title').remove();
|
|
|
|
var title = this.$('.fc-center').html();
|
|
var titleDiv = '<div class="calendar-title">{0}</div>'.format(title);
|
|
|
|
this.$('.fc-toolbar').before(titleDiv);
|
|
this.$('.fc-center').hide();
|
|
}
|
|
|
|
this._clearScrollBar();
|
|
},
|
|
|
|
_windowResize : function () {
|
|
this._clearScrollBar();
|
|
},
|
|
|
|
_getEvents : function(view) {
|
|
var start = moment(view.start.toISOString()).toISOString();
|
|
var end = moment(view.end.toISOString()).toISOString();
|
|
|
|
this.$el.fullCalendar('removeEvents');
|
|
|
|
this.collection.fetch({
|
|
data : {
|
|
start : start,
|
|
end : end,
|
|
unmonitored : this.showUnmonitored
|
|
},
|
|
success : this._setEventData.bind(this, new Date(start), new Date(end))
|
|
});
|
|
},
|
|
|
|
_setEventData : function(startD, endD, collection) {
|
|
if (collection.length === 0) {
|
|
return;
|
|
}
|
|
|
|
var events = [];
|
|
var self = this;
|
|
|
|
collection.each(function(model) {
|
|
var seriesTitle = model.get('title');
|
|
var start = model.get('inCinemas');
|
|
var startDate = new Date(start);
|
|
if (!(startD <= startDate && startDate <= endD)) {
|
|
start = model.get("physicalRelease");
|
|
}
|
|
var runtime = model.get('runtime');
|
|
var end = moment(start).add('minutes', runtime).toISOString();
|
|
|
|
var event = {
|
|
title : seriesTitle,
|
|
start : moment(start),
|
|
end : moment(end),
|
|
allDay : true,
|
|
statusLevel : self._getStatusLevel(model, end),
|
|
downloading : QueueCollection.findMovie(model.get('id')),
|
|
model : model,
|
|
sortOrder : 0
|
|
};
|
|
|
|
events.push(event);
|
|
});
|
|
|
|
this.$el.fullCalendar('addEventSource', events);
|
|
},
|
|
|
|
_getStatusLevel : function(element, endTime) {
|
|
var hasFile = element.get('hasFile');
|
|
var downloading = QueueCollection.findMovie(element.get('id')) || element.get('grabbed');
|
|
var currentTime = moment();
|
|
var start = moment(element.get('inCinemas'));
|
|
var status = element.getStatus().toLowerCase();
|
|
var end = moment(endTime);
|
|
var monitored = element.get('monitored');
|
|
|
|
var statusLevel = 'primary';
|
|
|
|
if (hasFile) {
|
|
statusLevel = 'success';
|
|
}
|
|
|
|
else if (downloading) {
|
|
statusLevel = 'purple';
|
|
}
|
|
|
|
else if (!monitored) {
|
|
statusLevel = 'unmonitored';
|
|
}
|
|
|
|
else if (status === "incinemas") {
|
|
statusLevel = 'premiere';
|
|
}
|
|
|
|
else if (status === "released") {
|
|
statusLevel = 'danger';
|
|
}
|
|
|
|
else if (status === "announced") {
|
|
statusLevel = 'primary';
|
|
}
|
|
|
|
if (end.isBefore(currentTime.startOf('day'))) {
|
|
statusLevel += ' past';
|
|
}
|
|
|
|
return statusLevel;
|
|
},
|
|
|
|
_reloadCalendarEvents : function() {
|
|
this.$el.fullCalendar('removeEvents');
|
|
var view = this.$el.fullCalendar('getView');
|
|
var start = moment(view.start.toISOString()).toISOString();
|
|
var end = moment(view.end.toISOString()).toISOString();
|
|
this._setEventData(new Date(start), new Date(end), this.collection);
|
|
},
|
|
|
|
_getOptions : function() {
|
|
var options = {
|
|
allDayDefault : true,
|
|
weekMode : 'variable',
|
|
firstDay : UiSettings.get('firstDayOfWeek'),
|
|
timeFormat : 'h(:mm)t',
|
|
viewRender : this._viewRender.bind(this),
|
|
eventRender : this._eventRender.bind(this),
|
|
eventAfterAllRender : this._eventAfterAllRender.bind(this),
|
|
windowResize : this._windowResize.bind(this),
|
|
eventClick : function(event) {
|
|
//vent.trigger(vent.Commands.ShowMovieDetails, { movie : event.model });
|
|
window.location.href = "movies/"+event.model.get("titleSlug");
|
|
}
|
|
};
|
|
|
|
if ($(window).width() < 768) {
|
|
options.defaultView = Config.getValue(this.storageKey, 'listYear');
|
|
|
|
options.header = {
|
|
left : 'prev,next today',
|
|
center : 'title',
|
|
right : 'listYear'
|
|
};
|
|
}
|
|
|
|
else {
|
|
options.defaultView = Config.getValue(this.storageKey, 'month');
|
|
|
|
options.header = {
|
|
left : 'prev,next today',
|
|
center : 'title',
|
|
right : 'month,listYear'
|
|
};
|
|
}
|
|
|
|
options.titleFormat = "L";
|
|
|
|
options.columnFormat = "L"; /*{
|
|
month : 'ddd',
|
|
week : UiSettings.get('calendarWeekColumnHeader'),
|
|
day : 'dddd'
|
|
};*///For now ignore settings. TODO update that.
|
|
|
|
options.timeFormat = UiSettings.get('timeFormat');
|
|
|
|
return options;
|
|
},
|
|
|
|
_addStatusIcon : function(element, icon, tooltip) {
|
|
element.find('.fc-time').after('<span class="status pull-right"><i class="{0}"></i></span>'.format(icon));
|
|
element.find('.status').tooltip({
|
|
title : tooltip,
|
|
container : '.fc'
|
|
});
|
|
},
|
|
|
|
_clearScrollBar : function () {
|
|
// Remove height from calendar so we don't have another scroll bar
|
|
this.$('.fc-day-grid-container').css('height', '');
|
|
this.$('.fc-row.fc-widget-header').attr('style', '');
|
|
}
|
|
});
|