path: root/www/js/shows.js

/*
 *  rhwebimport
 *
 *  Copyright (C) 2014-2015 Christian Pointner <equinox@helsinki.at>
 *  Copyright (C) 2015 Peter Grassberger <petertheone@gmail.at>
 *
 *  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/>.
 */

var shows_currentid;
var shows_list = [];
var shows_current;
var shows_group_carts = {};
var shows_log_carts = [];
var shows_clock;


function shows_deleteCart(cart) {
  data = { COMMAND: 13, LOGIN_NAME: auth_username, PASSWORD: auth_token, CART_NUMBER: cart };
  $.post("/rd-bin/rdxport.cgi", data, null, "xml").done(function() { shows_updateGroupCartInfo(cart); });
}

function shows_importAddCut(cart, dz, file) {
  data = { COMMAND: 10, LOGIN_NAME: auth_username, PASSWORD: auth_token, CART_NUMBER: cart };
  $.post("/rd-bin/rdxport.cgi", data, null, "xml").done(function() { dz.processQueue(); })
               .fail(function(xhr, status, err) { shows_importFileUploadError(cart, dz, file, err, xhr); });
}

function shows_importAddCart(cart, dz, file) {
  data = { COMMAND: 12, LOGIN_NAME: auth_username, PASSWORD: auth_token,
           GROUP_NAME: shows_current.group.name, TYPE: 'audio', CART_NUMBER: cart };
  $.post("/rd-bin/rdxport.cgi", data, null, "xml").done(function() { shows_importAddCut(cart, dz, file); })
               .fail(function(xhr, status, err) { shows_importFileUploadError(cart, dz, file, err, xhr); });
}

function shows_importCartCancel(cart, dz) {
  shows_deleteCart(cart);
  dz.off("error");
  dz.disable();
}

function shows_importFileUploadError(cart, dz, file, msg, xhr) {
  var error_row = shows_newImportErrorEntry(cart, msg);
  error_row.find('button').unbind('click').click(function() { shows_deleteCart(cart); });
  $('#show-cart-' + cart).replaceWith(error_row);
  error_row.find('.file-name').text(file.name);
  dz.disable();
}

function shows_importFileUploadSuccess(cart, dz, file) {
  shows_updateGroupCartInfo(cart);
  dz.disable();
}

function shows_importUpdateProgress(file, stats) {
  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";
    stats.find('.file-bytes').text(bytes_str);
    stats.find('.progress .bar').css("width", file.upload.progress + "%");
  } else {
    stats.find('.file-bytes').text('importiere...');
    stats.find('.progress .bar').css('width', '100%');
    stats.find('.progress').addClass('progress-striped').addClass('active');
  }
}

function shows_importCartConfirm(cart, dz) {
  $('#uploadModal').modal('hide');
  var cart_row = $('#show-cart-' + cart);
  cart_row.find('.btn').attr('disabled','disabled');
  var importing_row = shows_newImportingEntry(cart);
  importing_row.find('button').unbind('click').click(function() { shows_importCartCancel(cart, dz); });
  cart_row.replaceWith(importing_row);

  dz.off("error");
  files = dz.getAcceptedFiles();
  importing_row.find('.file-name').text(files[0].name);
  shows_importUpdateProgress(files[0], importing_row);
  dz.on("uploadprogress", function(file) { shows_importUpdateProgress(file, importing_row); });
  dz.on("success", function(file) { shows_importFileUploadSuccess(cart, dz, file); });
  dz.on("error", function(file, msg, xhr) { shows_importFileUploadError(cart, this, file, msg, xhr); });
  shows_importAddCart(cart, dz, files[0]);
}

