path: root/www/js/musicpools.js

/*
 *  rhwebimport
 *
 *  Copyright (C) 2014-2016 Christian Pointner <equinox@helsinki.at>
 *  Copyright (C) 2015-2016 Peter Grassberger <petertheone@gmail.com>
 *
 *  This file is part of rhwebimport.
 *
 *  rhwebimport 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
 *  any later version.
 *
 *  rhwebimport 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 rhwebimport. If not, see <http://www.gnu.org/licenses/>.
 */

'use strict';

var Rivendell = Rivendell || {};

var musicpoolsView = null;

function musicpools_init() {
  var musicpools = new Rivendell.GroupList();
  musicpoolsView = new Rivendell.MusicpoolsView(musicpools);
}

function musicpools_cleanup() {
  importer.cancelAllUploads();
  musicpoolsView = null;
}

Rivendell.MusicpoolsView = function(model) {
  this.model = model;

  this.musicpoolViews = [];
  this.currentPoolId = sessionStorage.getItem('currentPoolId');

  var self = this;
  $(this.model).on('update', function() {
    $(self.model.groups).each(function(index, musicpool) {
      var musicpoolView = new Rivendell.MusicpoolView(musicpool);
      self.musicpoolViews.push(musicpoolView);
    });
    self.updateSelector();
  });
  this.model.fetch('musicpool');
};

Rivendell.MusicpoolsView.prototype.setCurrentPoolId = function(currentPoolId) {
  this.currentPoolId = currentPoolId;
  sessionStorage.setItem('currentPoolId', this.currentPoolId);
};

Rivendell.MusicpoolsView.prototype.getCurrentPoolView = function() {
  if (this.model.groups.length === 0) {
    return null;
  }
  if (this.musicpoolViews.length === 0) {
    return null;
  }
  if (this.currentPoolId === null) {
    this.setCurrentPoolId(this.model.groups[0].clock);
  }
  var self = this;
  var musicpoolViewFound = null;
  $(this.musicpoolViews).each(function(index, musicpoolView) {
    if (musicpoolView.model.clock === self.currentPoolId) {
      musicpoolViewFound = musicpoolView;
      return true;
    }
  });
  return musicpoolViewFound;
};

Rivendell.MusicpoolsView.prototype.updateSelector = function() {
  var self = this;
  var $musicpoolSelector = $('#musicpool-selector');

  $musicpoolSelector.off();
  $('option', $musicpoolSelector).remove();

  $(this.model.groups).each(function(index, musicpool) {
    var name = musicpool.title + ' (' + musicpool.clock + ')';
    $musicpoolSelector.append($('<option>').attr('value', musicpool.clock).text(name));
  });

  if (this.currentPoolId === null) {
    this.setCurrentPoolId(this.model.groups[0].clock);
  }
  $('option[value="' + this.currentPoolId + '"]', $musicpoolSelector).attr('selected', 'selected');

  $musicpoolSelector.on('change', function() {
    self.setCurrentPoolId($('option:selected', $musicpoolSelector).attr('value'));
    self.getCurrentPoolView().model.fetchCarts();
  });

  this.getCurrentPoolView().model.fetchCarts();
};

Rivendell.Musicpool = function(groupName, description, lowcart, highcart, normlevel, trimlevel, title, clock) {
  if (arguments.length === 1) {
    Rivendell.Group.call(this, groupName);
    this.title = $('musicpool-title', this.xml).text();
    this.clock = $('musicpool-clock', this.xml).text();
  } else {
    Rivendell.Group.call(this, groupName, description, lowcart, highcart, normlevel, trimlevel);
    this.title = title;
    this.clock = clock;
  }
};
Rivendell.Musicpool.prototype = Object.create(Rivendell.Group.prototype);
Rivendell.Musicpool.prototype.constructor = Rivendell.Musicpool;

Rivendell.MusicpoolView = function(model) {
  this.model = model;
  this.cartViews = [];

  this.$el = null;

  var self = this;
  $(this.model).on('update', function() {
    self.render();
  });
};

