#REM Billsafe actions

* getPayoutStatus
* getPaymentInstruction
* reportShipment
* reportDirectPayment
* updateArticleList

#ENDREM

#REM ==== Fehlermeldungen ============================================ #ENDREM
<div style="display: none;">

#REM Fehler reportShipment =========================================== #ENDREM

<p id="BSError305">Es hat noch keine Statusänderungen zu dieser Transaktion gegeben.</p>

#REM Fehler reportShipment =========================================== #ENDREM

<p id="BSError302">{BillsafeError302TransactionHasWrongStatusForThisMethod}</p>

#REM Fehler reportDirectPayment ====================================== #ENDREM

<p id="BSError213-parameter-amount-is-invalid">
{BillsafeError213ParameterAmountInvalid}</p>

#REM Fehler updateArticleList ======================================== #ENDREM

<p id="BSError301-wrong-status-of-claim">
Falscher Status der Transaktion. Überprüfen Sie die Transaktion in Ihrer <a class="DialogAction" href="#IF(#IsInTestMode)#System.Billsafe_AdminTestURL#ELSE#System.Billsafe_AdminURL#ENDIF" onclick="openWindow(this.href,'','');return(false);">BillSAFE-Administration</a>.</p>

<p id="BSError301-claim-amount-must-not-be-increased-after-shipment">
Der Betrag darf nach der Lieferung nicht erhöht werden. Überprüfen Sie die Transaktion in Ihrer <a class="DialogAction" href="#IF(#IsInTestMode)#System.Billsafe_AdminTestURL#ELSE#System.Billsafe_AdminURL#ENDIF" onclick="openWindow(this.href,'','');return(false);">BillSAFE-Administration</a>.</p>

</div>#REM ==== Ende Fehlermeldungen ================================= #ENDREM