function shows_createImportForm(cart) {
  return $('<form>').attr("action", "/rd-bin/rdxport.cgi").attr("method", "post").attr("enctype", "multipart/form-data")
             .append($('<input>').attr("type", "hidden").attr("name", "COMMAND").attr("value", 2))
             .append($('<input>').attr("type", "hidden").attr("name", "LOGIN_NAME").attr("value", auth_username))
             .append($('<input>').attr("type", "hidden").attr("name", "PASSWORD").attr("value", auth_token))
             .append($('<input>').attr("type", "hidden").attr("name", "CART_NUMBER").attr("value", cart))
             .append($('<input>').attr("type", "hidden").attr("name", "CUT_NUMBER").attr("value", 1))
             .append($('<input>').attr("type", "hidden").attr("name", "CHANNELS").attr("value", 2))
             .append($('<input>').attr("type", "hidden").attr("name", "NORMALIZATION_LEVEL").attr("value", shows_current.normlevel))
             .append($('<input>').attr("type", "hidden").attr("name", "AUTOTRIM_LEVEL").attr("value", shows_current.trimlevel))
             .append($('<input>').attr("type", "hidden").attr("name", "USE_METADATA").attr("value", 1));
}

function shows_importFileAdded(dz, file, cart) {
  $(dz.getAcceptedFiles()).each(function(idx, elem) { dz.removeFile(elem); });
  $('#uploadModal div.modal-body').css("background-image", "url('/img/audio_file.png')")
  $('#uploadModal div.modal-header h3').text(file.name)
  $('#uploadModal-confirm').removeAttr('disabled').unbind('click').click(function() { shows_importCartConfirm(cart, dz); });
}

function shows_importFileSelectError(dz, file, msg) {
  $('#uploadModal div.modal-header h3').text("Datei auswählen...")
  $('#uploadModal div.modal-body').css("background-image", "url('/img/dz-backdrop.png')");
  $('#uploadModal-confirm').attr('disabled','disabled').unbind('click');
  dz.removeFile(file);
}

function shows_importCart(cart) {
  var form = shows_createImportForm(cart);
  $('#uploadModal div.modal-header h3').text("Datei auswählen...")
  $('#uploadModal div.modal-body').empty().append(form).css("background-image", "url('/img/dz-backdrop.png')");
  $('#uploadModal-confirm').attr('disabled','disabled').unbind('click');
  var dz = form.dropzone({ url: "/rd-bin/rdxport.cgi", parallelUploads: 1, maxFilesize: 2048, paramName: 'FILENAME',
                           uploadMultiple: false, clickable: true, createImageThumbnails: false,
                           acceptedFiles: ".flac,.wav,.ogg,.mp3,.m4a", autoProcessQueue: false, init: function() {
            this.on("addedfile", function(file) { shows_importFileAdded(this, file, cart); });
            this.on("error", function(file, msg) { shows_importFileSelectError(this, file, msg); });
    }});

  $('#uploadModal').modal({ keyboard: true });
}

// <td>
//   <button class="btn btn-info btn-mini disabled"><i class="icon-arrow-up icon-white"></i></button>
//   <button class="btn btn-info btn-mini disabled"><i class="icon-arrow-down icon-white"></i></button>
//   <button class="btn btn-danger btn-mini"><i class="icon-trash icon-white"></i> Löschen</button>
// </td>
// <td>
//   <button class="btn btn-info btn-mini"><i class="icon-arrow-up icon-white"></i></button>
//   <button class="btn btn-info btn-mini disabled"><i class="icon-arrow-down icon-white"></i></button>
//   <button class="btn btn-success btn-mini"><i class="icon-upload icon-white"></i> Importieren</button>
// </td>

