/*
 *  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 shows_currentid = null;
var shows_list = [];
var shows_current;
var shows_group_carts = {};
var shows_log_carts = [];*/

var showListView = null;

function shows_init() {
  /*shows_currentid = sessionStorage.getItem("shows_currentid");
  shows_list = [];
  rdxport.listDropboxes('show', shows_updateList);*/

  var showList = new Rivendell.GroupList();
  showListView = new Rivendell.ShowListView(showList);

  drawClock('Do, 1.1.1970', '00:00:00', 0);
  clock_add_callback(drawClock);
}

function shows_cleanup() {
  $('#show-carts tbody').find('tr').remove();
  importer.cancelAllUploads();

  /*sessionStorage.removeItem("shows_currentid");
  shows_currentid = null;
  shows_list = [];
  shows_group_carts = {};
  shows_log_carts = [];*/
}

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

  this.showViews = [];
  this.currentShowId = sessionStorage.getItem('currentShowId');

  var self = this;
  $(this.model).on('update', function() {
    $(self.model.groups).each(function(index, show) {
      var showView = new Rivendell.ShowView(show);
      self.showViews.push(showView);
    });
    self.updateSelector();
  });
  this.model.fetch('show');
};

Rivendell.ShowListView.prototype.setCurrentShowId = function(currentShowId) {
  this.currentShowId = currentShowId;
  sessionStorage.setItem('currentShowId', this.currentShowId);
};

Rivendell.ShowListView.prototype.getCurrentShowView = function() {
  if (this.model.groups.length === 0) {
    return null;
  }
  if (this.showViews.length === 0) {
    return null;
  }
  if (this.currentShowId === null) {
    this.setCurrentShowId(this.model.groups[0].id);
  }
  var self = this;
  var showViewFound = null;
  $(this.showViews).each(function(index, showView) {
    if (showView.model.id === self.currentShowId) {
      showViewFound = showView;
      return true;
    }
  });
  return showViewFound;
};

Rivendell.ShowListView.prototype.updateSelector = function() {
  var self = this;
  var $showSelector = $('#show-selector');

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

  $(this.model.groups).each(function(index, show) {
    var name = show.title + ' (' + show.rhythm + ', ' + weekday[show.dayofweek] + ', ' + show.starttime + ', ' + show.length + ' Min.)';
    $showSelector.append($('<option>').attr('value', show.id).text(name));
  });

  if (this.currentShowId === null) {
    this.setCurrentShowId(this.model.groups[0].id);
  }
  $('option[value="' + this.currentShowId + '"]', $showSelector).attr('selected', 'selected');

  $showSelector.on('change', function() {
    self.setCurrentShowId($('option:selected', $showSelector).attr('value'));
    self.getCurrentShowView().model.fetchCarts();
  });

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

Rivendell.Show = function(groupName, description, lowcart, highcart, normlevel, trimlevel,
                          id, title, log, rhythm, dayofweek, starttime, length) {
  if (arguments.length = 1) {
    Rivendell.Group.call(this, groupName);
    this.id = $('show-id', this.xml).text();
    this.title = $('show-title', this.xml).text();
    this.log = $('show-log', this.xml).text();
    this.rhythm = $('show-rhythm', this.xml).text();
    this.dayofweek = $('show-dayofweek', this.xml).text();
    this.starttime = $('show-starttime', this.xml).text();
    this.length = $('show-length', this.xml).text();
  } else {
    Rivendell.Group.call(this, groupName, description, lowcart, highcart, normlevel, trimlevel);
    this.id = id;
    this.title = title;
    this.log = log;
    this.rhythm = rhythm;
    this.dayofweek = dayofweek;
    this.starttime = starttime;
    this.length = length;
  }

  this.logs = [];
};
Rivendell.Show.prototype = Object.create(Rivendell.Group.prototype);
Rivendell.Show.prototype.constructor = Rivendell.Show;

Rivendell.Show.prototype.fetchCarts = function() {
  var self = this;

  var lcd = rdxport.listLog(this.log, function(logsXml, status, req) {
    self.logs = [];

    var loglines = $('logList', logsXml).children();
    loglines.each(function(index, logXml) {
      var log = Rivendell.Log.newFromXml(logXml, self);
      if(log.cartNumber >= self.lowcart &&
          log.cartNumber <= self.highcart) {
        self.logs.push(log);
      }
    });
  });

  var gcd = rdxport.listCarts(this.groupName, 1, function(cartsXml, status, req) {
    self.carts = [];
    self.cartsByNumber = {};

    var dbs = $('cartList', cartsXml).children();
    dbs.each(function(index, cartXml) {
      var cart = new Rivendell.Cart(cartXml, self);

      var cuts = $('cutList', cartXml).children();
      cuts.each(function(index, cut) {
        cart.cuts.push(new Rivendell.Cut(cut, cart));
      });

      self.addCart(cart);
    });
  });

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

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

  this.$el = null;

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

Rivendell.ShowView.prototype.render = function() {
  $('#show-title').text(this.model.title);
  $('#show-dow').text(weekday[this.model.dayofweek]);
  $('#show-rhythm').text(this.model.rhythm);
  $('#show-starttime').text(this.model.starttime);
  $('#show-length').text(this.model.length + ' Min.');

  var $tableBody = $('#app-shows table tbody');
  $('tr', $tableBody).remove();

  this.cartViews = [];
  var self = this;
  $(this.model.logs).each(function(index, log) {
    var cart = self.model.getCartByNumber(log.cartNumber);
    if (cart) {
      var cartView = new Rivendell.ShowCartView(cart, self);
      self.cartViews.push(cartView);
      cartView.render();

      $('#app-shows table > tbody').append(cartView.$el);
    } else {
      $('#app-shows table > tbody').append(Rivendell.ShowCartView.renderEmpty(self.model, self, log.cartNumber));
    }
  });
};

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

    var self = this;
    $('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.ShowView.prototype.uploadError = function(upload, file, msg) {
  if (!file.cartNumber) {
    return;
  }
  var dismiss_button = '<button class="btn btn-info btn-xs">' +
      '<span class="glyphicon glyphicon-remove"></span>&nbsp;&nbsp;Ok</button>';

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

  var $errorRow = $('<tr>')
      .attr("id", "show-cart-" + file.cartNumber)
      .append($('<td>').text(file.cartNumber))
      .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));

  var self = this;
  $('button', $errorRow).on('click', function() {
    var $emptyRow = Rivendell.ShowCartView.renderEmpty(self.model, self, file.cartNumber);
    $('#show-cart-' + file.cartNumber).replaceWith($emptyRow);
  });

  $('#show-cart-' + file.cartNumber).replaceWith($errorRow);
};

