TableAjax.php.create.js 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. // @require variables:
  2. if ('undefined' === typeof TABLE_AJAX_NODE_ID) throw "Missing TABLE_AJAX_NODE_ID"; // $this->_htmlID,
  3. if ('undefined' === typeof TABLE_AJAX_LABEL) throw "Missing TABLE_AJAX_LABEL"; // this->getLabelHtml()
  4. if ('undefined' === typeof NAMESPACE) throw "Missing NAMESPACE";
  5. if ('undefined' === typeof FIRCE_FILTER_INIT) throw "Missing FIRCE_FILTER_INIT";
  6. if ('undefined' === typeof FUNCTION_CREATE_ROUTE) throw "Missing FUNCTION_CREATE_ROUTE";
  7. if ('undefined' === typeof URL_CREATE_FORM_AJAX) throw "Missing URL_CREATE_FORM_AJAX";
  8. function TableAjax__CREATE_Route() {
  9. var cont = jQuery('#' + TABLE_AJAX_NODE_ID).parent();
  10. cont.hide();
  11. // remove previous task content
  12. var taskCnt = jQuery('#' + TABLE_AJAX_NODE_ID + '_task');
  13. taskCnt.parent().remove();
  14. taskCnt.remove();
  15. var taskCont = jQuery('<div class="AjaxTableCont"></div>').insertBefore(cont);
  16. jQuery('<ul class="breadcrumb">' +
  17. '<li><a href="#" onclick="return tableAjaxBackToTable();">'+TABLE_AJAX_LABEL+'</a></li>' +
  18. '<li class="active">Dodaj nowy rekord</li>' +
  19. '</ul>').appendTo(taskCont);
  20. taskCnt = jQuery('<div id="' + TABLE_AJAX_NODE_ID + '_task" class="AjaxTableTaskCnt AjaxTable-loading"></div>').appendTo(taskCont);
  21. jQuery('<span class="loading-info"> loading ...</span>').appendTo(taskCnt);
  22. var reqData = [];
  23. var forceFilterInit = FIRCE_FILTER_INIT; // TODO: read from TableAjax
  24. if (forceFilterInit) {
  25. $.map(forceFilterInit, function(fltrProps, fltr) {
  26. reqData.push('ff_' + fltr + '=' + fltrProps);
  27. });
  28. }
  29. window.fetch(URL_CREATE_FORM_AJAX + ( reqData ? '&' + reqData.join('&') : '' ), {
  30. method: 'GET',
  31. credentials: 'same-origin',
  32. }).then(function(response) {
  33. return response.json()
  34. }).then(function __route_create_payload(payload) {
  35. taskCnt.removeClass('AjaxTable-loading');
  36. // console.log('editFormJson :: payload', payload)
  37. if ('success' == payload.type) {
  38. var node = document.createElement('div')
  39. taskCnt.get(0).appendChild(node)
  40. p5UI__buildDom(payload.body.reactNode, node)
  41. initDateTimePicker(jQuery(node));
  42. // console.log('editFormJson :: dom loaded - TODO: add action on save - P5UI__FeatureEditForm')
  43. } else {
  44. console.log('createFormJson :: ERROR payload', payload)
  45. }
  46. }).catch(function __route_create_catch(e) {
  47. taskCnt.removeClass('AjaxTable-loading');
  48. console.log('createFormJson :: ERROR', e)
  49. p5UI__notifyAjaxCallback({
  50. type: 'error',
  51. msg: 'Request error ' + e
  52. });
  53. });
  54. }
  55. global[FUNCTION_CREATE_ROUTE] = TableAjax__CREATE_Route