function shows_newCartEntry(elem) {
  var cart_exists = shows_group_carts[elem] ? 1 : 0;
  var cart = {};
  cart.title = cart_exists ? shows_group_carts[elem].title : '-';
  cart.length = cart_exists ? shows_group_carts[elem].length : '-';
  cart.imported = cart_exists ? format_datetime(shows_group_carts[elem].imported) : '-';
  cart.playcnt = cart_exists ? shows_group_carts[elem].playcnt : '-';
  cart.lastplayed = cart_exists ? format_datetime(shows_group_carts[elem].lastplayed) : '-';

  var buttons = cart_exists ?
        '<button class="btn btn-danger btn-mini" onclick="shows_deleteCart(' + elem + ');">' +
           '<i class="icon-trash icon-white"></i> Löschen</button>' :
        '<button class="btn btn-success btn-mini" onclick="shows_importCart(' + elem + ');">' +
           '<i class="icon-upload icon-white"></i> Importieren</button>';

  return $('<tr>').append($('<td>').text(elem))
                  .append($('<td>').text(cart.title))
                  .append($('<td>').text(msToTimeString(cart.length)))
                  .append($('<td>').text(cart.imported))
                  .append($('<td>').text(cart.playcnt))
                  .append($('<td>').text(cart.lastplayed))
                  .append($('<td>').css('text-align', 'center').append(buttons))
                  .attr("id", "show-cart-" + elem);
}

function shows_newImportingEntry(cart) {
  var progress_bar = '<div class="progress"><div class="bar" style="width: 0%;"></div></div>';
  var cancel_button = '<button class="btn btn-danger btn-mini">' +
                      '<i class="icon-remove icon-white"></i> Abbrechen</button>';

  return $('<tr>').append($('<td>').text(cart))
                  .append($('<td>').addClass('file-name').text('-'))
                  .append($('<td>').addClass('file-bytes').text('??.? von ??.? MB'))
                  .append($('<td colspan=3>').append(progress_bar))
                  .append($('<td>').css('text-align', 'center').append(cancel_button))
                  .attr("id", "show-cart-" + cart);
}

function shows_newImportErrorEntry(cart, msg) {
  var dismiss_button = '<button class="btn btn-info btn-mini">' +
                       '<i class="icon-remove icon-white"></i> Ok</button>';

  var xmlDoc = $.parseXML(msg);
  msg = $(xmlDoc);
  var resp_code = msg.find('ResponseCode').text();
  var err_string = msg.find('ErrorString').text();
  var reason = $('<span>').addClass('badge').addClass('badge-error').text(resp_code).after($('<b>').html('&nbsp;' + err_string))

  return $('<tr>').append($('<td>').text(cart))
                  .append($('<td>').addClass('file-name').text('-'))
                  .append($('<td>').append($('<b>').text('Import Fehler')))
                  .append($('<td colspan=3>').append(reason))
                  .append($('<td>').css('text-align', 'center').append(dismiss_button))
                  .attr("id", "show-cart-" + cart);
}

function shows_updateGroupCartInfo(cart) {
  data = { COMMAND: 7, LOGIN_NAME: auth_username, PASSWORD: auth_token, CART_NUMBER: cart, INCLUDE_CUTS: 1 };
  $.post("/rd-bin/rdxport.cgi", data, shows_updateGroupCartList, "xml")
    .fail(function() { delete shows_group_carts[cart]; shows_redrawCartEntry(cart); })
    .done(function() { shows_redrawCartEntry(cart); });
}

function shows_redrawCartEntry(cart) {
  $('#show-cart-' + cart).replaceWith(shows_newCartEntry(cart));
}

function shows_updateCartListing() {
  $('#show-carts tbody').find('tr').remove();
  shows_log_carts.forEach(function(elem) {
    $('#show-carts > tbody:last').append(shows_newCartEntry(elem));
  });
}

function shows_updateGroupCartList(data, status, req) {
  var cartlist = $(data).find("cartList");
  var carts = cartlist.children();
  carts.each(function() {
      var cut = $(this).find("cutList").get(0);
      var number = $(this).find('number').text();
      var cart = {
        title: $(this).find('title').text(),
        length: Number($(cut).find('length').text()),
        imported: new Date($(cut).find('originDatetime').text()),
        playcnt: $(cut).find('playCounter').text(),
        lastplayed: new Date($(cut).find('lastPlayDatetime').text()),
      };
      cart.imported = isNaN(cart.imported) ? '-' : cart.imported;
      cart.lastplayed = isNaN(cart.lastplayed) ? '-' : cart.lastplayed;
      shows_group_carts[number] = cart;
    }
  );
}