Rivendell.ShowCartView = function(model, groupView) {
  this.model = model;
  this.groupView = groupView;

  this.$spinner = null;
  this.$el = $('<tr>');
};

Rivendell.ShowCartView.prototype.render = function() {
  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');

  var cut = this.model.cuts[0];
  var length = '-';
  var originDatetime = '-';
  var playCounter = '-';
  var lastPlayDatetime = '-';
  if (cut) {
    length = msToTimeString(Number(cut.length));
    originDatetime = format_datetime(new Date(cut.originDatetime));
    playCounter = cut.playCounter;
    lastPlayDatetime = format_datetime(new Date(cut.lastPlayDatetime));
  }
  this.$el = this.$el.empty()
    .attr('id', 'show-cart-' + this.model.number)
    .append($('<td>').text(this.model.number))
    .append($('<td>').text(this.model.title))
    .append($('<td>').text(length))
    .append($('<td>').text(originDatetime))
    .append($('<td>').text(playCounter))
    .append($('<td>').text(lastPlayDatetime))
    .append($('<td>').css('text-align', 'center').append($deleteButton));
};

Rivendell.ShowCartView.renderEmpty = function(group, groupView, cartNumber) {
  var $uploadButton = $('<button class="uploadButton btn btn-primary btn-xs"><span class="glyphicon glyphicon-upload"></span>&nbsp;&nbsp;Importieren</button>');

  $uploadButton.on('click', function() {
    importer.openModal(group, groupView, cartNumber, true, true);
  });

  return $('<tr>')
          .attr('id', 'show-cart-' + cartNumber)
          .append($('<td>').text(cartNumber))
          .append($('<td>').text('-'))
          .append($('<td>').text('-'))
          .append($('<td>').text('-'))
          .append($('<td>').text('-'))
          .append($('<td>').text('-'))
          .append($('<td>').css('text-align', 'center').append($uploadButton));
};

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

  var self = this;
  rdxport.removeCart(this.model.number, function() {
    self.model.group.removeCart(self.model);
    var $empty = Rivendell.ShowCartView.renderEmpty(self.model.group, self.groupView, self.model.number);
    self.$el.replaceWith($empty);
  });
};