Rivendell.MusicpoolView.prototype.render = function() {
  var self = this;

  this.$el = $('#hiddenTemplates .musicpoolTemplate').clone().removeClass('musicpoolTemplate');
  $('#app-musicpools .musicpoolContainer').html(this.$el);

  $('h2', this.$el).html(this.model.title);
  $('table tbody tr', this.$el).remove();

  this.cartViews = [];
  $(this.model.carts).each(function(index, cart) {
    var cartView = new Rivendell.MusicpoolCartView(cart);
    self.cartViews.push(cartView);

    $('table > tbody', self.$el).append(cartView.$el);
  });

  $('.uploadButton', this.$el).on('click', function() {
    importer.openModal(self.model, self, true, null, true);
  });
};

Rivendell.MusicpoolView.prototype.uploadProgress = function(upload, file) {
  if (!file.cartNumber || !file.cutNumber) {
    return;
  }
  var $cart = $('#musicpool-' + file.cartNumber).first();
  if (!$cart.hasClass('uploading')) {
    var $progressBar = $('.progressBarTemplate.musicpools').clone().removeClass('progressBarTemplate');
    $('.file-name', $progressBar).text(file.name);
    $('.cart-number', $progressBar).text(file.cartNumber);
    $cart.html($progressBar.html());

    $('button', $cart).on('click', function() {
      upload.cancel();
    });

    $cart.addClass('uploading');
  }

  if(file.upload.progress < 99) {
    var bytes_str = Number((file.upload.bytesSent/1024)/1024).toFixed(1) + " von " +
      Number((file.upload.total/1024)/1024).toFixed(1) + " MB";
    $cart.find('.file-bytes').text(bytes_str);
    $cart.find('.progress .progress-bar').css("width", file.upload.progress + "%");
  } else {
    $cart.find('.file-bytes').text('importiere...');
    $cart.find('.progress .progress-bar').css('width', '100%');
    $cart.find('.progress .progress-bar').addClass('progress-bar-striped').addClass('active');
  }
};

Rivendell.MusicpoolView.prototype.uploadError = function(upload, file, msg) {
  // todo
};

Rivendell.MusicpoolCartView = function(model) {
  this.model = model;

  this.$spinner = null;
  this.$el = null;

  this.render();
};

Rivendell.MusicpoolCartView.prototype.render = function() {
  var length = '-';
  var imported = '-';
  var playcnt = '-';
  var lastplayed = '-';

  if (this.model.cuts.length > 0) {
    var cut = this.model.cuts[0];

    length = msToTimeString(Number(cut.length));
    if (!isNaN(new Date(cut.originDatetime))) {
      imported = format_datetime(new Date(cut.originDatetime));
    }
    playcnt = cut.playCounter;
    if (!isNaN(new Date(cut.lastPlayDatetime))) {
      lastplayed = format_datetime();
    }
  }

  var deleteButton = $('<button class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-trash"></span>&nbsp;&nbsp;Löschen</button>');

  var self = this;
  deleteButton.on('click', function() {
    self.delete();
  });

  this.$spinner = $('#hiddenTemplates .spinnerTemplate').clone().removeClass('spinnerTemplate');

  this.$el = $('<tr>')
    .attr('id', 'musicpool-' + this.model.number)
    .append($('<td>').text(this.model.number))
    .append($('<td>').text(this.model.title))
    .append($('<td>').text(this.model.artist))
    .append($('<td>').text(this.model.album))
    .append($('<td>').text(length))
    .append($('<td>').text(imported))
    .append($('<td>').text(playcnt))
    .append($('<td>').text(lastplayed))
    .append($('<td>').addClass('text-center').append(deleteButton));
};

Rivendell.MusicpoolCartView.prototype.delete = function() {
  this.$el.find('td:last').html(this.$spinner);

  var self = this;
  rdxport.removeCart(this.model.number, function() {
    self.model.group.removeCart(self.model);
    self.$el.remove();
  });
};