function shows_updateLogCartList(data, status, req) {
  var loglist = $(data).find("logList");
  var loglines = loglist.children();
  loglines.each(function() {
      var number = $(this).find('cartNumber').text();
      if(number >= shows_current.group.lowcart && number <= shows_current.group.highcart) {
        shows_log_carts.push(number);
      }
    }
  );
}

function shows_showSelected() {
  shows_currentid = $('#show-selector option:selected').attr('value');
  sessionStorage.setItem("shows_currentid", shows_currentid);
  shows_current = $.grep(shows_list, function(elem) { return elem.id == shows_currentid; })[0];

  if(shows_current) {
    $('#show-title').text(shows_current.title);
    $('#show-dow').text(weekday[shows_current.dow]);
    $('#show-rhythm').text(shows_current.rhythm);
    $('#show-starttime').text(shows_current.starttime);
    $('#show-length').text(shows_current.length + ' Min.');

    shows_log_carts = [];
    data = { COMMAND: 22, LOGIN_NAME: auth_username, PASSWORD: auth_token, NAME: shows_current.log };
    lcd = $.post("/rd-bin/rdxport.cgi", data, shows_updateLogCartList, "xml");

    shows_group_carts = {};
    data = { COMMAND: 6, LOGIN_NAME: auth_username, PASSWORD: auth_token, GROUP_NAME: shows_current.group.name, INCLUDE_CUTS: 1 };
    gcd = $.post("/rd-bin/rdxport.cgi", data, shows_updateGroupCartList, "xml");

    $.when(lcd, gcd).done(
      function(lcres, gcres) {
        if(lcres[1] == 'success' && gcres[1] == 'success') {
          shows_updateCartListing();
        }
      }
    );
  }
}

function shows_updateList(data, status, req) {
  shows_list = [];
  $('#show-selector').find('option').remove();
  var dblist = $(data).find("dropboxList");
  var dbs = dblist.children();
  dbs.each(function() {
      type = $(this).find('type').text();
      if(type == 'show') {
        var show = {
          id: $(this).find('show-id').text(),
          title: $(this).find('show-title').text(),
          dow: $(this).find('show-dayofweek').text(),
          rhythm: $(this).find('show-rhythm').text(),
          starttime: $(this).find('show-starttime').text(),
          length: $(this).find('show-length').text(),
          log: $(this).find('show-log').text(),
          group: {
            name: $(this).find('group').text(),
            lowcart: $(this).find('group-low-cart').text(),
            highcart: $(this).find('group-high-cart').text(),
          },
          normlevel: $(this).find('normalization-level').text(),
          trimlevel: $(this).find('autotrim-level').text(),
        }

        var name = show.title + ' (' + show.rhythm + ', ' + weekday[show.dow] + ', ' + show.starttime + ', ' + show.length + ' Min.)';
        $('#show-selector').append($('<option>').attr('value',show.id).text(name));

        shows_list.push(show);
      }
    }
  );
  $('#show-selector').val(shows_currentid);
  shows_showSelected();
}

function shows_init() {
  shows_currentid = sessionStorage.getItem("shows_currentid");
  shows_list = [];
  data = { LOGIN_NAME: auth_username, PASSWORD: auth_token };
  $.post("/rh-bin/listdropboxes.cgi", data, shows_updateList, "xml")
  drawClock('Do, 1.1.1970', '00:00:00', 0);
  clock_add_callback(drawClock);
}

function shows_cleanup() {
  sessionStorage.removeItem("shows_currentid");
  delete shows_currentid;
  shows_list = [];
  shows_group_carts = {};
  shows_log_carts = [];
}