<script type="text/x-jquery-tmpl" id="GetPayStatDialogTmpl">
<div>
<table dojoType="epages.widget.ContentList" class="ContentList">
  <thead>
    <tr>
      <td>{OrderAlias}</td>
      <td>{TransID}</td>
      <td>{GrandTotal}</td>
      <td>{SumPaid}</td>
      <td>{SumReturned}</td>
    </tr>
  </thead>
  <tfoot><tr><td colspan="5"></td></tr></tfoot>
  <tbody>
    <tr>
      <td>${ordernumber#SPACE[0]}</td>
      <td>${transnumber#SPACE[0]}</td>
      <td class="Money">${GrandTotal}</td>
      <td class="Money">${SumPaid}</td>
      <td class="Money">${SumReturned}</td>
    </tr>
  </tbody>
  </table>
  <div id="tblhere"></div>
</div>
</script>

<script type="text/x-jquery-tmpl" id="GetPayStatTableTmpl">
<br />${label#SPACE[0]}
<table dojoType="epages.widget.ContentList" class="ContentList">
  <thead>
    <tr>
      <td>{SettlementNumber}</td>
      <td>{Date}</td>
      <td>{Amount}</td>
    </tr>
  </thead>
  <tfoot><tr><td colspan="3"></td></tr></tfoot>
  <tbody>
  {{each(i, row) list}}
    <tr>
      <td>${row.settlementNumber}</td>
      <td>${row.date}</td>
      <td class="Money">${row.amount}</td>
    </tr>
  {{/each}}
  </tbody>
</table>
</script>

<!-- dynamisch je Bestellposten: Laufnummer, Selektor für Anzahl,
Produktnummer, Bezeichnung, Einzelpreis, Gesamtpreis -->
<script type="text/x-jquery-tmpl" id="UpdArtListDialogTmpl">
  <div>
    <div class="DialogMessage MessageInfo">
      <h3>{BillsafeUpdateArticleList}</h3>
      <p>{BillsafeUpdateArticleListPleaseEnter}</p>
    </div>
    <input name="bsmethod"    type="hidden" value="updateArticleList">
    <input name="orderid"     type="hidden" value="${orderid#SPACE[0]}">
    <input name="ordernumber" type="hidden" value="${ordernumber#SPACE[0]}">
    <input name="transnumber" type="hidden" value="${transnumber#SPACE[0]}">
    <input name="numArticles" type="hidden" value="${numArticles#SPACE[0]}">
    <table dojoType="epages.widget.ContentList" class="ContentList">
      <thead>
        <tr>
          <td>{Position}</td>
          <td>{Quantity}</td>
          <td>{QuantityShipped}</td>
          <td>{SKUShort}</td>
          <td>{Name}</td>
          <td>{BasePrice}</td>
          <td>{LineItemPrice}</td>
        </tr>
      </thead>
      <tfoot><tr><td colspan="7"></td></tr></tfoot>
      <tbody>
      {{each(i, art) articles}}
        <tr>
          <td>${i+1}</td>
          <td>
            <select name="Quantity${i}">
            {{each(i, val) art.QuantityOptions}}<option>${val}</option>{{/each}}
            </select>
          </td>
          <td>
            <select name="QuantityShipped${i}">
            {{each(i, val) art.QuantityOptions}}<option>${val}</option>{{/each}}
            </select>
          </td>
          <td>${art.ProductAlias}<input name="Alias${i}" value="${art.ProductAlias}" type="hidden"/></td>
          <td>${art.NameOrAlias}</td>
          <td class="Money">${art.BasePrice}</td>
          <td class="Money">${art.LineItemPrice}</td>
        </tr>
      {{/each}}
      </tbody>
    </table>
  </div>
</script>

<script type="text/x-jquery-tmpl" id="ReportShipmentDialogTmpl">
  <div>
    <div class="DialogMessage MessageInfo">
      <h3>{BillsafeReportShipment}</h3>
      <p>{BillsafeReportShipmentPleaseEnter}</p>
    </div>
    <input name="bsmethod"    type="hidden" value="reportShipment" >
    <input name="orderid"     type="hidden" value="${orderid}">
    <input name="ordernumber" type="hidden" value="${ordernumber}">
    <input name="transnumber" type="hidden" value="${transnumber}">
    <input name="numArticles" type="hidden" value="${numArticles}">
    <table dojoType="epages.widget.ContentList" class="ContentList">
      <thead>
        <tr>
          <td>{Position}</td>
          <td>{Quantity}</td>
          <td>{QuantityShipped}</td>
          <td>{SKUShort}</td>
          <td>{Name}</td>
          <td>{BasePrice}</td>
          <td>{LineItemPrice}</td>
        </tr>
      </thead>
      <tfoot><tr><td colspan="7"></td></tr></tfoot>
      <tbody>
      {{each(i, art) articles}}
        <tr>
          <td>${i+1}</td>
          <td>
            <select name="Quantity${i}"{{if art.Quantity == art.QuantityShipped}} disabled="disabled"{{/if}}>
            {{each(i, val) art.QuantityOptions}}<option>${val}</option>{{/each}}
            </select>
            {{if art.Quantity == art.QuantityShipped}}
            <input type="hidden" name="Quantity${i}" value="0" />
            {{/if}}
          </td>
          <td>${art.QuantityShipped}</td>
          <input type="hidden" name="QuantityShipped${i}" value="${art.QuantityShipped}" />
          <input type="hidden" name="OrderQuantity${i}" value="${art.Quantity}" />
          <td>${art.ProductAlias}<input name="Alias${i}" value="${art.ProductAlias}" type="hidden"/></td>
          <td>${art.NameOrAlias}</td>
          <td class="Money">${art.BasePrice}</td>
          <td class="Money">${art.LineItemPrice}</td>
        </tr>
      {{/each}}
      </tbody>
    </table>
  </div>
</script>

<script type="text/x-jquery-tmpl" id="RepDirPayDialogTmpl">
  <div>
    <div class="DialogMessage MessageInfo">
      <h3>{BillsafeReportDirectPayment}</h3>
      <p>{BillsafeReportDirectPaymentPleaseEnter}</p>
    </div>
    <input name="bsmethod" value="reportDirectPayment" type="hidden">
    <input name="orderid" type="hidden" value="${orderid#SPACE[0]}">
    <table dojoType="epages.widget.ContentList" class="ContentList">
      <thead>
        <tr>
          <td>{Date}</td>
          <td>{OrderAlias}</td>
          <td>{TransID}</td>
          <td>{Amount}</td>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <td colspan="4"></td>
        </tr>
      </tfoot>
      <tbody>
        <tr>
          <td><input name="date" type="text" class="TextHalfSize ep-metaparse ep.uiDatepicker({format: 'd', required: true, time: false, max: new Date().getTime()})"> </td>
          <td><input name="ordernumber" type="text" value="${ordernumber#SPACE[0]}" class="Unit  ep-metaparse ep.uiInput()" disabled="disabled"></td>
          <td><input name="transnumber" type="text" value="${transnumber#SPACE[0]}" class="Price ep-metaparse ep.uiInput()" disabled="disabled"></td>
          <td><input name="amount" type="text" class="Unit ep-metaparse ep.uiValidate({format: 'c', type: 'number', required: true})"></td>
        </tr>
      </tbody>
    </table>
  </div>
</script>
<script type="text/x-jquery-tmpl" id="pauseTransactionDialogTmpl">
  <div>
    <div class="DialogMessage MessageInfo">
      <h3>{BillsafePauseTransaction}</h3>
      <p>{BillsafePauseTransactionPleaseEnter}</p>
    </div>
    <input name="bsmethod" value="pauseTransaction" type="hidden">
    <input name="orderid" type="hidden" value="${orderid#SPACE[0]}">
    <table dojoType="epages.widget.ContentList" class="ContentList">
      <thead>
        <tr>
          <td>{OrderAlias}</td>
          <td>{TransID}</td>
          <td>{Pause}</td>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <td colspan="4"></td>
        </tr>
      </tfoot>
      <tbody>
        <tr>
          <td><input name="ordernumber" type="text" value="${ordernumber#SPACE[0]}" class="Unit  ep-metaparse ep.uiInput()" disabled="disabled"></td>
          <td><input name="transnumber" type="text" value="${transnumber#SPACE[0]}" class="Price ep-metaparse ep.uiInput()" disabled="disabled"></td>
          <td><input name="pause"       type="text" size="2" maxlength="2" onkeypress="validate(event)" class="ep-metaparse ep.uiValidate({format: 'n0', min: 1, max:10, type: 'number', required: true})"></td>
        </tr>
      </tbody>
    </table>
  </div>
</script>

<script type="text/javascript">
jQuery.ready({
  plugin:	['jQuery.tmpl', 'ep.ajax', 'ep.ui.dialog'],
  DOM:	true
}, function($){

  var bsProxyURL = "?ObjectID=#Shop.ID&ViewAction=JSONCallBillsafe";
  var godURL     = "?ObjectID=#Shop.ID&ViewAction=JSONGetBillsafeOrderDetails";

  var isOrderDetailPage = ( $("form#OrderForm").length > 0 );
  // Wrapped sets to attach functionality to.
  var reportShipmentWs = $(".txbs .BsRepShip"); // Shipment already reported?
  var reportShipmentW2 = reportShipmentWs.filter( function (i) { return getitemdata.call(this).reportshipment == "" });
  var getPaymentInstructionWs = $(".txbs .BsGetPayInst");
  var getPayoutStatusWs = $(".txbs .BsGetPayStat");
  var updateArticleListWs = $(".txbs .BsUpdArtList");
  /* Tweak selector to work for both FF and Chrome. There's a race condition
   * as the DOM, which is not yet ready, is being manipulated and queried
   * simultaneously. (Manipulation due to Dojo code, or enhancements.) */
  var reportDirectPaymentWs = $('.txbs .BsRepDirPay, input.BsRepDirPay, .BsRepDirPay input');
        var pauseTransactionWs    = $('.txbs .BspauseTransaction, input.BspauseTransaction, .BspauseTransaction input');
  /* console.log( $.map([
  reportShipmentWs,
  reportShipmentW2,
  getPaymentInstructionWs,
  getPayoutStatusWs,
  updateArticleListWs,
  reportDirectPaymentWs], function (e, i) { return e.length }).join(" ") ); */

  // Deal with BS NVP structures (flattened hierarchies). See Billsafe API doc.
  function NVPIterator(data, stem, start, members) {
      var curpos = start;
      var length = members.length;
      function mkkey(i) { return stem + '_' + curpos + '_' + members[i] }
      this.next = function () {
          var entry = {}, i = 0;
          for ( ; i < length ; i++ ) {
              entry[ members[i] ] = data[ mkkey(i) ];
          }
          curpos++;
          return entry;
      };
      this.hasnext = function () { return mkkey(0) in data };
  }

  // Look up error message to display, fall back to message as is.
  function lookupError(code, msg) {
      var errkey = "#BSError" + code + "-" + msg.toLowerCase().replace( /[^a-z0-9]/g, "-" );
      console.log(errkey);
      var custmsg = $(errkey);
      if (custmsg.length == 0) custmsg = code + ": " + msg;
      return custmsg;
  }

  // Display error message.
  function displayError(title, content) {
      ep.alert({
          title: title,
          content: content,
          modal: true,
          ok: function () { ep(this).uiDialog("close") }
      });
  }

  // Build error message from BS data and display it.
  function handleError(title, data, dialog) {
      var list = [];
      var nodes = "";
      var iter = new NVPIterator(data, "errorList", 0, ['message', 'code']);
      while (iter.hasnext()) { list.push(iter.next()) }
      $.each( list, function (i, v) { nodes = lookupError(v.code, v.message)});
      if (dialog) {
          dialog.find(".DialogMessage")
          .empty()
          .removeClass("MessageInfo")
          .addClass("MessageWarning")
          .append(nodes);
      }
      else { displayError(title, nodes) }
  }

  function mkResultHandler(dialog, title, content, onreturn) {
      return function (data) {
          if (onreturn) onreturn();
          if ( data.ack == 'OK' ) {
              dialog.uiDialog("close");
              ep.alert({ title: title, content: content, ok: $.noop });
          }
          else {
              handleError(title + ' - {Error}', data, dialog);
          }
      };
  }

  // This function expects to be applied to the DOM location
  // below where the data for each transaction is stored.
  function getitemdata() { return $(this).closest(".BsData").data() }



  /*
   * Set up reportShipment call.
   * Send data and display response.
   */

  reportShipmentWs.hide(); // Show only where applicable.
  reportShipmentW2.show();
  reportShipmentW2.on("click", function (ev) {
      var data = getitemdata.call(this), title = '{BillsafeReportShipment}', busybusy = ep('body');
      ev.preventDefault();
      // Load this orders article list for display.
      busybusy.busy('show');
      ep.ajax({
        url: godURL,
        async: false,
        type:"post",
        dataType: "json",
        data: data
      })
      .done(function (rspdata) {
        data.articles = rspdata
      })
      .fail(function (rspdata) {
        displayError(title + ' - {Error}', rspdata.responseText )
      });
      busybusy.busy('hide');

      if (data.articles.length == 0) {
          displayError('{BillsafeError302TransactionHasWrongStatusForThisMethod}', '{OrderCompleteAlreadyContent}');
      }
      else {
          data.numArticles = data.articles.length;
          // Quantity: replace scalar value with array for use in template.
          function mkintarray(hi) {
              var a = [];
              for ( ; hi >= 0; hi-- ) { a.push(hi) }
              return a;
          }
          $.each( data.articles, function (i, v) {
              data.articles[i].QuantityOptions = mkintarray(v.Quantity - v.QuantityShipped);
          });
          var ualdialog = ep( $('#ReportShipmentDialogTmpl').tmpl(data) );
          ualdialog.uiDialog({
              form: {id: "ualform"}, title: title, width: 600, modal: true,
              buttons: {
                  directMsg: {
                      type: 'submit', text: title, width: 200,
                      click: function (ev) {
                          var data = {}; // Collect all form fields in map.
                          var busybus2 = ualdialog.parent();
                          var handler = mkResultHandler(ualdialog, title,
                              '{BillsafeReportShipmentSuccess}', function () { busybus2.busy('hide') });
                          busybus2.busy('show');
                          ev.preventDefault(); // Don't submit form; collect fields and do AJAX call instead.
                          $(this).parent().find(":input").each(function () { data[this.name] = $(this).val() });
                          $.getJSON( bsProxyURL, data, handler );
                      }
                  }
              }
          });
      }
  });



  /*
   * Set up getPaymentInstruction call.
   * Place a link on the page to trigger the PDF download.
   * PDF always available as of 01/2012 (EPG-21384).
   */

  getPaymentInstructionWs.each( function () {
      var data = getitemdata.call(this), parms = {}, url = bsProxyURL + '&';
      $.each( ["orderid", "ordernumber", "transnumber"], function (i, v) { parms[v] = data[v] } );
      parms.bsmethod = "getPaymentInstruction";
      url += $.param(parms);
      $(this).attr({ href: url, target: "_blank" });
  });



  /*
   * Set up getPayoutStatus call.
   * Retrieve data, map it, and display response.
   */

  getPayoutStatusWs.click(function (ev) {
      var itemdata = getitemdata.call(this), busybusy = ep("body");
      itemdata.bsmethod = 'getPayoutStatus';
      busybusy.busy('show');
      ev.preventDefault();
      // Call API, handle success, handle failure.
      $.getJSON( bsProxyURL, itemdata, function (rspdata) {
          var title = '{BillsafeGetPayoutStatus}', getPaymentStatusDlg, tableWillAppearHere, lists = [];
          busybusy.busy("hide");
          if (rspdata.ack) {
              rspdata.ordernumber = itemdata.ordernumber;
              rspdata.transnumber = itemdata.transnumber;
              if (rspdata.ack == 'OK') {
                  $.each( ["payoutList", "returnList"], function (i, s) {
                      var list = [];
                      var iter = new NVPIterator(rspdata, s, 0, ['settlementNumber', 'date', 'amount']);
                      while (iter.hasnext()) { list.push(iter.next()) }
                      if (list.length > 0) lists[s] = list;
                  });
                  getPaymentStatusDlg = $('#GetPayStatDialogTmpl').tmpl(rspdata);
                  tableWillAppearHere = $('#tblhere', getPaymentStatusDlg);
                  if ("returnList" in lists)
                      tableWillAppearHere.append( $('#GetPayStatTableTmpl').tmpl({ list: lists.returnList, label: '{ReturnList}' }) )
                  if ("payoutList" in lists)
                      tableWillAppearHere.append( $('#GetPayStatTableTmpl').tmpl({ list: lists.payoutList, label: '{PayoutList}' }) );
                  ep(getPaymentStatusDlg).uiDialog({
                      title: title,
                      width: 600,
                      modal: true,
                      buttons: {
                          directMsg: {
                              type: 'submit',
                              text: '{Close}',
                              click: function (ev) { ep(getPaymentStatusDlg).uiDialog('close') }
                          }
                      }
                  });
              }
              else { handleError(title + ' - {Error}', rspdata) }
          }
          else { displayError(title, '{Error}') }
      });
  });



  /*
   * Set up updateArticleList call.
   * Open dialogue, send input data, handle response.
   */

  updateArticleListWs.on('click', function (ev) {
      var data = getitemdata.call(this), title = '{BillsafeUpdateArticleList}', busybusy = ep('body');
      busybusy.busy('show');
      ev.preventDefault();
      // Load this order's article list for display.
      $.ajax({
        url: godURL,
        async: false,
        type:"post",
        dataType: "json",
        data: data
      })
      .done(function (rspdata) {
        data.articles = rspdata
      })
      .fail(function (rspdata) {
        displayError(title + ' - {Error}', rspdata.responseText )
      });
      busybusy.busy('hide');

      if (data.articles.length == 0) {
          displayError('{BillsafeError302TransactionHasWrongStatusForThisMethod}', '{OrderCompleteAlreadyContent}');
      }
      else {
          data.numArticles = data.articles.length;
          // Quantity: replace scalar value with array for use in template.
          function mkintarray(hi) {
              var a = [];
              for ( ; hi >= 0; hi-- ) { a.push(hi) }
              return a;
          }
          $.each( data.articles, function (i, v) {
              data.articles[i].QuantityOptions = mkintarray(v.Quantity);
          });
          var ualdialog = ep( $('#UpdArtListDialogTmpl').tmpl(data) );
          ualdialog.uiDialog({
              form: {id: "ualform"}, title: title, width: 600, modal: true,
              buttons: {
                  directMsg: {
                      type: 'submit', text: title, width: 200,
                      click: function (ev) {
                          var data = {}; // Collect all form fields in map.
                          var busybus2 = ualdialog.parent();
                          var handler = mkResultHandler(ualdialog, title,
                              '{BillsafeUpdateArticleListSuccess}', function () { busybus2.busy('hide') });
                          busybus2.busy('show');
                          ev.preventDefault(); // Don't submit form; collect fields and do AJAX call instead.
                          $(this).parent().find(":input").each(function () { data[this.name] = $(this).val() });
                          $.getJSON( bsProxyURL, data, handler );
                      }
                  }
              }
          });
      }
  });



  /*
   * Set up reportDirectPayment call.
   * Open dialogue, send input data, handle response.
   */

  reportDirectPaymentWs.on('click', function (ev) {
      var elem = $(this), title = '{BillsafeReportDirectPayment}';
      var reportDirectPaymentDlg = ep( $('#RepDirPayDialogTmpl').tmpl([ elem.closest('span[data-orderid]').data() ]) );
      ev.preventDefault();
      reportDirectPaymentDlg.find('.ep-metaparse').metaparse();
      reportDirectPaymentDlg.uiDialog({
          form: {id: "rdpform"}, title: title, width: 500, modal: true,
          buttons: {
              directMsg: {
                  type: 'submit', text: title, width: 200,
                  click: function (ev) {
                      var busybusy = reportDirectPaymentDlg.parent(), data = {};
                      var handler = mkResultHandler( reportDirectPaymentDlg, title,
                          '{BillsafeReportDirectPaymentSuccess}', function () { busybusy.busy('hide') } );
                      busybusy.busy('show');
                      ev.preventDefault(); // Don't submit form; collect fields and do AJAX call instead.
                      $(this).parent().find(":input").each(function () { data[this.name] = $(this).val() });
                      $.getJSON( bsProxyURL, data, handler );
                  }
              }
          }
      });
  });
/*
 * Set up pauseTransaction call.
 * Open dialogue, send input data, handle response.
 */
pauseTransactionWs.on('click', function (ev) {
    var elem = $(this), title = '{BillsafePauseTransaction}';
    var pauseTransactionDlg = ep( $('#pauseTransactionDialogTmpl').tmpl([ elem.closest('span[data-orderid]').data() ]) );
    ev.preventDefault();
    pauseTransactionDlg.find('.ep-metaparse').metaparse();
    pauseTransactionDlg.uiDialog({
        form: {id: "pauseTransactionForm"}, title: title, width: 500, modal: true,
        buttons: {
            directMsg: {
                type: 'submit', text: title, width: 200,
                click: function (ev) {
                    var busybusy = pauseTransactionDlg.parent(), data = {};
                    var handler = mkResultHandler( pauseTransactionDlg, title,
                        '{BillsafePauseTransactionSuccess}', function () { busybusy.busy('hide') } );
                    busybusy.busy('show');
                    ev.preventDefault(); // Don't submit form; collect fields and do AJAX call instead.
                    $(this).parent().find(":input").each(function () { data[this.name] = $(this).val() });
                    $.getJSON( bsProxyURL, data, handler );
                }
            }
        }
    });
});

});
//});
function validate(evt) {
  var theEvent = evt || window.event;
  var key = theEvent.keyCode || theEvent.which;
  key = String.fromCharCode( key );
  var regex = /[0-9]/;
  if( !regex.test(key) ) {
    theEvent.returnValue = false;
    if(theEvent.preventDefault) theEvent.preventDefault();
  }
}
</script>