se/SE/se-lib/TableAjax.php

<?php

Lib::loadClass('ViewAjax');
Lib::loadClass('TableAjaxMap');
Lib::loadClass('Typespecial');
Lib::loadClass('UI');
Lib::loadClass('FoldersConfig');
Lib::loadClass('FileUploader');
Lib::loadClass('UserProfile');
Lib::loadClass('ProcesHelper');
Lib::loadClass('Router');
Lib::loadClass('Route_UrlAction');
Lib::loadClass('Core_AclHelper');

// TODO: change all links: MENU_INIT=VIEWTABLE_AJAX&ZASOB_ID={idZasob} to _route=ViewTableAjax&typeName=p5_default_db:{tableName}

class TableAjax extends ViewAjax {

	public $_cnf = '';// Column
	public $_htmlID = '';
	public $_rowFunctions = array();
	public $_pageSize = 10;
	public $_pageSizes = array();
	public $_filterInit = null;
	public $_forceFilterInit = null;
	public $showProcesInitFiltr = null;
	public $showTableTools = null;
	public $useUserTableFilter = false;
	public $syncUrl = null;

	public function __construct($tblAcl) {
		$this->_tbl = $tblAcl->getName();
		$this->_acl = $tblAcl;
		$this->_zasobID = $tblAcl->getID();

		$this->_pageSize = 10;
		{
			UserProfile::load();
			$tableAjaxSettings = UserProfile::getTableAjaxSettings();
			$this->_pageSize = V::get('pageSize', 10, $tableAjaxSettings, 'int');
		}
		$this->_pageSizes = array(10, 20, 50, 100);// default page sizes
		$this->_filterInit = new stdClass();

		$hash = V::get('_hash', '', $_GET);
		if ($hash) {
			$this->_htmlID = $hash;
			$this->_readState();
		} else {
			$this->_htmlID = $this->generateHtmlID();
			$this->_readState();
		}
	}

	public function setSyncUrl($syncUrl) { $this->syncUrl = $syncUrl; }
	public function setRootUrl($rootUrl) { $this->rootUrl = $rootUrl; }

	private function _hasStateFilterInit() {
		return array_key_exists($this->_htmlID, $_SESSION['TableAjax_Cache']) && array_key_exists('_filterInit', $_SESSION['TableAjax_Cache'][$this->_htmlID]);
	}

	// TODO: read state from cache by key $this->_htmlID
	// TODO: load filters and state: table, edit, add, etc.
	// TODO: save this data in Workspace 1, 2, 3, etc.
	// TODO: default filters in VIEWTABLE_AJAX
	//   $tbl->setLabel($zasobObj->OPIS);
	//   $tbl->setFilterInit($filterInit);
	//   $tbl->addRowFunction('edit');
	//   $tbl->addRowFunction('hist');
	//   $tbl->addRowFunction('files');
	//   $tbl->addRowFunction('cp');
	private function _readState() {
		if (!array_key_exists('TableAjax_Cache', $_SESSION)) {
			$_SESSION['TableAjax_Cache'] = array();
		}
		//trigger_error("F." . __FUNCTION__ . " (" . (array_key_exists($this->_htmlID, $_SESSION['TableAjax_Cache'])) . ")", E_USER_NOTICE);
		//trigger_error("F." . __FUNCTION__ . " (".basename($_SERVER['SCRIPT_FILENAME'])."::_filterInit: " . json_encode($_SESSION['TableAjax_Cache'][$this->_htmlID]['_filterInit']) . ")", E_USER_NOTICE);
		if (array_key_exists($this->_htmlID, $_SESSION['TableAjax_Cache'])) {
			foreach ($_SESSION['TableAjax_Cache'][$this->_htmlID] as $k => $v) {
				//trigger_error("F." . __FUNCTION__ . " key: ({$k})", E_USER_NOTICE);
				switch ($k) {
					case '_label':
						$this->_label = $v;
						break;
					case '_filterInit':
						$this->_filterInit = $v;
						break;
					case '_rowFunctions':
						$this->_rowFunctions = $v;
						break;
					default:

				}
			}
		}
	}

	protected function _saveState($key = null) {
		if (!array_key_exists('TableAjax_Cache', $_SESSION)) {
			$_SESSION['TableAjax_Cache'] = array();
		}

		if (!array_key_exists($this->_htmlID, $_SESSION['TableAjax_Cache'])) {
			$_SESSION['TableAjax_Cache'][$this->_htmlID] = array();
		}

		if (!$key) {
			$_SESSION['TableAjax_Cache'][$this->_htmlID]['_label'] = $this->_label;
			$_SESSION['TableAjax_Cache'][$this->_htmlID]['_filterInit'] = $this->_filterInit;
			$_SESSION['TableAjax_Cache'][$this->_htmlID]['_rowFunctions'] = $this->_rowFunctions;
		} else if ($key == '_label') {
			$_SESSION['TableAjax_Cache'][$this->_htmlID]['_label'] = $this->_label;
		} else if ($key == '_filterInit') {
			$_SESSION['TableAjax_Cache'][$this->_htmlID]['_filterInit'] = $this->_filterInit;
		} else if ($key == '_rowFunctions') {
			$_SESSION['TableAjax_Cache'][$this->_htmlID]['_rowFunctions'] = $this->_rowFunctions;
		}
	}

	public function setPageSizes($pageSizes) {
		$this->_pageSizes = $pageSizes;
	}

	public function setBackRefFilter($backRefFilter) {
		$this->_backRefFilter = $backRefFilter;
	}

	public function setChildRefFilter($childRefFilter) {
		$this->_childRefFilter = $childRefFilter;
	}

	public function setFilterInit($filterInit) {
		if ($this->_hasStateFilterInit()) {
			return;
		}
		$this->_filterInit = (object)$filterInit;
		$this->_saveState();
	}

	/**
	 * @param array $forceFilterInit
	 */
	public function setForceFilterInit($forceFilterInit) {
		$this->_forceFilterInit = (object)$forceFilterInit;
	}

	private function setFilters($filterInit) {
		$this->_filterInit = (object)$filterInit;
		$this->_saveState();
	}

	public function setRowFunctions($functions) {
		$this->_rowFunctions = [];
		$defaultRowFunction = array();
		$defaultRowFunction['edit'] = [ 'href'=>'#EDIT/{0}', 'ico'=>'glyphicon glyphicon-pencil', 'title'=>'Edytuj rekord', 'class' => "btn btn-xs btn-link" ];
		$defaultRowFunction['hist'] = [ 'href'=>'#HIST/{0}', 'ico'=>'glyphicon glyphicon-book', 'title'=>'Historia', 'class' => "btn btn-xs btn-link" ];
		$defaultRowFunction['files'] = [ 'href'=>'#FILES/{0}', 'ico'=>'glyphicon glyphicon-folder-open', 'title'=>'Pliki', 'class' => "btn btn-xs btn-link" ];
		$defaultRowFunction['cp'] = [ 'href'=>'#', 'ico'=>'glyphicon glyphicon-plus-sign', 'title'=>'Kopiuj rekord', 'onclick'=>'return tableAjaxCopy({0});', 'class' => "btn btn-xs btn-link" ];
		$defaultRowFunction['msgs'] = [ 'href'=>"index.php?_route=TableMsgs&_task=tableRow&idTable={$this->_zasobID}&idRow={0}", 'ico'=>'glyphicon glyphicon-envelope', 'title'=>'Wiadomości', 'class' => "btn btn-xs btn-link" ];

		foreach ($functions as $funName => $params) {
			if (true === $params) {
				if (array_key_exists($funName, $defaultRowFunction)) {
					$this->_rowFunctions[$funName] = $defaultRowFunction[$funName];
				} else {
					throw new Exception("Row function not defined '{$funName}'");
				}
			}
			if (is_array($params)) {
				$this->_rowFunctions[$funName] = $params;
			}
		}
		$this->_saveState('_rowFunctions');
	}

	public function addRowFunction($funName, $funParams = array()) {
		$defaultRowFunction = array();
		//$defaultRowFunction['edit'] = '<a href="#EDIT/{0}" class="glyphicon glyphicon-pencil" title="Edytuj rekord"></a>';
		//$defaultRowFunction['hist'] = '<a href="#HIST/{0}" class="glyphicon glyphicon-book" title="Historia"></a>';
		//$defaultRowFunction['files'] = '<a href="#FILES/{0}" class="glyphicon glyphicon-folder-open" title="Pliki"></a>';
		//$defaultRowFunction['cp'] = '<a href="#" class="glyphicon glyphicon-plus-sign" title="Kopiuj rekord" onclick="return tableAjaxCopy({0});"></a>';

		$defaultRowFunction['edit'] = [ 'href'=>'#EDIT/{0}', 'ico'=>'glyphicon glyphicon-pencil', 'title'=>'Edytuj rekord', 'class' => "btn btn-xs btn-link" ];
		$defaultRowFunction['hist'] = [ 'href'=>'#HIST/{0}', 'ico'=>'glyphicon glyphicon-book', 'title'=>'Historia', 'class' => "btn btn-xs btn-link" ];
		$defaultRowFunction['files'] = [ 'href'=>'#FILES/{0}', 'ico'=>'glyphicon glyphicon-folder-open', 'title'=>'Pliki', 'class' => "btn btn-xs btn-link" ];
		$defaultRowFunction['cp'] = [ 'href'=>'#', 'ico'=>'glyphicon glyphicon-plus-sign', 'title'=>'Kopiuj rekord', 'onclick'=>'return tableAjaxCopy({0});', 'class' => "btn btn-xs btn-link" ];
		$defaultRowFunction['msgs'] = [ 'href'=>"index.php?_route=TableMsgs&_task=tableRow&idTable={$this->_zasobID}&idRow={0}", 'ico'=>'glyphicon glyphicon-envelope', 'title'=>'Wiadomości', 'class' => "btn btn-xs btn-link" ];

		if (array_key_exists($funName, $defaultRowFunction)) {
			$this->_rowFunctions[$funName] = $defaultRowFunction[$funName];
		}
		else {
			$this->_rowFunctions[$funName] = $funParams;
		}
		$this->_saveState('_rowFunctions');
	}

	private function _parseRowFunctions($idRecord = null, $pomin = array(), $showLabel = false) {
		$rowFunctions = array();
		foreach ($this->_rowFunctions as $kFunName => $vParams) {
			if (in_array($kFunName, $pomin)) continue;

			//$rowFunctionsOut .= str_replace('{0}', $idRecord, $vUrl);
			$attrs = array();
			// $defaultRowFunction['cp'] = (object)array('href'=>'#', 'ico'=>'glyphicon glyphicon-plus-sign', 'title'=>'Kopiuj rekord', 'onclick'=>'return tableAjaxCopy({0});');
			$label = '';
			$ico = '';
			foreach ($vParams as $kParamName => $v) {
				if ($kParamName == 'ico') {
					$ico = '<span class="' . $v . '"></span>';
					continue;
				}

				$attr = $v;

				if ($idRecord > 0) {
					$attr = str_replace('{0}', $idRecord, $attr);
				}

				if ($showLabel && $kParamName == 'title') {
					$label = $attr;
				}

				$attr = $kParamName . '="' . $attr . '"';

				$attrs[] = $attr;
			}
			$rowFunctions[$kFunName] = '<a ' . implode(' ', $attrs) . '>' . "{$ico} {$label} " . '</a>';
		}
		return $rowFunctions;
	}

	private function _showRowFunctions($idRecord = null, $pomin = array(), $showLabel = false) {
		$rowFunctionsOut = $this->_parseRowFunctions($idRecord, $pomin, $showLabel);
		$rowFunctionsOut = implode('', $rowFunctionsOut);
		return $rowFunctionsOut;
	}

	private function _showRowFunctionsJson($idRecord = null, $pomin = array(), $showLabel = false) {
		$rowFunctions = $this->_parseRowFunctions($idRecord, $pomin, $showLabel);
		$rowFunctions = (object)$rowFunctions;
		return $rowFunctions;
	}

	public function allowTreeView() {
		if ($this->_tbl == 'CRM_LISTA_ZASOBOW') return true;
		if ($this->_tbl == 'CRM_PROCES') return true;
		return false;
	}

	public function renderStatic($tblAjaxMap = null) {
		static $_rendered = false;
		if ($_rendered) return;

		if ($tblAjaxMap) $tblAjaxMap->printCSS();
		if ($tblAjaxMap) $tblAjaxMap->printJS();
		echo UI::h('script', ['src'=>"stuff/jquery-ui-1.10.4.custom.min.js"]);
		echo UI::h('script', ['src'=>"static/sweetalert2.min.js"]);
		echo UI::h('script', ['src'=>"static/jquery.doubleScroll.js"]);
		echo UI::h('link', ['rel'=>"stylesheet", 'type'=>"text/css", 'href'=>"stuff/jquery-ui-smoothness/jquery-ui-1.10.4.custom.min.css"]);
		echo UI::h('link', ['rel'=>"stylesheet", 'type'=>"text/css", 'href'=>"static/sweetalert2.min.css"]);
		echo UI::h('style', ['type'=>"text/css"], "
			.AjaxTable{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}

			.AjaxTableCont {position:relative; margin:10px 0; width:100%; overflow-x:auto; border:none;}
			.AjaxTable *,
			.AjaxTable.table {white-space:nowrap; width:auto;}
			.AjaxTable .popover * {white-space:normal;}
			.AjaxTable p {margin:0;}
			.AjaxTable td, .AjaxTable th {line-height:18px;}
			.AjaxTable i {margin: 0 0 0 2px;opacity: 0.5;}
			.AjaxTable span.filter {background-color:#999;}
			.AjaxTable .indeterminate {opacity: 0.4;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)\";filter:alpha(opacity=40);}
			.AjaxTable .columnpicker li, .AjaxTable .actions li {padding-left:5px;}
			.AjaxTableCont .btn-toolbar {margin:2px 0 0 0;}
			.AjaxTableCont .btn-toolbar .btn-group {vertical-align:top;}
			.AjaxTable input[type=checkbox] {margin:0;padding:0;height:13px;}
			.AjaxTable input[type=text].filter {margin:0;padding:0 5px;box-shadow:none;width:100%;background:#eee;color:#000;}
			.AjaxTable input[type=text].filter {border-width:2px 0;border-color:#eee;border-style:solid;}
			.AjaxTable input[type=text].filter-active {border-color:#00ACCC;}
			.AjaxTable .date-wrap {width:100%;min-width:115px;}
			.AjaxTable .dateWrap .add-on {margin:0;padding:0;background:none;border:none;float:right;cursor:pointer;}
			.AjaxTable .actions a {padding:0;margin:0;}
			.AjaxTableCont .text-right {text-align:right}
			.AjaxTableCont .breadcrumb em {color:#bbb;}

			.AjaxTable-loading .head-info {background:url(./icon/loading.gif) no-repeat left top; background-position:0 6px;}
			.AjaxTable-loading .loading-info,
			.AjaxTableCont .tblAjax__inlineEditBox .loading-info {display:block; padding:0 0 0 20px; background:url(./icon/loading.gif) no-repeat left top;}
			.AjaxTableCont .loading-info {display:none;}
			.AjaxTableCont .tblAjax__inlineEditBox .loading-info {display:block;}
			.AjaxTableCont .table {margin-bottom:0px;}
			.AjaxTableCont .stickyCol1 a { color:#333; }
			.AjaxTableCont .stickyCol1 a:hover { color:#337AB7; text-decoration:none; }
			.AjaxTableTaskCnt {padding:0 10px 10px 10px;}

			.AjaxTable .tbl-short-txt{max-width:140px; overflow:hidden;}
			.AjaxTable .tbl-short-txt span{display:block; height:18px;}
			.AjaxTable .tooltip-inner{white-space:normal;}
			.AjaxTable thead .sort .ta-ordering {cursor:pointer;}
			.AjaxTable thead .sort .ta-ordering span {margin:0 10px 0 0; padding:0; background-repeat:no-repeat; background-position:right top;}
			.AjaxTable thead .sort .ta-ordering-down span:after{content:\"\\e252\";font-family:\"Glyphicons Halflings\";line-height:1;margin:0 0 0 3px;display:inline-block;color:#bbb;}
			.AjaxTable thead .sort .ta-ordering-up   span:after{content:\"\\e253\";font-family:\"Glyphicons Halflings\";line-height:1;margin:0 0 0 3px;display:inline-block;color:#bbb;}
			.AjaxTable thead .sort .ta-ordering {position:relative;}

			.AjaxTable thead .sort th .hover-show:hover{background-color:#000; background-image:url(stuff/twitter-bootstrap/img/glyphicons-halflings-white.png);}
			.AjaxTable thead .sort th .hover-show{display:none;}
			.AjaxTable thead .sort th:hover .hover-show{display:inline;}

			.AjaxTable thead .sort .ta-ordering .remove-cell {position:absolute; top:6px; right:2px; display:none; color:#f00;}
			.AjaxTable thead .sort .ta-ordering:hover .remove-cell {display:block;}

			 .AjaxTableCont .pagination { margin:0; }
			 .AjaxTableCont .pagination a { line-height:16px; }

			.AjaxTableCont .AjaxTableEdit-label { display:block; margin:0 0 3px 0; font-size:12px !important; line-height:16px !important; }
			.AjaxTableCont .AjaxTableEdit-label code { padding:0; white-space:nowrap; background-color:transparent; border:none; color:#777; font-size:10px !important; line-height:14px !important; }
			.AjaxTableCont .AjaxTableEdit .show-last-value .button-appendBack .glyphicon,
			.AjaxTableCont .AjaxFrmHorizontalEdit .show-last-value .button-appendBack .glyphicon {display:none;}
			.AjaxTableHist em {color:silver;}

			.AjaxTableCont .foot * { font-size:12px !important; }
			.AjaxTableCont .foot { margin:10px; }
			.AjaxTableCont .foot .foot-info { float:left; padding:0 20px; }
			 .AjaxTableCont .foot .foot-info p { line-height:16px; margin:5px 0; }
			.AjaxTable-loading .foot .foot-info {padding-left:20px; background:url(./icon/loading.gif) no-repeat left top;}

			.tblAjax__head__specialFilter {margin:0;padding:4px 4px 4px 127px;}
			.tblAjax__head__specialFilter .btn-group {margin:0 4px;padding:0;}
			.tblAjax__head__specialFilter .btn-group .glyphicon-remove {color:#f00;}
			.tblAjax__head__specialFilter .btn-group button.disabled .glyphicon-remove {color:#bbb;}

			/* overwrite bootstrap table border */
			.AjaxTable,    .AjaxTableEdit,
			.AjaxTable td, .AjaxTableEdit td,
			.AjaxTable th, .AjaxTableEdit th { border-color:#999; }

			/* cell A_STATUS */
			.AjaxTable .cell-A_STATUS-NORMAL { background:#aeffae; color:#000; text-align:center; }
			.AjaxTable .cell-A_STATUS-WAITING { background:#ffd2ff; color:#000; text-align:center; }
			.AjaxTable .cell-A_STATUS-MONITOR { background:#cccaff; color:#000; text-align:center; }
			.AjaxTable .cell-A_STATUS-WARNING { background:#ffbaba; color:#000; text-align:center; }
			.AjaxTable .cell-A_STATUS-DELETED { background:#e0e0e0; color:#808080; text-align:center; }
			.AjaxTable .cell-A_STATUS-OFF_SOFT { background:#fce3b7; color:#808080; text-align:center; }
			.AjaxTable .cell-A_STATUS-OFF_HARD { background:#eee; color:#808080; text-align:center; }

			/* cell Status */
			.AjaxTable .cell-Status-U  { background:rgb(0,176,80); color:#000; text-align:center; }
			.AjaxTable .cell-Status-NU { background:#f00; color:#000; text-align:center; }
			.AjaxTable .cell-Status-P  { background:rgb(112,48,160); color:#000; text-align:center; }
			.AjaxTable .cell-Status-PT { background:rgb(127,127,127); color:#000; text-align:center; }
			.AjaxTable .cell-Status-O  { background:rgb(0,176,240); color:#000; text-align:center; }
			.AjaxTable .cell-Status-DZ { background:rgb(0,112,192); color:#000; text-align:center; }
			.AjaxTable .cell-Status-Z  {}

			/* map */
			.AjaxTable .cell-mapfld { cursor:pointer; }
			.AjaxTable .cell-mapfld:hover { opacity:1; }
			 .AjaxTable .cell-mapfld-remove { display:none; }
			 .AjaxTable .cell-mapfld-hasValue .cell-mapfld-select { color:#f00; }
			 .AjaxTable .cell-mapfld-hasValue .cell-mapfld-remove { display:inline-block; }
			.AjaxTableCont .mapEditor { position:absolute; bottom:0; right:6px; width:512px; height:318px; overflow:hidden; color:#eee; border:1px solid #999; }
			 .AjaxTableCont .mapEditor-panel { height:16px; padding:0 6px; background:#999; border-bottom:1px solid #eee; }
			  .AjaxTableCont .mapEditor-panel a { display:block; float:right; padding:0 6px; font-weight:bold; font-size:12px; line-height:16px; color:#fff; }
			  .AjaxTableCont .mapEditor-panel a:hover { color:#006CD7; text-decoration:none; }
			  .AjaxTableCont .mapEditor-panel a.mapEditor-panel-close:hover { color:#f00; }
			 .AjaxTableCont .mapEditor-map { background:#fff; height:400px; }
			.AjaxTableCont-mapEditorContainer .mapEditor-map { border:1px solid #999; overflow:hidden; }
			/* .mapEditor-btnBackToWindow \"olControlSave\",overview_replacement */
			.olControlEditingToolbar .mapEditor-btnBackToWindowItemInactive,
			.olControlEditingToolbar .mapEditor-btnBackToWindowItemActive {
				background-image: url(icon/map.window.png);
				background-position: 0 0;
				background-repeat: no-repeat;
			}
			/*
			.mapEditor-btnBackToWindowItemInactive { background-image: url(stuff/open-layers/theme/default/img/overview_replacement.gif); }
			.mapEditor-btnBackToWindowItemActive { background-image: url(stuff/open-layers/theme/default/img/overview_replacement.gif); }
			*/
			.ui-dialog-content .mapEditor-btnBackToWindowItemInactive,
			.ui-dialog-content .mapEditor-btnBackToWindowItemActive { display:none; }

			.AjaxTableCont .valign-btns-bottom .btn { vertical-align:text-bottom; font-weight:normal; font-size:12px; line-height:14px; }

			.ui-resizable-s { bottom:0; }
			.ui-resizable-e { right:0; }
			.AjaxTableCont-mapEditorContainer .ui-resizable-s { background-color:#ddd; }
			.AjaxTableCont-mapEditorContainer .ui-resizable-s:hover { background-color:#888; }
		");
		echo UI::h('script', [ 'src' => "static/vendor.js" ]);
		echo UI::h('script', [ 'src' => "static/p5UI/buildDom.js" ]);
		$_rendered = true;
	}

	public function render() {
		$acl = $this->_acl;
		$hasGeomFlds = Core_AclHelper::hasGeomFields($acl);
		$tblAjaxMap = ($hasGeomFlds) ? new TableAjaxMap($acl, 512, 400) : null;
		$hasPermCreate = Core_AclHelper::hasCreatePerms($acl);

		$jsToogleFiltrProcesuFunctionName = 'tableAjaxToggleFiltrProcesInit';
		$jsToogleTableToolsFunctionName = 'tableAjaxToggleTableTools';
		ob_start();
		$this->renderStatic($tblAjaxMap);
		UI::startContainer();
		UI::showMessagesForTable($this->_tbl);
		UI::endContainer();
		$namespace = $acl->getNamespace();
		?>
		<div class="AjaxTableCont">
			<ul class="breadcrumb">
				<?php
				echo UI::h('li', [], [
					UI::h('a', [ 'href' => "#", 'onclick' => "return tableAjaxBackToTable();" ], $this->getLabelHtml() ),
				]);
				if ($hasPermCreate) {
					echo UI::h('li', [], [
						UI::h('a', [ 'title' => "Dodaj nowy rekord", 'class' => "", 'href' => "#CREATE" ], [
							UI::h('span', [ 'class' => "glyphicon glyphicon-plus" ]),
							" Dodaj nowy rekord",
						]),
					]);
				}
				if ($this->showProcesInitFiltr) {
					echo UI::h('div', [ 'class' => "btn-group pull-right" ], [
						UI::h('a', [ 'class' => "btn btn-xs btn-info dropdown-toggle",
							'data-toggle' => "dropdown",
							'href' => "#",
							'title' => "Uruchom filtr procesu powiązanego z tabelą " . $this->getLabel(),
							'onclick' => "return {$jsToogleFiltrProcesuFunctionName}(this);",
						 ], "Filtr procesu <span class=\"caret\"></span>"),
						UI::h('ul', [ 'class' => "dropdown-menu pull-left", 'style' => "max-height:250px;overflow:auto;" ], [
							UI::h('li', [ 'class' => "disabled" ], [
								UI::h('a', [ 'href' => "#", 'onclick' => "return false;" ], " loading ... "),
							]),
						]),
					]);
				}
				if ($this->showTableTools) {
					echo UI::h('div', [ 'class' => "btn-group pull-right" ], [
						UI::h('a', [ 'class' => "btn btn-xs btn-default dropdown-toggle",
							'style' => "margin-right:16px",
							'data-toggle' => "dropdown",
							'href' => "#",
							'title' => "Narzędzia powiązane z tabelą " . $this->getLabel(),
							'onclick' => "return {$jsToogleTableToolsFunctionName}(this);",
						 ], "Narzędzia <span class=\"caret\"></span>"),
						UI::h('ul', [ 'class' => "dropdown-menu pull-left", 'style' => "max-height:250px;overflow:auto;" ], [
							UI::h('li', [ 'class' => "disabled" ], [
								UI::h('a', [ 'href' => "#", 'onclick' => "return false;" ], " loading ... "),
							]),
						]),
					]);
				}
				?>
				<?php
				if ($this->_tbl == 'IN7_MK_BAZA_DYSTRYBUCJI') {
					echo UI::h('a', [ 'class' => "pull-right", 'style' => "padding:0 20px 0 0", 'href' => "index.php?MENU_INIT=TREEJS&ZASOB_ID={$this->_zasobID}" ], "<i class=\"glyphicon glyphicon-eye-open\"></i> Drzewo");
				} else if ($this->allowTreeView()) {
					echo UI::h('a', [ 'class' => "pull-right", 'style' => "padding:0 20px 0 0", 'href' => "index.php?MENU_INIT=VIEWTREE_AJAX&ZASOB_ID={$this->_zasobID}" ], "<i class=\"glyphicon glyphicon-eye-open\"></i> Drzewo");
				}
				if ($this->_tbl == 'WMS_MAP_GEOREFERENCES') {
					echo UI::h('a', [ 'class' => "pull-right", 'style' => "padding:0 20px 0 0", 'href' => "index.php?_route=GeoreferencesManager" ], "<i class=\"glyphicon glyphicon glyphicon-wrench\"></i> Zarządzaj punktami");
				}
				?>
			</ul>
			<?php
				if ($this->_backRefFilter) {
					echo UI::h('div', [ 'class' => "container" ], [
						UI::h('div', [ 'class' => "alert alert-info" ], [
							"Rekordy powiązane z rekordem {$this->_backRefFilter['primaryKey']} z ",
							UI::h('a', [
								'href' => "index.php?_route=ViewTableAjax&namespace={$this->_backRefFilter['namespace']}",
							], $this->_backRefFilter['namespace']),
							" - ",
							UI::h('a', [
								'href' => $this->rootUrl,
								'style' => "color:red",
							], "usuń filtr"),
						]),
					]);
				}

				if ($this->_childRefFilter) {
					echo UI::h('div', [ 'class' => "container" ], [
						UI::h('div', [ 'class' => "alert alert-info" ], [
							"Rekordy powiązane z rekordem {$this->_childRefFilter['primaryKey']} z ",
							UI::h('a', [
								'href' => "index.php?_route=ViewTableAjax&namespace={$this->_childRefFilter['namespace']}",
							], $this->_childRefFilter['namespace']),
							" - ",
							UI::h('a', [
								'href' => $this->rootUrl,
								'style' => "color:red",
							], "usuń filtr"),
						]),
					]);
				}

				echo UI::h('div', [ 'id' => $this->_htmlID ]);
			?>
		</div>
		<?php
		UI::inlineJS(__FILE__ . '.generateFunctionNode.js');
		UI::inlineJS(__FILE__ . '.GeomField.js');
		if ($this->showProcesInitFiltr) {
			UI::inlineJS(__FILE__ . '.procesInitFiltr.js', [
				'JS_FUNCTION_NAME' => $jsToogleFiltrProcesuFunctionName,
				'URL_GET_PROCES_INIT_FILTR' => $this->showProcesInitFiltr,
				'ID_ZASOB' => $this->_zasobID,
			]);
		}
		if ($this->showTableTools) {
			UI::inlineJS(__FILE__ . '.tableTools.js', [
				'JS_FUNCTION_NAME' => $jsToogleTableToolsFunctionName,
				'URL_GET_TABLE_TOOLS' => $this->showTableTools,
			]);
		}
		?>
		<script>
(function($, undefined) {
	var TableAjax = function() {
		var priv = {}; //private api
		var publ = {}; //public api

		priv.options = {};
		var defaults = {
			namespace: '',
			url: '', //webservice url
			urlData: '', //webservice params
			urlPost: false, //use POST instead of GET
			debug: false, //prints debug info to console
			filter: false, //show filter row
			filterInit: false,// init filters data
			forceFilterInit: false,
			columnPicker: false, //show columnpicker
			checkboxes: false, //show body checkboxes
			actions: '', //holds action links
			pageSize: 10, //current pagesize
			pageSizes: [10, 20, 30, 40, 50, 'All'], //available pagesizes
			hidePagerOnEmpty: false, //removes pager if no rows
			types: { //type specific options
				string: {},
				number: {},
				bool: {},
				date: {}
			},
			rowFunctions: false,
			tblFunctions: false,
			specialFilterFunctions: false,
			filtersClean: false,
			router: false,
			longDesc: false,
			exportFields: [],
			mapEditor: false,	// mapEditor visible or not
			mapEditorContainer: 'window' // 'window' or 'dock'
		};

		var _uiNodeCont; // container holding table
		var _uiNode$Table; // the table node
		var _head; // table header
		var _headSort; // table header sorting row
		var _headFilter; // table header columns filter row
		var _headSpecialFilter; // table header special filter row
		var _bodyNode; // table body
		var _body; // TODO: table body need render?
		var _foot; // table footer
		var _inlineEditBox; // inline edit box with form
		var _popoverCell; // inline popover cell
		var _popoverCellCurrent; // inline popover cell
		var _popoverCellAjaxXhr;
		var _mapEditor; // map editor node
		var _mapEditorWrap; // map editor wrapper node
		var _mapEditorDialog; // map editor jquery ui dialog node

		var _state = {};// state - to replace variables below (date, ...)
		var _data; //columns and rows
		var _totalPages; // total pages
		var _currDpOp; // clicked datetimepicker operator
		var _filterFields = {}; // array with filter DOM elements
		var _filterTimeout; // timer for delayed filtering
		var _uniqueCols = {}; // array with checked rows /// TODO: mv to _state.
		var _checkToggleChecked = false; // check-all toggle state
		var _exportFieldsSelect = {};

		var _tableWidth;

		var _fieldWidgets = {};

		/*
		 initialize the plugin.
		 */
		priv.init = function() {
			_uiNodeCont = priv.options.id;
			_state = {};// init state
			_state.page = 1;
			_state.specialFilters = {};
			_state.filters = {};
			_state.filters.currSortCol = '';
			_state.filters.currSortFlip = false;
			_state.filters.filterCols = {};
			priv.initEvents();
			priv.initialRender();// set up _uiNode$...
			priv.options.types.string = ((priv.options.types || {}).string || {});
			priv.options.types.number = ((priv.options.types || {}).number || {});
			priv.options.types.bool = ((priv.options.types || {}).bool || {});
			priv.options.types.date = ((priv.options.types || {}).date || {});
			if (priv.options.mapEditorContainer != 'dock'
					&& priv.options.mapEditorContainer != 'window') {
				priv.options.mapEditorContainer = 'window';
			}

			if (priv.options.filterInit) {
				priv.setStateFilters(priv.options.filterInit);
			}

			if (priv.options.exportFields) {
				$.each(priv.options.exportFields, function(ind, col) {
					_exportFieldsSelect[col] = true;
				});
			}

			//try call webservice for data
			priv.update(priv.options.router);

			if (typeof priv.options.router == "function") {
				$(window).bind('hashchange', function() {
					priv.options.router.apply(this);
				});
			}
		};

		priv.initEvents = function() {
			jQuery(_uiNodeCont).on('TableAjax:render', priv.onRender);
			jQuery(window).on('resize', priv.onWindowResize)
		};

		priv.onRender = function(e) {
			if (priv.options.debug) console.log('onRender.arguments:', arguments.length, arguments, 'e:', e);
			if (arguments.length > 1) {
				for (var i=1; i<arguments.length; i++) {
					switch (arguments[i]) {
						case 'head': _head = undefined; break;
						case 'body': _body = undefined; break;
						case 'foot': _foot = undefined; break;
						case 'foot_pagination': {
								priv.renderFooterInfo();
								priv.renderFooterPagination();
								priv.renderFooterPageSizes();
							}
							break;
						case 'footer__toolbar__info': priv.renderFooterInfo(); break;
						case 'footer__toolbar__pagination': priv.renderFooterPagination(); break;
						case 'footer__toolbar__pagesizes': priv.renderFooterPageSizes(); break;
						case 'foot__columnPicker': priv.renderFooterColumnPicker(); break;
						case 'head__specialFilters': priv.renderHeadSpecialFilters(); break;
					}
				}
				priv.renderTable();
				priv.onWindowResize();

				{// activate saveBtn if some columns hidden
					var selectedFilter = priv.modelColFilter_getSelected();
					if (null === selectedFilter) {
						priv.modelColFilter_getSaveBtn().prop("disabled", false)
					} else {
						priv.modelColFilter_getSaveBtn().prop("disabled", true)
					}
				}
			}
		};

		priv.onWindowResize = function() {
			var stickyCol1Width = (12 + 3) * 4 + 2 * 5 + 1;
			var stickyCol2Width = 50 + 2 * 5 + 1;
			var contW = jQuery(_uiNodeCont).parent().width();
			var colsW = stickyCol1Width + stickyCol2Width;
			jQuery(_uiNodeCont).css({width:'' + (contW - colsW) + 'px'})//, marginLeft:'' + colsW + 'px', overflowX:'scroll', overflowY:'visible', paddingBottom:'1px'});

			var wh = jQuery(window).height();   // returns height of browser viewport
			var dh = jQuery(document).height(); // returns height of HTML document (same as pageHeight in screenshot)
			if (dh > wh) {
				jQuery(_uiNodeCont).doubleScroll()
				jQuery(_uiNodeCont).prev('.doubleScroll-scroll-wrapper').css({float: 'right', display:'block'})
			} else {
				jQuery(_uiNodeCont).prev('.doubleScroll-scroll-wrapper').css({display:'none'})
			}
		}

		priv.initialRender = function() {
			_uiNode$Table = $('<table class="AjaxTable table table-striped table-hover table-bordered table-condensed"></table>').appendTo(_uiNodeCont);
				_head = $('<thead></thead>').prependTo(_uiNode$Table);
					_headSort = $('<tr class="sort tblAjax__head__sort"></tr>').prependTo(_head);
					_headFilter = $('<tr class="filter tblAjax__head__filter"></tr>').appendTo(_head);
				_bodyNode = $('<tbody></tbody>').insertAfter(_head);
			$('<tfoot></tfoot>').insertAfter(_bodyNode);
			_foot = $('<div class="foot tblAjax__footer"></div>').insertAfter(_uiNodeCont);
				var footToolbar = $('<div class="btn-toolbar tblAjax__footer__toolbar"></div>').appendTo(_foot);
					$('<span class="tblAjax__footer__toolbar__info"></span>').appendTo(footToolbar);
					$('<span class="tblAjax__footer__toolbar__pagination"></span>').appendTo(footToolbar);
					$('<span class="tblAjax__footer__toolbar__pagesizes"></span>').appendTo(footToolbar);
					$('<span class="tblAjax__footer__toolbar__columnPicker"></span>').appendTo(footToolbar);
					$('<span class="tblAjax__footer__toolbar__functions"></span>').appendTo(footToolbar);
					$('<span class="tblAjax__footer__toolbar__export"></span>').appendTo(footToolbar);
			_mapEditorWrap = $('<div class="mapEditor" style="display:none"></div>').insertAfter(_foot);
				_mapEditor = $('<div class="mapEditor-map"></div>').appendTo(_mapEditorWrap);
			_popoverCell = $('<div class="popoverCell" style="display:none"></div>').insertAfter(_foot);
			$('<div class="tblAjax__inlineEditBox"></div>').insertAfter(_foot);
			$('<div class="btn-toolbar tblAjax__head__specialFilter"></div>').insertBefore(_uiNodeCont);

			priv.renderInlineEditBox();// .tblAjax__inlineEditBox

			_foot = _head = _body = _headSort = _headFilter = undefined;// TODO: refactor
			/// console.log('L.<?php echo __LINE__; ?> priv.initialRender, _uiNode$Table: ', _uiNode$Table.html())
		};

		/*
		 creates the table with all its parts and handlers.
		 note that only the parts we need is created.
		 (yeah, the function is huge)
		 */
		priv.renderTable = function() {
			//create table itself
			// console.log('renderTable:: _data', _data);//TODO:DBG:RMME
			/// console.log('renderTable:: _uiNode$Table', _uiNode$Table);//TODO:DBG:RMME

			//create the header which will later hold both sorting and filtering
			/// console.log('renderTable:: _head', _head);//TODO:DBG:RMME
			if (!_head) {
				_headSort = _headFilter = _headSpecialFilter = undefined;
				//_head = $('<thead></thead>');
				//	$('<tr class="sort"></tr>').prependTo(_head);
				//_uiNode$Table.find('thead').replaceWith(_head);
				_head = _uiNode$Table.find('thead');
			}

			//create the header sorting row
			if (!_headSort) {
				/// console.log('renderTable::renderTableTheadSort...');//TODO:DBG:RMME
				priv.renderTableTheadSort();
			}

			//create the header filtering row
			if (!_headFilter && priv.options.filter) {
				/// console.log('renderTable::renderTableTheadFilter...');//TODO:DBG:RMME
				priv.renderTableTheadFilter();
				_headFilter = true;
			}

			//create the header special filters row
			if (!_headSpecialFilter && priv.options.specialFilterFunctions) {
				priv.renderHeadSpecialFilters();
				_headSpecialFilter = true;
			}

			//create the body
			if (!_body) {
				_uiNode$Table.find('tbody').remove();
				_bodyNode = $('<tbody></tbody>').insertAfter(_head);
				//_bodyNode.on('change', '.unique', priv.rowChecked);

				//find out what rows to show next...
				var rowsAdded = 0;

				//slice out the chunk of data we need and create rows
				$.each(_data.rows, function(index, props) {
					var rowNode = priv.renderRow(props);
					if (rowNode) rowNode.appendTo(_bodyNode);
					rowsAdded++;

					//enough rows created?
					if (rowsAdded >= priv.options.pageSize) {
						return false;
					}
				});

				if (_state.page == 1) {
					_totalPages = Math.ceil(_data.total / priv.options.pageSize);
				}

				//pad with empty rows if we're at last page.
				if (_state.page == _totalPages) {
					while (rowsAdded < priv.options.pageSize) {
						var rowNode = priv.renderRowEmptyNode();
						if (rowNode) rowNode.appendTo(_bodyNode);
						rowsAdded++;
					}
				}
			}

			//create the footer
			if (!_foot) {
				priv.renderTableTfoot();
				priv.renderFooter();
			}
			_foot = $(_uiNodeCont).next('.foot');

			var stickyCol1Width = (12 + 3) * 4 + 2 * 5 + 1;
			var stickyCol2Width = 50 + 2 * 5 + 1;
			if (undefined === _tableWidth) {
				_tableWidth = true;
				var contW = jQuery(_uiNodeCont).width();
				var th1 = _uiNode$Table.find('.stickyCol1:first');
				var th2 = th1.next();
				var th1W = th1.innerWidth();
				var th2W = 50 + 2 * 5;//th2.innerWidth();
				var colsW = stickyCol1Width + stickyCol2Width;
				jQuery(_uiNodeCont).css({width:'' + (contW - colsW) + 'px', marginLeft:'' + colsW + 'px', overflowX:'scroll', overflowY:'visible', paddingBottom:'1px'});
			}
			_uiNode$Table.find('.stickyCol1').css({position:'absolute',
				left:'0',
				top:'auto',
				width:'' + stickyCol1Width + 'px',
			});
			//_uiNode$Table.find('.filter').find('.stickyCol1').css({height:'34px'});
			var sortStickyColHeight = _uiNode$Table.find('.sort').find('th:last').outerHeight();
			_uiNode$Table.find('.sort').find('.stickyCol1').css({height: sortStickyColHeight + 'px'});
			_uiNode$Table.find('.sort').find('.stickyCol2').css({height: sortStickyColHeight + 'px'});
			_uiNode$Table.find('.stickyCol2').css({position:'absolute',
				left:'' + (stickyCol1Width) + 'px',
				top:'auto',
				width:'' + stickyCol2Width + 'px',
				borderRight: '1px solid silver',
				overflow: 'hidden'
			});

			if (_data.total == 0 && priv.options.hidePagerOnEmpty) {
				$('.btn-toolbar', _foot).remove();
			}
			if (priv.options.debug) console.log('table created');
			if (typeof priv.options.tableCreated == 'function') {
				priv.options.tableCreated.call(_uiNode$Table.get(0), {table: _uiNode$Table.get(0)});
			}
		};

		// TODO: priv.renderFieldWidget_InlineEdit = function(fldName, value) {}
		// TODO: priv.renderFieldWidget_FormField = function(fldName, value) {}

		// @usage: priv.renderFieldWidget_TableCell(fldName, val, rowPK, row)
		priv.renderFieldWidget_TableCell = function(fldName, value, rowPK, row) {
			var renderFieldAsTableCell = priv.getFieldWidget_TableCell(fldName);
			if (!renderFieldAsTableCell) return null;
			return renderFieldAsTableCell(value, rowPK, row);
		};

		priv.registerFieldWidget = function(type, fldName, fieldProps) {
			var fieldWidget = null;
			switch (type) {
				case "date":// @return Element - TODO: not used yet
					fieldWidget = (function(fldName, fieldProps) {
						var _fieldName = fldName,
								_fieldProps = fieldProps;
						// console.log('FieldWidget: generate function to render field('+_fieldName+') ', fieldProps);
						return function(val, fieldPK, row) {
							// console.log('FieldWidget: pk('+fieldPK+') run function to render field('+_fieldName+') with value('+val+') ', fieldProps);
							return val;
						}
					}(fldName, fieldProps));
					break;
				case "bool":// @return Element - TODO: not used yet
					fieldWidget = (function(fldName, fieldProps) {
						var _fieldName = fldName,
								_fieldProps = fieldProps;
						// console.log('FieldWidget: generate function to render field('+_fieldName+') ', fieldProps);
						return function(val, fieldPK, row) {
							// console.log('FieldWidget: pk('+fieldPK+') run function to render field('+_fieldName+') with value('+val+') ', fieldProps);
							fldNode = document.createElement('input');
							fldNode.setAttribute('type', 'checkbox');
							if (val) fldNode.setAttribute('checked', 'checked');
							fldNode.setAttribute('disabled', 'disabled');
							fldNode.appendChild(document.createTextNode(val));
							return fldNode;
						}
					}(fldName, fieldProps));
					break;
				case "number":// @return String - TODO: not used yet
					fieldWidget = (function(fldName, fieldProps) {
						var _fieldName = fldName,
								_fieldProps = fieldProps,
								_fractionDigits = _.get(_fieldProps, 'fractionDigits', 2);
						// console.log('FieldWidget: generate function to render field('+_fieldName+') _fractionDigits('+_fractionDigits+')', fieldProps);
						return function(val, fieldPK, row) {
							// console.log('FieldWidget: pk('+fieldPK+') run function to render field('+_fieldName+') with value('+val+') ', fieldProps);
							if ('*****' === val) return val
							// enumeration
							// fractionDigits
							// maxExclusive
							// maxInclusive
							// minExclusive
							// minInclusive
							// pattern
							// totalDigits
							// whiteSpace
							val = Number(val);
							return ((val || 0) % 1 === 0)? val : val.toFixed(_fractionDigits);
						}
					}(fldName, fieldProps));
					break;
				case "string":// @return String
					fieldWidget = (function(fldName, fieldProps) {
						var _fieldName = fldName,
								_fieldProps = fieldProps,
								_format = _.get(_fieldProps, 'format', '{0}');
						// console.log('FieldWidget: generate function to render field('+_fieldName+') ', fieldProps);
						return function(val, fieldPK, row) {
							// console.log('FieldWidget: pk('+fieldPK+') run function to render field('+_fieldName+') with value('+val+') ', fieldProps);
							return p5Utils__format(_format, [val]);
						}
					}(fldName, fieldProps));
					break;
				case "p5:price":// @return String
					fieldWidget = (function(fldName, fieldProps) {
						var _fieldName = fldName,
								_fieldProps = fieldProps,
								_format = _.get(_fieldProps, 'format', '<span style="text-align:right">{0}</span>');
						// console.log('FieldWidget: generate function to render field('+_fieldName+') ', fieldProps);
						return function(val, fieldPK, row) {
							// console.log('FieldWidget: pk('+fieldPK+') run function to render field('+_fieldName+') with value('+val+') ', fieldProps);
							return p5Utils__format(_format, [val]);
						}
					}(fldName, fieldProps));
					break;
				case "p5:string":// @return String
					fieldWidget = (function(fldName, fieldProps) {
						var _fieldName = fldName;
						var _fieldProps = fieldProps;
						var _formatByValue = _.get(_fieldProps, 'formatByValue', null);
						var _aliasMap = _.get(_fieldProps, 'aliasMap', null);
						return function(val, fieldPK, row) {
							if (_formatByValue && val in _formatByValue) {
								val = p5Utils__format(_formatByValue[val], [val])
								// console.log('p5:string value', val, '_aliasMap', _aliasMap)
								if (_aliasMap) {
									Object.keys(_aliasMap).map(function (mapKey) {
										var mapField = _aliasMap[mapKey]
										if (undefined !== row[mapField]) {
											val = val.replace(new RegExp('\{' + mapKey + '\}', 'g'), row[mapField]);
										}
									})
								}
							}
							return val;
						}
					}(fldName, fieldProps));
					break;
				case "p5:www_link":// @return Element
					fieldWidget = (function(fldName, fieldProps) {
						var _fieldName = fldName,
								_fieldProps = fieldProps;
						//  console.log('FieldWidget: generate function to render field('+_fieldName+') ', fieldProps);
						return function(val, fieldPK, row) {
							//  console.log('FieldWidget: pk('+fieldPK+') run function to render field('+_fieldName+') with value('+val+') ', fieldProps);
							var link = '',
									a = null,
									dbg = false;
							if (!val.length) return '';
							if ('index.php' == val.substr(0, 9) || 'procesy5.php' == val.substr(0, 12)) {
								link = window.location.protocol + '//' + window.location.hostname
								link += window.location.pathname.split('/').slice(0, -1).join('/')
								link += '/' + val
							} else {
								if ('http' == val.substr(0, 4)) link = val
								//else if ('ftp' == val.substr(0, 3))
								else link = 'http://' + val
							}

							var linkErrors = validate({www_link: link}, {www_link: {url: true}});
							if (linkErrors) {
								// if(dbg)console.log('linkErrors for (' + link +')', linkErrors);
								return val;
							}
							fldNode = document.createElement('a');
							fldNode.setAttribute('href', link);
							fldNode.setAttribute('target', '_blank');
							fldNode.appendChild(document.createTextNode(val));
							return fldNode;
						}
					}(fldName, fieldProps));
					break;
				case "special":
					fieldWidget = (function(fldName, fieldProps) {
						var _fieldName = fldName;
						var _fieldProps = fieldProps;
						var _format = _.get(_fieldProps, 'format', '{0}');
						var _aliasMap = _.get(_fieldProps, 'aliasMap', null);
						// console.log('FieldWidget: generate function to render field('+_fieldName+') ', fieldProps);
						return function(val, fieldPK, row) {
							// console.log('FieldWidget: pk('+fieldPK+') run function to render field('+_fieldName+') with value('+val+') ', fieldProps, 'row', row);
							var format = _format;
							if (_aliasMap) {
								Object.keys(_aliasMap).map(function (mapKey) {
									var mapField = _aliasMap[mapKey]
									if (undefined !== row[mapField]) {
										format = format.replace(new RegExp('\{' + mapKey + '\}', 'g'), row[mapField]);
									}
									// console.log('FieldWidget: pk('+fieldPK+') run function to render field('+_fieldName+') with value('+val+') _aliasMap:', _aliasMap, 'row['+mapField+']', row[mapField], 'converted val:', val);
								})
							}
							return p5Utils__format(format, [val]);
						}
					}(fldName, fieldProps));
					break;
				case "simpleLink":
					fieldWidget = (function(fldName, fieldProps) {
						var _fieldName = fldName,
								_fieldProps = fieldProps,
								_format = _.get(_fieldProps, 'format', '{0}');
						// console.log('FieldWidget: generate function to render field('+_fieldName+') ', fieldProps);
						return function(val, fieldPK, row) {
							// console.log('FieldWidget: pk('+fieldPK+') run function to render field('+_fieldName+') with value('+val+') ', fieldProps);
							var valLink = String(val);
							if (undefined !== _fieldProps._tsRetId
									&& (0 === _fieldProps._tsRetId || '0' === _fieldProps._tsRetId || null === _fieldProps._tsRetId)
									&& undefined !== _fieldProps._tsSimpleLink) {
								valLink = _fieldProps._tsSimpleLink.format;
								$.each(_fieldProps._tsSimpleLink.aliasMap, function(i, v) {
									// console.log('simpleLink aliasMap fldName:', fldName, 'i:', i, 'v:', v, 'row['+v+']', row[v], 'val', val, 'typeof val', typeof val);
									if (undefined !== row[v]) {
										valLink = valLink.replace(new RegExp('\{' + i + '\}', 'g'), row[v]);
									}
								});
							}
							return p5Utils__format(_format, [valLink]);
						}
					}(fldName, fieldProps));
					break;
				case "gml:PolygonPropertyType":
				case "gml:LineStringPropertyType":
				case "gml:PointPropertyType":
				case "geom":
					fieldWidget = (function(fldName, fieldProps) {
						var _fieldName = fldName,
								_fieldProps = fieldProps,
								_format = _.get(_fieldProps, 'format', '{0}');
						// console.log('FieldWidget: generate function to render field('+_fieldName+') ', fieldProps);
						return function(val, fieldPK, row) {
							// console.log('FieldWidget: run function to render field('+_fieldName+') with value('+val+') ', fieldProps);
							// console.log('FieldWidget: test priv', priv);
							var node = jQuery('<span></span>');
							node.TableAjaxGeomField({
								recordID: fieldPK,
								fieldValue: val,
								hasValueClassName: 'cell-mapfld-hasValue',
								linkClassNamePrefix: 'cell-mapfld',
								linkSelectClassName: 'select',
								linkSelectAddClassNames: 'glyphicon glyphicon-map-marker',
								linkRemoveClassName: 'remove',
								linkRemoveAddClassNames: 'glyphicon glyphicon-remove',
								onSelect: function(recordID, geomShape) {
									if (priv.options.debug) console.log('recordID:', recordID, 'geomShape:', geomShape);
									priv.mapEditorShow();
									_mapEditor.TableAjaxMapSelectRecord(recordID, geomShape);
								},
								onRemove: function(geomField, recordID, geomShape) {
									if (confirm('Czy usunąć obiekt z mapy dla rekordu ' + recordID + '?')) {
										if (!recordID) return;

										var selectedRecordId = recordID;
										superagent
											.post('<?= $this->syncUrl; ?>&_hash=<?= $this->_htmlID; ?>&_task=removeTheGeomAjax')
											.type('json') // header ĺapplication/x-www-form-urlencoded' requires type('form');
											.send({
												ID: recordID,
												namespace: '<?= $acl->getNamespace(); ?>'
											})
											.set('Accept', 'application/json')
											.end(function(err, res) {
												if(priv.options.debug)console.log('DBG: res:', res, 'res.body:', res.body);
												var payload;
												if (err || !res.ok || 'application/json' !== res.type) {
													payload = {type: 'warning', msg: res.body.msg || 'Wystąpiły błędy', body: res.body};
												} else {
													payload = {type: 'success', msg: res.body.msg || '', body: res.body};
												}
												p5UI__notifyAjaxCallback(payload);
												var data = res.body;
												if (data && data.record && data.record.the_geom) {
													if (priv.options.debug) console.log('data.record.the_geom:2:', data.record.the_geom);
													geomField.setValue(data.record.the_geom);
												}
												else if (data && data.record) {
													if (priv.options.debug) console.log('data.record.the_geom:2:', data.record.the_geom);
													geomField.setValue(data.record.the_geom);
												}
												_mapEditor.TableAjaxMapRefresh();
											});
									}
								}
							});
							return node;
						}
					}(fldName, fieldProps));
					break;
				case "ref":
					fieldWidget = (function(fldName, fieldProps) {
						var _fieldName = fldName,
								_fieldProps = fieldProps;
						// console.log('FieldWidget: generate function to render field('+_fieldName+') fieldProps: ', fieldProps);
						return function(val, fieldPK, row) {
							// console.log('FieldWidget: pk('+fieldPK+') run function to render field('+_fieldName+') with value: ', val, ', fieldProps: ', fieldProps);
							// if (val.length > 5) return '('+val.length+')' + printFirst5 + '...' => open more info
							return _.map(val, function(v) {
								if (!v || !v.xlink) return '';
								var idRemote = v.xlink.split('.').pop()
								var nsRemote = v.xlink.split(':').pop().split('.').shift()
								var seLink = '<?= Request::getPathUri(); ?>index.php?_route=ViewTableAjax&namespace=' + fieldProps.xsdRefNsPrefix.replace(/__x3A__/g, '/') + '/' + nsRemote + '#EDIT/' + idRemote;
								var wfsLink = fieldProps.xsdRefUri + '#' + fieldProps.xsdRefType + '.' + idRemote;
								return '<a class="btn btn-xs btn-default" href="' + seLink + '" title="' + wfsLink + '">' + idRemote + '</a>';
							}).join(' ');
						}
					}(fldName, fieldProps));
					break;
			}
			_fieldWidgets[fldName] = fieldWidget;
		};

		priv.getFieldWidget_TableCell = function(fieldName) {
			var props = _data.cols[fieldName],
					type = null,
					renderFieldAsTableCell = null;
			if (!props) return null;
			type = _.get(props, 'type');
			if (!type) type = 'string';// TODO: throw Exception? / default string
			renderFieldAsTableCell = _.get(_fieldWidgets, fieldName);
			if (renderFieldAsTableCell) return renderFieldAsTableCell;
			priv.registerFieldWidget(type, fieldName, props);
			renderFieldAsTableCell = _.get(_fieldWidgets, fieldName);
			if (!renderFieldAsTableCell) throw "Field type '" + type + "' not implemented";
			return renderFieldAsTableCell;
		};

		priv.renderRow = function(props) {
			var rowNode = $('<tr></tr>'),
					rowPK = (_state.primaryKey in props) ? props[_state.primaryKey] : null,
					cellNode,
					columnName, columnProps, val, cellCnt, format, showTooltip, fldWidgetNode,
					dbg = priv.options.debug
			;
			//  ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event);"
			rowNode.attr('ondrop', "p5TA_onDrop(event, '"+rowPK+"', '"+priv.options.namespace+"')")
			rowNode.attr('ondragover', "p5TA_onDragOver(event, this, '"+rowPK+"', '"+priv.options.namespace+"')")
			rowNode.attr('ondragend', "p5TA_onDragEnd(event, this, '"+rowPK+"', '"+priv.options.namespace+"')")

			if (priv.options.rowFunctions || priv.options.filtersClean) {
				cellNode = priv.renderCellRowFunctions(priv.options.rowFunctions, rowPK, props);
				cellNode.addClass('text-right stickyCol1');
				cellNode.appendTo(rowNode);
			}

			//create checkbox
			if (_state.primaryKey && priv.options.checkboxes) {
				var check = _uniqueCols[props[_state.primaryKey]] != undefined ? 'checked' : '';
				var checkable = props['checkable'] === false ? 'disabled' : '';
				cellNode = $('<td></td>').appendTo(rowNode);
				$(p5Utils__format('<input class="unique" {0} {1} type="checkbox" />', [check, checkable])).appendTo(cellNode);
			}

			if (_state.primaryKey) rowNode.data('unique', rowPK);

			//create cells
			for (var i = 0; i < _state.colsSorted.length; i++) {
				columnName = _state.colsSorted[i];
				columnProps = _data.cols[columnName];
				val = '';
				if (!columnProps) continue;
				if (columnProps.hidden) continue;// TODO: "unique" is hidden
				showTooltip = true;

				val = props[columnName];
				cellNode = $('<td></td>').appendTo(rowNode);
				if (i === 1) cellNode.addClass('stickyCol2');// primaryKey(ID)
				if (i !== 1) cellNode.on('dblclick', {id:rowPK, col:columnName}, priv.rowDblClicked);
				cellCnt = (i === 1)? '<div></div>' : '<span></span>';
				cellCnt = $(cellCnt).appendTo(cellNode);// fix dblclick for copy

				cellNode.data('column', columnName);
				if (val === undefined) continue;

				format = _.get(columnProps, 'format', '{0}');

				// test use field widgets
				fldWidgetNode = priv.renderFieldWidget_TableCell(columnName, val, rowPK, props);
				if (fldWidgetNode) {
					cellCnt.empty();
					cellCnt.append(fldWidgetNode);
				} else if (fldWidgetNode === '') {
					cellCnt.empty();
				} else if (fldWidgetNode === 0) {
					cellCnt.empty();
				} else {
					console.log('TODO: !FieldWidget for row.pk('+rowPK+') col('+columnName+') typeof fldWidgetNode(' + (typeof fldWidgetNode) + ') columnProps', columnProps, 'fldWidgetNode', fldWidgetNode, 'value', props[columnName]);
				}// test fld widgets

				if (columnProps._tsRetId) {
					showTooltip = false;
					if (columnProps._tsRetId > 0) {
						cellCnt.on('click', {id:rowPK, col:columnName, friendly:columnProps.friendly, value:p5Utils__format(format, [val])}, priv.popoverCellTypeSpecial);
					}
				}
				if ('ref' === columnProps.type) showTooltip = false;
				if ('ref' === columnProps.type) cellNode.css('padding', "3px")
				if ('ref' === columnProps.type && priv.options.debug) console.log('renderRow rowPK('+rowPK+') columnProps', columnProps)
				if ('ref' === columnProps.type) cellNode.html('<a href="index.php?_route=ViewTableAjax' +
					'&namespace=' + columnProps.xsdRefNsPrefix.replace('__x3A__', '/') + '/' + columnProps.xsdRefType +
					'&backRefNS=' + priv.options.namespace +
					'&backRefPK=' + rowPK +
					'&backRefField=' + columnProps.column +
					'">przeglądaj</a>')

				if (columnProps.xsdType && 'xsd:base64Binary' === columnProps.xsdType) {
					cellCnt.empty();
					if (val) {
						cellCnt.append('<a target="_blank" href="wfs-data.php?SERVICE=WFS&VERSION=1.0.0&REQUEST=GetBlob&namespace='+priv.options.namespace+'&primaryKey='+rowPK+'&fieldName='+columnName+'">'+"otwórz"+'</a>');
					} else {
						cellCnt.append('<span style="color:silver" title="Brak danych">N/S;</span>');
					}
				}

				if (i > 1 && priv.options.longDesc) {// TODO: use better check for columns: functions and pk
					cellNode.addClass('tbl-short-txt');
					if (showTooltip) {
						cellCnt.tooltip({title: cellCnt.text(), placement: 'left'});
					}
				}
			}
			return rowNode;
		};

		priv.renderCellRowFunctions = function(rowFunctions, rowPK, rowProps) {
			var cellNode = $('<td></td>'),
					keys = Object.keys(rowFunctions),
					total = keys.length,
					moreFuncBtnNode,
					moreFunctions = [],
					idx
			;
			if (priv.options.debug) console.log('TableAjax::renderCellRowFunctions: rowFunctions', rowFunctions);
			idx = keys.indexOf('hist');
			if (idx !== -1) {
				histFunc = keys.splice(idx, 1);
				keys.push('hist');
			}
			moreFunctions = keys.splice(3);
			keys.forEach(function(key) {
				var funObj = rowFunctions[key],
						funcNode = p5UI_TableAjax_generateFunctionNode(funObj, rowPK, {ico: true, label: false})
				;
				funcNode.appendTo(cellNode);
			});
			moreFuncBtnNode = $('<a href="#" style="margin:0 2px;text-decoration:none" title="Więcej funkcji dla rekordu nr '+rowPK+'" class="glyphicon glyphicon-menu-hamburger"> </a>');
			moreFuncBtnNode.on('click', {rowPK: rowPK, rowFunctions: rowFunctions, more: moreFunctions}, priv.popoverCellMoreFunctions);
			moreFuncBtnNode.appendTo(cellNode);
			return cellNode;
		};

		priv.popoverCellMoreFunctions = function(e) {
			e.preventDefault();
			e.stopPropagation();
			if (priv.options.debug) console.log('TableAjax::popoverCellMoreFunctions: rowPK', e.data.rowPK, 'moreFunctions', e.data.more, 'rowFunctions', e.data.rowFunctions);
			if ('rowPK' in e.data && e.data.rowPK > 0) {
				var lastId = _popoverCell.data('rowid'),
						lastCol = _popoverCell.data('col'),
						rowPK = e.data.rowPK,
						moreFunctions = e.data.more,
						rowFunctions = e.data.rowFunctions,
						funcListNode
				;

				if (lastId == e.data.rowPK && lastCol == 'moreFunctions') {
					//_popoverCellCurrent.popover('toggle');
				}
				else {
					if (_popoverCellCurrent) {
						_popoverCellCurrent.popover('destroy');
					}

					_popoverCell.data('rowid', rowPK);
					_popoverCell.data('col', 'rowFunctions');
					_popoverCell.empty();
					funcListNode = $('<ul class="list-unstyled popoverRowFunctions"></ul>').appendTo(_popoverCell);
					moreFunctions.forEach(function(funcName) {
						var funcItemNode = $('<li></li>').appendTo(funcListNode),
								funObj = rowFunctions[funcName],
								funcNode = p5UI_TableAjax_generateFunctionNode(funObj, rowPK, {ico: true, label: true})
						;
						funcNode.addClass('func_name-' + funcName);
						funcItemNode.append(funcNode);
					});

					_popoverCell.append('<div class="popoverCellContent" style="white-space:normal"></div>');

					_popoverCellCurrent = jQuery(e.currentTarget);
					// title : '<span class="text-info"><strong>title</strong></span> <button type="button" id="close" class="close">&times;</button>'
					var opts = {
						container: 'body',
						placement: 'right',
						trigger: 'click',
						template: '',
						html: true,
						content: _popoverCell.html()
					}
					opts.template += '<div class="popover" role="tooltip" style="max-width:600px;width:440px;">';
					{
						opts.template += '<div class="arrow"></div>';
						//opts.template += '<h3 class="popover-title"></h3>';
						opts.template += '<div style="display:block;position:relative;">';
						{
							opts.template += '<div class="popover-title">';
							opts.template += '</div>';
							opts.template += '<button type="button" class="close" onclick="return hidePopover();" style="position:absolute;right:8px;top:6px;">&times;</button>';
						}
						opts.template += '</div>';
						opts.template += '<div class="popover-content"></div>';
					}
					opts.template += '</div>';

					_popoverCellCurrent.popover(opts);
					_popoverCellCurrent.on('shown.bs.popover', function(e) {
						if (!_popoverCellCurrent) return;
						var popoverNodeId = _popoverCellCurrent.attr('aria-describedby');
						if (!popoverNodeId) return;
						var popover$Node = jQuery('#' + popoverNodeId);
						if (!popover$Node.length) return;
						var arrow$Node = popover$Node.children('.arrow');
						if (arrow$Node.length) {
							var posTop = parseFloat(arrow$Node.css('top'));
							arrow$Node.css('top', '' + posTop + 'px')
						}
						popover$Node.find('.popoverCellContent').html('<p class="text-muted">Pobieranie funkcji...<p>');
						priv.ajaxLoadMoreFunctionsCell(rowPK);
					});
					_popoverCellCurrent.popover('show');
				}
			} else {
				if (priv.options.debug) console.log('NO data');
				return false;
			}
			return;
		};

		priv.ajaxLoadMoreFunctionsCell = function(rowPK) {
			var dbg = priv.options.debug;
			if (_popoverCellAjaxXhr) {
				_popoverCellAjaxXhr.abort();
			}

			_popoverCellAjaxXhr = $.ajax({
				type: 'GET',
				url: '<?= $this->syncUrl; ?>&_hash=<?php echo $this->_htmlID; ?>&_task=moreFunctionsCellAjax&ID=' + rowPK,
				dataType: 'json',
				contentType: "application/json; charset=utf-8",
				data: ''
			})
			.done(function(data, textStatus, jqXHR){
				if (data && 'success' === data.type) {
					var popoverCellContent,
							rowFunctions = [],
							funcNodesToUpdate = []
					;
					if (data.rowFunctions && data.rowFunctions.length > 0) {
						rowFunctions = data.rowFunctions;
					}
					if (rowFunctions.length > 0) {
						var popoverCellContent = $('<ul class="list-unstyled"></ul>');
						rowFunctions.forEach(function(funObj) {
							var funcNode = p5UI_TableAjax_generateFunctionNode(funObj, rowPK, {ico: true, label: true});
							if (funObj.id) {
								funcNodesToUpdate.push({id: funObj.id, node: funcNode});
							} else {
								var funcItemNode = $('<li></li>').appendTo(popoverCellContent);
								funcItemNode.append(funcNode);
							}
						});
					} else {
						popoverCellContent = '<p class="text-muted">Brak dodatkowych funkcji</p>';
					}
					//_popoverCell.append(popoverCellContent);// cache
					if (_popoverCellCurrent) {
						var popoverNodeId = _popoverCellCurrent.attr('aria-describedby');
						if (popoverNodeId) {
							var popoverNode = jQuery('#' + popoverNodeId),
									popoverCntNode = popoverNode.find('.popoverCellContent'),
									popoverRowFuncNode = popoverNode.find('.popoverRowFunctions');
							;
							{// fix generated row Functions by loaded from ajax call
								if(dbg) console.log('popoverRowFunctions. popoverRowFuncNode', popoverRowFuncNode);
								if(dbg) console.log('popoverRowFunctions. funcNodesToUpdate', funcNodesToUpdate);
								funcNodesToUpdate.forEach(function(funcNodeInfo) {
									var className = 'func_name-' + funcNodeInfo.id,
											foundRowFuncNode = null
									;
									if(dbg) console.log('popoverRowFunctions. funcNodesToUpdate loop:', funcNodeInfo);
									popoverRowFuncNode.find('li > a').each(function(ind, n) {
										var n$ = $(n);
										if(dbg) console.log('popoverRowFunctions loop(',ind,'):', n, 'data(func_name)', n$.data('func_name'), 'data', n$.data());
										if (n$.hasClass(className)) {
											foundRowFuncNode = n$;
										}
									});
									if (foundRowFuncNode) {
										foundRowFuncNode.replaceWith(funcNodeInfo.node);
									} else {
										var funcItemNode = $('<li></li>').appendTo(popoverCellContent);
										funcItemNode.append(foundRowFuncNode);
									}
								});
							}
							popoverCntNode.empty().append(popoverCellContent);
							if (rowFunctions.length <= 0) {
								popoverCntNode.find('p.text-muted').delay(600).hide(300);
							}
						}
					}
				}
			});

		};

		priv.renderRowEmptyNode = function() {
			var rowNode = $('<tr></tr>');

			if (priv.options.rowFunctions || priv.options.filtersClean) {
				$('<td class="text-right stickyCol1">&nbsp;</td>').appendTo(rowNode);
			}

			if (_state.primaryKey && priv.options.checkboxes) {
				$('<td><input disabled type="checkbox" /></td>').appendTo(rowNode);
			}
			for (var i = 0; i < _state.colsSorted.length; i++) {
				var columnName = _state.colsSorted[i],
						columnProps = _data.cols[columnName]
				;
				if (!columnProps) return;
				if (columnProps.hidden) continue;// "unique" is hidden - TODO: rm "unique" from _state.colsSorted ?

				if (i == 1) {// TODO: 1 is pk - use better check
					$('<td class="stickyCol2">&nbsp;</td>').appendTo(rowNode);
				} else {
					$('<td>&nbsp;</td>').appendTo(rowNode);
				}
			}
			return rowNode;
		};

		priv.renderTableTheadSort = function() {
			var nodeClass = 'tblAjax__' + 'head__sort'
			var currentNode = _uiNode$Table.find('thead').find('.' + nodeClass)
			var node = $('<tr class="sort ' + nodeClass + '"></tr>')
			if (priv.options.tblFunctions || priv.options.filtersClean) {
				var headCell = $('<th class="text-right head-info stickyCol1"></th>').appendTo(node)
				$.map(priv.options.tblFunctions, function (funObj, funName) {
					var funHtml = $('<a></a>')
					funHtml.attr('href', funObj.href || '#')
					if (funObj.title) funHtml.attr('title', funObj.title)
					if (funObj.icon) funHtml.html('<span class="glyphicon glyphicon-' + funObj.icon + '"></span> ')
					if (funObj.method && priv[funObj.method] && typeof priv[funObj.method] == 'function') {
						funHtml.on('click', priv[funObj.method])
					}
					funHtml.appendTo(headCell)
				})
			}

			if (_state.primaryKey && priv.options.checkboxes) {
				var checked = _checkToggleChecked ? 'checked' : ''
				var headCell = $('<th></th>').appendTo(node)
				var elem = $(p5Utils__format('<input {0} class="checkToggle" type="checkbox" />', [checked])).appendTo(headCell)
				elem.on('change', priv.checkToggleChanged)
			}

			for (var i = 0; i < _state.colsSorted.length; i++) {
				var column = _state.colsSorted[i]
				var props = _data.cols[column]
				if (props.hidden) continue

				var headCell = $('<th class="ta-ordering"></th>').appendTo(node)
				if (i == 1) headCell.addClass('stickyCol2')

				if (props.type != 'special' && props.type != 'geom') { // TODO: props.isSortable
					headCell.on('click', {column: column}, priv.columnClicked)
				}

				var nodeLabel = (props.friendly) ? props.friendly : column
				var nodeTitle = column
				if (props.description && props.description.length > 0) {
					nodeTitle = p5Utils__format("{0} ({1})", [props.description, column])
				}
				else if (props._tsRetId > 0) {
					nodeTitle = p5Utils__format("Kliknij na pole i przejdź do powiązanych rekordów ({0})", [nodeTitle])
				}
				if ('ref' === props.type && props.xsdRefType) {
					nodeLabel = '<i class="glyphicon glyphicon-export"></i> ' + props.xsdRefType
					if (props.description && props.description.length > 0 && props.description !== column) {
						nodeTitle = p5Utils__format("{0} (ref {1})", [props.description, column])
					} else {
						nodeTitle = p5Utils__format("(ref {0})", [column])
					}
				}
				var headCnt = $(p5Utils__format('<span class="pull-left" title="{1}">{0}</span>', [nodeLabel, nodeTitle]))
				headCnt.appendTo(headCell)

				if (column == _state.filters.currSortCol) {
					headCell.addClass((_state.filters.currSortFlip) ? 'ta-ordering-down' : 'ta-ordering-up')
				}

				if (column !== _state.primaryKey) {
					var hideColBtn = $('<i class="glyphicon glyphicon-remove remove-cell"></i>')
					hideColBtn.on('click', {column: column},  priv.columnHideClicked)
					hideColBtn.appendTo(headCell)
				}
			}

			currentNode.replaceWith(node)
		};

		priv.renderHeadSpecialFilters = function() {
			var nodeClass = 'tblAjax__' + 'head__specialFilter',
					currentNode = $(_uiNodeCont).prev('.' + nodeClass),
					node;
			/// console.log('L.<?php echo __LINE__; ?> renderTable::renderHeadSpecialFilters...');//TODO:DBG:RMME
			if (!priv.options.specialFilterFunctions) {
				return;
			}
			var node = $('<div class="btn-toolbar tblAjax__head__specialFilter"></div>');
			$.map(priv.options.specialFilterFunctions, function(groupObj, groupName) {
				var btnHtml,
						btnSelected,
						groupLabel = groupObj.label || groupName,
						groupHtml = $('<div class="btn-group"></div>')
				;
				// _state.specialFilters[e.data.group] = e.data.value;
				if (groupName in _state.specialFilters) {
					btnSelected = _state.specialFilters[groupName];
				}
				if (groupObj.icon) {
					$('<button class="btn btn-xs btn-default" title="' + groupLabel + '"><i class="' + groupObj.icon + '"></i></button>').appendTo(groupHtml);
				}
				$.map(groupObj.btns, function(btnObj, btnName) {
					btnHtml = $('<button class="btn btn-xs btn-default' + ((btnSelected && btnSelected == btnObj.value)? ' active' : '') + '">' + btnName + '</button>').appendTo(groupHtml);
					btnHtml.on('click', {group: groupName, value: btnObj.value}, priv.specialFilterChanged);
				});
				btnHtml = $('<button class="btn btn-xs btn-default' + ((!btnSelected)? ' disabled' : '') + '" title="Kasuj filtr"><i class="glyphicon glyphicon-remove"></i></button>').appendTo(groupHtml);
				btnHtml.on('click', {group: groupName, value: ''}, priv.specialFilterChanged);
				groupHtml.appendTo(node);
			});

			currentNode.replaceWith(node);
		};

		priv.renderTableTheadFilter = function() {
			var nodeClass = 'tblAjax__' + 'head__filter',
					currentNode = _uiNode$Table.find('thead').find('.' + nodeClass),
					node;
			/// console.log('L.<?php echo __LINE__; ?> renderTable::renderTableTheadFilter...');//TODO:DBG:RMME
			// currentNode.find('i').tooltip('hide');
			node = $('<tr class="filter ' + nodeClass + '"></tr>');
			//_head.find(".filter").remove();
			//_headFilter = $('<tr class="filter"></tr>').appendTo(_head);
			var headCell;
			var elem;
			var placeHolder = '';
			var tooltip = '';

			//create the functions column
			if (priv.options.rowFunctions || priv.options.filtersClean) {
				var headCell = $('<th class="text-right stickyCol1"></th>').appendTo(node);
				headCell.css({padding: '0'});
				if (priv.options.filtersClean) {
					var elem = $('<button title="Kasuj filtry" class="btn btn-xs btn-link glyphicon glyphicon-remove"></button>').appendTo(headCell);
					elem.on('click', priv.filtersClean);
				}
			}

			//create the filter checkbox
			if (_state.primaryKey && priv.options.checkboxes) {
				tooltip = priv.options.types.bool.filterTooltip || 'Toggle between:<br/>indeterminate,<br/>checked,<br/>unchecked';
				headCell = $('<th></th>').appendTo(node);
				elem = $('<input class="filter indeterminate" checked type="checkbox" />').appendTo(headCell);
				$.map(_state.filters.filterCols, function(colProps, col) {
					if (col == "unique") {
						if (colProps.filter) elem.prop('checked', true).removeClass('indeterminate');
						else if (!colProps.filter) elem.prop('checked', false).removeClass('indeterminate');
						else if (colProps.filter == '') elem.addClass('indeterminate');
					}
				});

				if (tooltip) {
					elem.tooltip({
						title: tooltip.trim(),
						html: true,
						container: 'body',
						trigger: 'hover',
						placement: 'top',
						delay: {
							show: 500,
							hide: 100
						}
					});
				}
				elem.on('click', {column: "unique"}, priv.filterChanged);
			}

			//create the column filters
			for (var i = 0; i < _state.colsSorted.length; i++) {
				var column = _state.colsSorted[i];
				var props = _data.cols[column];
				tooltip = props.filterTooltip === true ? undefined : props.filterTooltip === false ? '' : props.filterTooltip;
				placeHolder = props.placeHolder === true ? undefined : props.placeHolder === false ? '' : props.placeHolder;
				if (props.hidden) continue;

				headCell = $('<th></th>').appendTo(node);
				headCell.css({padding: '0'});
				if (i == 1) headCell.addClass('stickyCol2');

				// @mark MarkTableAjaxFilterColType
				switch (props.type || 'string') {
						case "number":
								if (placeHolder == undefined) placeHolder = priv.options.types.number.placeHolder;
								placeHolder = (placeHolder === true || placeHolder == undefined) ? '' : placeHolder === false ? '' : placeHolder;
								if (tooltip == undefined) tooltip = priv.options.types.number.filterTooltip;
								tooltip = (tooltip === true || tooltip == undefined) ? '' : tooltip === false ? '' : tooltip;
								elem = $(p5Utils__format('<input placeholder="{0}" class="filter" type="text" />', [placeHolder]));
								elem.on('keyup', {column: column}, priv.filterChanged);
								break;
						case "date":
								if (placeHolder == undefined) placeHolder = priv.options.types.date.placeHolder;
								placeHolder = (placeHolder === true || placeHolder == undefined) ? '' : placeHolder === false ? '' : placeHolder;
								if (tooltip == undefined) tooltip = priv.options.types.date.filterTooltip;
								tooltip = (tooltip === true || tooltip == undefined) ? '' : tooltip === false ? '' : tooltip;
								elem = $(p5Utils__format('<div><input placeholder="{0}" class="filter" type="text" /></div>', [placeHolder]));

								if (priv.options.types.date.datePicker === true || priv.options.types.date.datePicker == undefined)
								{
										if ($().datepicker)
										{
												elem.addClass('date-wrap');
												var today = 0;//new priv.ext.XDate(false).setHours(0, 0, 0, 0).toString('yyyy-MM-dd');
												var dp = $(p5Utils__format('<div style="float:right" class="date" data-date="{0}" data-date-format="{1}" />', [today, 'yyyy-mm-dd'])).appendTo(elem);
												$('<input style="display:none" type="text"  />').appendTo(dp);
												$('<span class="add-on"><i class="glyphicon glyphicon-chevron-right"></i></span>').on('click', {op: "l"}, priv.dpOpChanged).appendTo(dp);
												$('<span class="add-on"><i class="glyphicon glyphicon-chevron-left"></i></span>').on('click', {op: "r"}, priv.dpOpChanged).appendTo(dp);
												dp.datepicker({weekStart:1});
												dp.on('changeDate', {column: column, input: $('input.filter', elem)}, priv.dpClicked);
										}
										else
										if (priv.options.debug) console.log('datepicker plugin not found');
								}
								elem.on('keyup', 'input.filter', {column: column}, priv.filterChanged);
								break;
						case "bool":
								if (tooltip == undefined) tooltip = priv.options.types.bool.filterTooltip;
								tooltip = (tooltip === true || tooltip == undefined) ? 'Toggle between:<br/>indeterminate,<br/>checked,<br/>unchecked' : tooltip === false ? '' : tooltip;
								elem = $('<input class="filter indeterminate" checked type="checkbox" />');
								elem.on('click', {column: column}, priv.filterChanged);
								break;
						case "p5:price":
						case "p5:www_link":
						case "p5:string":
						case "string":
								if (placeHolder == undefined) placeHolder = priv.options.types.string.placeHolder;
								placeHolder = (placeHolder === true || placeHolder == undefined) ? '%' : placeHolder === false ? '' : placeHolder;
								if (tooltip == undefined) tooltip = priv.options.types.string.filterTooltip;
								tooltip = (tooltip === true || tooltip == undefined) ? 'Find str: str<br/>Find all but str: !str<br/>Find str inside: %str%' : tooltip === false ? '' : tooltip;
								elem = $(p5Utils__format('<input placeholder="{0}" class="filter" type="text" size="8" />', [placeHolder]));
								elem.on('keyup', {column: column}, priv.filterChanged);
								break;
						case "special":
								elem = $('<div>&nbsp;</div>');
								break;
						case "simpleLink":
								elem = $('<div>&nbsp;</div>');
								break;
						case "geom":
								if (placeHolder == undefined) placeHolder = priv.options.types.string.placeHolder;
								placeHolder = (placeHolder === true || placeHolder == undefined) ? '%' : placeHolder === false ? '' : placeHolder;
								elem = $(p5Utils__format('<input placeholder="{0}" class="filter" type="text" size="8" />', [placeHolder]));
								elem.on('keyup', {column: column}, priv.filterChanged);
								break;
						case "none":
								elem = $('<div>&nbsp;</div>');
								break;
						case "ref": // TODO: search for ref fields
								elem = $('<div>&nbsp;</div>')
								break;
						default:
								elem = $('<div>&nbsp;</div>')
								break;
				}

				if (false) {// tooltip OFF - (tooltip)
					elem.tooltip({
						title: tooltip.trim(),
						html: true,
						container: 'body',
						trigger: 'focus',
						placement: 'top',
						delay: {
							show: 500,
							hide: 100
						}
					});
				}

				if (elem && props.filter) {
					$.map(_state.filters.filterCols, function(colProps, col) {
						if (col == column) {
							var columnSettings = _data.cols[col];
							if (columnSettings.type == 'bool') {
								if (colProps.filter) elem.prop('checked', true).removeClass('indeterminate');
								else if (!colProps.filter) elem.prop('checked', false).removeClass('indeterminate');
								else if (colProps.filter == '') elem.addClass('indeterminate');
							}
							else elem.val(colProps.filter);
						}
					});
					if (priv.options.forceFilterInit && undefined !== priv.options.forceFilterInit[column]) {
						elem.prop('disabled', true);
					}
					elem.appendTo(headCell);

					_filterFields[column] = elem;
				}
			}

			currentNode.replaceWith(node);
		};

		priv.renderTableTfoot = function() {
			_uiNode$Table.find('tfoot').remove();
			_foot = $('<tfoot></tfoot>').insertAfter(_bodyNode);
			//$(_uiNodeCont).next('.foot').replaceWith(_foot);
		};

		priv.renderFooter = function() {
			priv.renderFooterInfo();
			priv.renderFooterPagination();
			priv.renderFooterPageSizes();
			priv.renderFooterColumnPicker();
			priv.renderFooterFunctions();
			priv.renderFooterExport();
		};

		priv.renderFooterInfo = function() {
			var nodeClass = 'tblAjax__' + 'footer__toolbar__info',
					currentNode = $(_uiNodeCont).next('.foot').find('.' + nodeClass),
					node;
			if (priv.options.debug) console.log('Render: ', nodeClass);
			node = $('<div class="foot-info ' + nodeClass + '"></div>');
			//console.log('renderFooterInfo total', _data.total, 'page', _state.page, 'priv.options.pageSize', priv.options.pageSize);
			var fromRow = Math.max(_state.page - 1, 0) * _state.pageSize;
			var total = _data.total;
			var toRow = Math.min(fromRow + _state.pageSize, total);
			if (_data.total > 0) {
				$(p5Utils__format('<p>Wiersze od {0} do {1} z {2}</p>', [fromRow + 1, toRow, total])).appendTo(node);
			} else {
				$('<p>Brak wierszy pasujących do kryteriów wyszukiwania</p>').appendTo(node);
			}
			currentNode.replaceWith(node);
		};
		priv.renderFooterPagination = function() {
			var nodeClass = 'tblAjax__' + 'footer__toolbar__pagination',
					currentNode = $(_uiNodeCont).next('.foot').find('.' + nodeClass),
					node;
			var currPage = _state.page;
			var totalPages = Math.ceil(_data.total / _state.pageSize);
			if (priv.options.debug) console.log('Render: ', nodeClass, '_data.total', _data.total, 'currPage', currPage);
/// console.log('Render: ', nodeClass, '_data.total', _data.total, 'currPage', currPage, '_state.page', _state.page);
			if (_data.total > 0) {
				node = $('<div class="btn-group ' + nodeClass + '"></div>');
				//create the pager.
				var lowerPage = currPage - 2;
				var upperPage = currPage + 2;
				if (upperPage > totalPages) {
					var diff = upperPage - totalPages;
					upperPage = totalPages;
					lowerPage -= diff;
				}
				if (lowerPage < 1) lowerPage = 1;
				if (upperPage < 5) upperPage = 5;

				//$(p5Utils__format('<li class="{0}"><a href="#">&lt;&lt;</a></li>', [currPage == 1 ? 'disabled' : '']))
				$(p5Utils__format('<button type="button" class="btn btn-default{0}">&lt;&lt;</button>', [currPage == 1 ? ' disabled' : '']))
					.on('click', {pageIndex: 1}, priv.pageChanged)
					.appendTo(node);
				//$(p5Utils__format('<li class="{0}"><a href="#">&lt;</a></li>', [currPage == 1 ? 'disabled' : '']))
				$(p5Utils__format('<button type="button" class="btn btn-default{0}">&lt;</button>', [currPage == 1 ? ' disabled' : '']))
					.on('click', {pageIndex: currPage - 1}, priv.pageChanged)
					.appendTo(node);

				for (var i = lowerPage; i <= upperPage; i++) {
					var link;
					//if (i != currPage) link = $(p5Utils__format('<li class="{1}"><a href="#">{0}</a></li>', [i, i > totalPages ? 'disabled' : '']));
					if (i != currPage) link = $(p5Utils__format('<button type="button" class="btn btn-default{1}">{0}</button>', [i, i > totalPages ? ' disabled' : '']));
					//if (i == currPage) link = $(p5Utils__format('<li class="active"><a href="#">{0}</a></li>', [i]));
					if (i == currPage) link = $(p5Utils__format('<button type="button" class="btn btn-default active">{0}</button>', [i]));

					if (link) {
						link.on('click', {pageIndex: i}, priv.pageChanged);
						link.appendTo(node);
					}
				}
				//$(p5Utils__format('<li class="{0}"><a href="#">&gt;</a></li>', [currPage == totalPages ? 'disabled' : '']))
				$(p5Utils__format('<button type="button" class="btn btn-default{0}">&gt;</button>', [currPage == totalPages ? ' disabled' : '']))
					.on('click', {pageIndex: currPage + 1}, priv.pageChanged)
					.appendTo(node);
				//$(p5Utils__format('<li class="{0}"><a href="#">&gt;&gt;</a></li>', [currPage == totalPages ? 'disabled' : '']))
				$(p5Utils__format('<button type="button" class="btn btn-default{0}">&gt;&gt;</button>', [currPage == totalPages ? ' disabled' : '']))
					.on('click', {pageIndex: totalPages}, priv.pageChanged)
					.appendTo(node);
			} else {
				node = $('<span class="' + nodeClass + '"></span>');
			}
			currentNode.replaceWith(node);
		};
		priv.renderFooterPageSizes = function() {
			var nodeClass = 'tblAjax__' + 'footer__toolbar__pagesizes',
					currentNode = $(_uiNodeCont).next('.foot').find('.' + nodeClass),
					node;
			if (priv.options.debug) console.log('Render: ', nodeClass);
			if (_data.total > 0 && priv.options.pageSizes.length > 0) {
				node = $('<div class="btn-group dropup pagesize ' + nodeClass + '"></div>');
				var btn = $('<button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" href="#">Liczba wierszy&nbsp;</button>').appendTo(node);
				var span = $('<span class="caret"></span>').appendTo(btn);
				var ul = $('<ul class="dropdown-menu" style="max-height:250px;overflow:auto;">').appendTo(node);

				$.each(priv.options.pageSizes, function(index, val) {
					var li = $('<li></li>').appendTo(ul);
					if (val == priv.options.pageSize) {
						$(p5Utils__format('<a style="color:#337AB7;">{0}</a>', [val])).appendTo(li);
					} else {
						$(p5Utils__format('<a href="#">{0}</a>', [val])).appendTo(li);
					}
				});
				node.on('click', 'a', priv.pageSizeChanged);
			} else {
				node = $('<span class="' + nodeClass + '"></span>');
			}
			currentNode.replaceWith(node);
		};
		priv.renderFooterColumnPicker = function() {
			var nodeClass = 'tblAjax__' + 'footer__toolbar__columnPicker',
					currentNode = $(_uiNodeCont).next('.foot').find('.' + nodeClass),
					node;
			if (priv.options.debug) console.log('Render: ', nodeClass);
			if (priv.options.columnPicker) {
				node = $('<div class="btn-group dropup columnpicker ' + nodeClass + '"></div>');
				var btn = $('<button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" href="#">Kolumny&nbsp;</button>').appendTo(node);
				var span = $('<span class="caret"></span>').appendTo(btn);
				var ul = $('<ul class="dropdown-menu" style="max-height:250px;overflow:auto;">').appendTo(node);

				var selectedFilter = priv.modelColFilter_getSelected();
				priv.modelColFilter_getFilters().map(function(colFltr) {
					var li = $('<li></li>').appendTo(ul),
							selected = (selectedFilter && selectedFilter == colFltr.name)? 'checked="checked"' : '',
							input = '<input ' + selected + ' type="radio" style="margin:0"/>',
							a = $('<a href="#" data-col_filter="' + colFltr.name + '" style="padding:0px 20px;">' + input + ' ' + colFltr.label + '</a>').appendTo(li);
							if ('all' != colFltr.name && 'most_used' != colFltr.name) {
								arm = $('<button data-col_filter="' + colFltr.name + '" class="pull-right btn btn-xs btn-link" style="margin:0;padding:0;border:0;color:red">' + '&times;' + '</a>').appendTo(a);
								arm.on('click', priv.modelColFilter_onClickRemoveFilter)
							}
				});

				{// if (!selectedFilter) {// save current filter
					var li = $('<li style="text-align:center; clear:both"></li>').appendTo(ul)
					priv.modelColFilter_getSaveBtn().appendTo(li);
				}

				$('<li class="divider"></li>').appendTo(ul);
				$.each(_data.cols, function(col, props) {
					if (props.type != "unique" && col != _state.primaryKey) {
						var li = $('<li></li>').appendTo(ul),
								label = (props.friendly || col).replace(/<br\/?>/g, ' '),
								input = p5Utils__format('<input {0} type="checkbox" title="{1}" value="{1}" style="margin:0"/>&nbsp;{2}', [(props.hidden) ? '' : 'checked', col, label]),
								a = $('<a href="#" style="padding:0px 20px;">' + input + '</a>').appendTo(li);
					}
				});
				node.on('click', 'input[type="checkbox"]', priv.columnPickerClicked);
				node.on('click', 'a', priv.columnPickerLinkClicked);
			} else {
				node = $('<span class="' + nodeClass + '"></span>');
			}
			currentNode.replaceWith(node);
		};
		priv.renderFooterFunctions = function() {
			var nodeClass = 'tblAjax__' + 'footer__toolbar__functions',
					currentNode = $(_uiNodeCont).next('.foot').find('.' + nodeClass),
					node;
			if (priv.options.debug) console.log('Render: ', nodeClass);
			if (priv.options.tblFunctions) {
				node = $('<div class="btn-group ' + nodeClass + '"></div>');
				$.map(priv.options.tblFunctions, function(funObj, funName){
					var funHtml = $('<button class="btn btn-sm btn-default"></button>');
					if (funObj.title) funHtml.attr('title', funObj.title);
					if (funObj.method) funHtml.on('click', priv[funObj.method]);
					else if (funObj.href) funHtml.on('click', {hash:funObj.href}, priv.routeChanged);

					var funIconHtml = $('<i></i>');
					if (funObj.icon) funIconHtml.attr('class', 'glyphicon glyphicon-' + funObj.icon);
					funIconHtml.prependTo(funHtml);

					funHtml.addClass('btn');
					funHtml.appendTo(node);
				});
			} else {
				node = $('<span class="' + nodeClass + '"></span>');
			}
			currentNode.replaceWith(node);
		};
		priv.renderFooterExport = function() {
			var nodeClass = 'tblAjax__' + 'footer__toolbar__export',
					currentNode = $(_uiNodeCont).next('.foot').find('.' + nodeClass),
					node;
			if (priv.options.debug) console.log('Render: ', nodeClass);
			if (priv.options.exportFields && priv.options.exportFields.length) {
				node = $('<div class="btn-group dropup pagesize ' + nodeClass + '"></div>');
				var btn = $('<button class="btn btn-sm dropdown-toggle" data-toggle="dropdown" href="#">Export&nbsp;</button>').appendTo(node);
				var span = $('<span class="caret"></span>').appendTo(btn);
				var ul = $('<ul class="dropdown-menu" style="max-height:250px;padding:5px 20px 5px 8px;overflow:auto;">').appendTo(node);

				$.each(_data.cols, function(col, props) {
					if (-1 !== priv.options.exportFields.indexOf(col)) {
						var li = $('<li></li>').appendTo(ul);
						$(p5Utils__format('<input {0} type="checkbox" title="{1}" value="{1}" >&nbsp;{2}</input>', [(_exportFieldsSelect[col])? 'checked' : '', col, props.friendly || col])).appendTo(li);
						li.on('click', 'input', priv.exportFieldChanged);
					}
				});

				var li = $('<li></li>').appendTo(ul);
				$('<a href="index.php" target="_blank" class=""><i class="glyphicon glyphicon-share"></i>Export do HTML</a>').appendTo(li);
				li.on('click', 'a', priv.exportToHTML);
				var li = $('<li></li>').appendTo(ul);
				$('<a href="index.php" target="_blank" class=""><i class="glyphicon glyphicon-share"></i>Export do CSV</a>').appendTo(li);
				li.on('click', 'a', priv.exportToCSV);
				var li = $('<li></li>').appendTo(ul);
				$('<a href="index.php" target="_blank" class=""><i class="glyphicon glyphicon-share" title="Export do pliku CSV w kodowaniu Windows-1250"></i>Export do CSV (Windows-1250)</a>').appendTo(li);
				li.on('click', 'a', priv.exportToCSVWinCP1250);
			} else {
				node = $('<span class="' + nodeClass + '"></span>');
			}
			currentNode.replaceWith(node);
		};

		priv.renderInlineEditBox = function() {
			var nodeClass = 'tblAjax__' + 'inlineEditBox',
					currentNode = $(_uiNodeCont).parent().children('.' + nodeClass),
					node;
			var node = $('<div class="' + nodeClass + ' modal fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>');
			/// console.log('L.<?php echo __LINE__; ?> Render: priv.renderInlineEditBox, currentNode.html:', currentNode.html(), currentNode);
			var modalWrap = $('<div class="modal-dialog"></div>').appendTo(node);
			var modalWrap = $('<div class="modal-content"></div>').appendTo(modalWrap);
			var frmInlineEdit = $('<form style="margin:0;padding:0;"></form>').appendTo(modalWrap);
			var iebHead = $('<div class="modal-header" style="cursor:pointer">').appendTo(frmInlineEdit);
			$('<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="glyphicon glyphicon-remove" style="color:red"></i></button>').appendTo(iebHead);
			$('<h4 id="myModalLabel">Edytuj</h4>').appendTo(iebHead);
			var iebBodyWrap = $('<div class="modal-body" style="padding:0"></div>').appendTo(frmInlineEdit);
			var iebBody = $('<div style="padding:15px"></div>').appendTo(iebBodyWrap);
			$('<input type="hidden" name="ID" value="">').appendTo(iebBody);
			$('<input type="hidden" name="col" value="">').appendTo(iebBody);
			$('<div class="inlineEditBox-cnt"></div>').appendTo(iebBody);
			var iebFoot = $('<div class="modal-footer"></div>').appendTo(frmInlineEdit);
			$('<button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Zamknij</button>').appendTo(iebFoot);
			var iebBtnSave = $('<input type="submit" value="Zapisz" class="btn btn-primary btn-save">').appendTo(iebFoot);

			frmInlineEdit.on('submit', function() {
				var inlineEditBox$Node = $(_uiNodeCont).parent().children('.tblAjax__inlineEditBox');
				var data = inlineEditBox$Node.find('form').serialize();
				inlineEditBox$Node.find('.inlineEditBox-cnt').html('<span class="loading-info"> loading ...</span>');
				function notifyAjaxCallback(data) {
					var notify = {};
					notify.type = (data && data.type)? data.type : '';
					notify.msg = (data && data.msg)? data.msg : '';
					switch (notify.type) {
						case 'success':
							if (!notify.msg) notify.msg = 'Dane poprawnie zaktualizowane';
							break;
						case 'info':
							if (!notify.msg) notify.msg = 'Nie wprowadzono żadnych zmian';
							break;
						case 'error':
							if (!notify.msg) notify.msg = 'Wystąpiły błędy';
							break;
						case 'warning':
							notify.type = 'warn';
							if (!notify.msg) notify.msg = 'Wystąpiły błędy';
							break;
						default:
							notify.msg = 'Nieznany błąd';
							if (data && data.errorCode) notify.msg += ' ' + data.errorCode;
							notify.type = '';
					}
					jQuery.notify(notify.msg, notify.type);
				}

				$.ajax({
					data: data,
					dataType: 'json',
					type: "POST",
					url: 'index-ajax.php?_zasobID=<?php echo $this->_zasobID; ?>&_cls=<?php echo __CLASS__; ?>&_hash=<?php echo $this->_htmlID; ?>&_task=EDIT_INLINE_SAVE'
				})
				.done(function(data, textStatus, jqXHR){
					notifyAjaxCallback(data);
					publ.refresh();
					inlineEditBox$Node.modal('hide');
				})
				.fail(function(jqXHR){// jqXHR.fail(function( jqXHR, textStatus, errorThrown ) {});
					if (jqXHR.responseJSON) {
						notifyAjaxCallback(jqXHR.responseJSON);
					}
					else {
						var txt = jqXHR.responseText || 'Wystąpiły błędy';
						if (jqXHR.status == 404) {
							jQuery.notify(jqXHR.responseText, 'error');
						} else {
							jQuery.notify(jqXHR.responseText, 'warn');
						}
					}
					inlineEditBox$Node.modal('hide');
				});

				return false;
			});

			currentNode.replaceWith(node);
		};

		priv.exportFieldChanged = function(e) {

			e.stopPropagation();

			var column = $(this).val();

			_exportFieldsSelect[column] = !_exportFieldsSelect[column];
		};

		priv.exportToHTML = function(e) {
			priv.exportData('html', $(this), e);
		};
		priv.exportToCSV = function(e) {
			priv.exportData('csv', $(this), e);
		};
		priv.exportToCSVWinCP1250 = function(e) {
			priv.exportData('csv_cp1250', $(this), e);
		};
		priv.exportData = function(format, node, e) {
			var exportFields = [];
			$.each(_exportFieldsSelect, function(col, selected) {
				if (selected) {
					exportFields.push(col);
				}
			});

			if (!exportFields.length) {
				alert('Nie wybrano żadnych pól do eksportu.');
				e.preventDefault();
				return false;
			}

			var limit = 10000;
			if (!_data.total || _data.total <= 0) {
				alert('Brak rekordów do eksportu.');
				e.preventDefault();
				return false;
			}
			if (_data.total > limit) {
				if (!confirm('Za dużo rekordów. Wyeksportowane zostaną tylko pierwsze ' + limit + ' z ' + _data.total + ' rekordów.')) {
					e.preventDefault();
					return false;
				}
			}

			var exportUrl = 'index.php?_route=ViewTableAjax&_task=export&namespace=<?= $acl->getNamespace(); ?>';
			exportUrl += '&format=' + format;
			exportUrl += '&flds=' + exportFields.join(',');
			exportUrl += '&sortCol=' + (_state.filters.currSortCol || '');
			exportUrl += '&sortDir=' + (_state.filters.currSortFlip ? "desc" : "asc");

			if (Object.keys(_state.filters.filterCols).length > 0) {
				$.each(_state.filters.filterCols, function(col, colProps) {
					if (colProps.filter && colProps.filter.length > 0) {
						exportUrl += '&f_' + col + '=' + colProps.filter;
					}
				});
			}

			// specialFilters
			$.each(_state.specialFilters, function(groupName, btnValue) {
				if (btnValue.length > 0) {
					exportUrl += '&sf_' + groupName + '=' + btnValue;
				}
			});

			if (priv.options.forceFilterInit) {
				$.map(priv.options.forceFilterInit, function(fltrProps, fltr) {
					exportUrl += '&sf_' + fltr + '=' + fltrProps;
				});
			}

			node.attr('href', exportUrl);
		};

		/*
		 calls the webservice(if defined).
		 used only inside priv.init
		 */
		priv.update = function(callback) {
			var skipCols, resetChecked;// undefined
			if (!priv.options.url) {
				if (priv.options.debug) console.log('no url found L.<?php echo __LINE__; ?>');
				return;
			}

			if (priv.options.debug) console.log(p5Utils__format('requesting data from url:{0} data:{1} L.<?php echo __LINE__; ?>', [priv.options.url, JSON.stringify(priv.options.urlData) || '']));

			var initUrlAdd = '',
				filtersInitSet = false;
			initUrlAdd += '&currSortCol=' + _state.filters.currSortCol;
			initUrlAdd += '&currSortFlip=' + ((_state.filters.currSortCol)? "desc" : "asc");
			if (Object.keys(_state.filters.filterCols).length > 0) {
				$.each(_state.filters.filterCols, function(col, colProps) {
					if (colProps.filter && colProps.filter.length > 0) {
						initUrlAdd += '&f_' + col + '=' + encodeURIComponent(colProps.filter);
						filtersInitSet = true;
					}
				});
			}
			$.each(_state.specialFilters, function(groupName, btnValue) {
				if (btnValue.length > 0) {
					initUrlAdd += '&sf_' + groupName + '=' + encodeURIComponent(btnValue);
					filtersInitSet = true;
				}
			});

			if (priv.options.forceFilterInit) {
				$.map(priv.options.forceFilterInit, function(fltrProps, fltr) {
					initUrlAdd += '&f_' + fltr + '=' + encodeURIComponent(fltrProps);
					filtersInitSet = true;
				});
			}

			// p5UI__notifyAjaxCallback({type: 'info', msg: 'pobieranie danych (init) ...'});
			window.fetch(priv.options.url + initUrlAdd, {
				method: priv.options.urlPost ? 'POST' : 'GET',
				credentials: 'same-origin',// add cookies
			}).then(function (response) {
				return response.json()
			}).then(function (data) {
				if (priv.options.debug) console.log('loadDataAjax:fetch:update: request finished L.<?php echo __LINE__; ?> data:', data);
				if ('success' == data.type) {
					// p5UI__notifyAjaxCallback(data);
					if (data && data.cols) {
						priv.setStateCols(data.cols, data.primaryKey);
					}

					// set initial filters (_state.filters.filterCols)
					if (filtersInitSet && _data && _data.cols) {
						$.map(reqData, function(fltrValue, fltr){
							var colName = null;
							if (fltr.substr(0, 3) == 'sf_') {
								colName = fltr.substr(3);
							}
							else if (fltr.substr(0, 2) == 'f_') {
								colName = fltr.substr(2);
							}

							if (colName && _data.cols[colName]) {
								//add the filter to the filter array
								_state.filters.filterCols[colName] = {
									filter: fltrValue,
									colName: colName
								};
							}
						});
					}

					// assign the new state (data)
					state = {data: {}};
					if (!skipCols) state.data.cols = data.cols || {};
					state.data.rows = data.rows || [];
					state.data.total = data.total || 0;
					state.page = data.page || 0;
					state.pageSize = data.pageSize || priv.options.pageSize;
					state.filters = data.filters || {};
					priv.setState(state);

					if (typeof callback == "function") {
						callback.call(this);
					}
				} else if ('error' == data.type) {
					p5UI__notifyAjaxCallback(data);
				} else {
					p5UI__notifyAjaxCallback(data);
				}
			}).catch(function (e) {
				console.log('loadDataAjax:fetch: ERR:', e);
			});
		};

		/*
		 assigns the new data.
		 */
		priv.setState = function(state) {
			var oldState = _state,// TODO: use to check what really changed (use extend!)
					renderParts = {};
			if (state.data) {
				if (state.data.cols && state.data.cols.length > 0) {// TODO: never happen, but if happend then rerender all
					priv.setStateCols(state.data.cols, state.data.primaryKey);
					priv.setStateData(state.data);
					renderParts['head'] = true;
				} else {
					priv.setStateData(state.data, true);
				}
				renderParts['body'] = true;
				renderParts['foot_pagination'] = true;
			}
			if (state.hasOwnProperty('specialFilters')) {
				_state.specialFilters = state.specialFilters;
				renderParts['head__specialFilters'] = true;
			}
			if (state.hasOwnProperty('page')) {
				if (state.page != _state.page) {
					_state.page = state.page;
					renderParts['foot_pagination'] = true;
				}
			}
			if (state.hasOwnProperty('pageSize')) {
				if (state.pageSize != _state.pageSize) {
					_state.pageSize = state.pageSize;
					renderParts['foot_pagination'] = true;
				}
			}
			if (state.hasOwnProperty('filters')) {
/// console.log('L.<?php echo __LINE__; ?> setState::state.filters: ', state.filters);//TODO:DBG:RMME
				priv.setStateFilters(state.filters);
				// TODO: if state diff's
				renderParts['head__specialFilters'] = true;
				renderParts['foot_pagination'] = true;
			}

			renderParts = Object.keys(renderParts);

			if (priv.options.debug) console.log('setState::renderParts: ', renderParts);//TODO:DBG:RMME
///console.log('L.<?php echo __LINE__; ?> setState::renderParts: ', renderParts);//TODO:DBG:RMME
			if (renderParts.length > 0) {
				jQuery(_uiNodeCont).trigger('TableAjax:render', renderParts);
			}
		};

		priv.setStateCols = function(cols, primaryKey) {
			_state.cols = cols;
			_state.primaryKey = primaryKey;
			// fix col name - props.column
			$.each(_state.cols, function(col, props) {
				props.column = col;
			});
			// fix col types - default 'string'
			$.each(_state.cols, function(col, props) {
				if (!props.type) cols[col].type = "string";
			});
			// fix props.filter - set true if not set - TODO: allow filter this col?
			$.each(_state.cols, function(col, props) {
				if (props.filter == undefined) props.filter = true;
			});
			if (_state.primaryKey) {
				//create a unique column definition
				_state.cols["unique"] = {
					column: "unique",
					type: "unique",
					index: -1,
					hidden: true
				};
			}
			_state.colsSorted = Object.keys(_state.cols).sort(function(a, b) {
				return _state.cols[a].index - _state.cols[b].index;
			});
		};

		priv.setStateFilters = function(stateFilters) {
			var newFilterCols = {},
					newSpecialFilters = {};
			$.map(stateFilters, function(fltrProps, fltr) {
				switch (fltr) {
					case 'currSortCol': _state.filters.currSortCol = fltrProps; break;
					case 'currSortFlip': _state.filters.currSortFlip = (fltrProps == 'desc')? true : false; break;
					default:
						if (fltr.substr(0, 2) == 'f_') {
							newFilterCols[fltr.substr(2)] = {
								filter: fltrProps,
								colName: fltr.substr(2)
							};
						}
						else if (fltr.substr(0, 3) == 'sf_') {
							var groupName = fltr.substr(3);
							if (priv.options.specialFilterFunctions.hasOwnProperty(groupName)) {
								newSpecialFilters[groupName] = fltrProps;
							}
						}
				}
			});
			_state.filters.filterCols = newFilterCols;
			_state.specialFilters = newSpecialFilters;
		};

		priv.setStateData = function(pData, skipCols, resetChecked) {
			var data = $.extend(true, {}, pData);
			data.cols = _state.cols;// always use old cols - change cols mved to priv.setStateCols

			_data = data;
			_data.rowsOrg = _data.rows;

			//we might have more/less data now. Recalculate stuff.
			if (_state.page > 1) {
				_totalPages = Math.ceil(_data.total / priv.options.pageSize);
			}

			//keep any previously checked rows around?
			if (resetChecked === true || resetChecked === undefined)
				_uniqueCols = {};
			else {
				for (var key in _uniqueCols)
					_uniqueCols[key] = priv.getRow(key);
			}

			if (_state.primaryKey) {
				//add rows that needs to be pre-checked
				$.each(_data.rows, function(index, row) {
					if (row["checked"] === true)
						_uniqueCols[row[_state.primaryKey]] = row;
				});
			}
		};

		/*
		 sorts the data on the current sorting column
		 */
		priv.sort = function() {
			if (!_data.cols[_state.filters.currSortCol]) _state.filters.currSortCol = "";
			if (!_state.filters.currSortCol) return;

			publ.loadPage(0);
		};

		/*
		 helper that returns the underlying data by the unique value
		 */
		priv.getRow = function(uniqueValue) {
			var row;
			$.each(_data.rowsOrg, function(i, r) {
				if (r[_state.primaryKey] == uniqueValue) {
					row = r;
					return false;
				}
			});
			return row;
		};

		/*
		 when: typing a filter
		 what: triggers filtering on the value
		 */
		priv.filterChanged = function(e) {
			//clear old timer if we're typing fast enough
			if (priv.options.debug) console.log('filterChanged L.<?php echo __LINE__; ?>');
			if (_filterTimeout) {
				clearTimeout(_filterTimeout);
				if (priv.options.debug) console.log('filterChanged L.<?php echo __LINE__; ?> previous filtering cancelled');
			}

			var filter = this.value
				, fltr = $(this)
				, col = _data.cols[e.data.column]
				, timeout = 300;

			if (this.value) {
				if (!fltr.hasClass('filter-active')) {
					fltr.addClass('filter-active');
				}
			} else {
				if (fltr.hasClass('filter-active')) {
					fltr.removeClass('filter-active');
				}
			}

			//boolean filters needs some special care
			if (col.type == "bool" || col.type == "unique") {
				timeout = 0;
				var elem = $(this);
				var cssClass = 'indeterminate';
				if (elem.hasClass(cssClass)) {
					e.preventDefault();
					elem.removeClass(cssClass);
					filter = true;
				} else {
					if (!elem.is(':checked')) {
						filter = false;
					} else {
						elem.addClass(cssClass);
						filter = '';
					}
				}
			}

			//add the filter to the filter array
			_state.filters.filterCols[col.column] = {
				filter: filter,
				colName: col.column
			};
			//wait a few deciseconds before filtering
			_filterTimeout = setTimeout(function(filterValue, colName) {
				_state.filters.filterCols[colName] = {
					filter: filterValue,
					colName: colName
				};
				priv.filter();
			}, timeout, filter, col.column);
		};

		priv.filtersClean = function(e) {
			if (_filterTimeout) {
				clearTimeout(_filterTimeout);
				if (priv.options.debug) console.log('filtering cancelled - filtersClean');
			}

			var filtersActive = false;
			$.map(_state.filters.filterCols, function(colProps, col) {
				if (colProps.filter.length > 0) {
					filtersActive = true;
					colProps.filter = '';
				}
			});

			if (filtersActive) {
				// TODO: dont remove value from forceFilterInit fields - no field names in search fields?
				/// TODO: rerender _head (thead.filter)
				var elems = _uiNode$Table.find('thead').find('.filter').find('input');
				elems.val('').prop('disabled', false);
				elems.removeClass('filter-active');
				priv.filter();
			}
			return false;
		},

		/**
		 * Filters the data.
		 */
		priv.filter = function() {
			if (!priv.options.filter) return;
			if (Object.keys(_state.filters.filterCols).length == 0) return;
			priv.loadPage(0);
		};

		/**
		 * Filters the data by specialFilter.
		 * when: click on special filter
		 * what: triggers filtering on the value
		 */
		priv.specialFilterChanged = function(e) {
			if (priv.options.debug) console.log('specialFilterChanged e.data:', e.data);
			var state = {};
			state.specialFilters = _state.specialFilters;
			state.specialFilters[e.data.group] = e.data.value;
			priv.setState(state);

			publ.loadPage(0);
		};

		priv.longTextChanged = function(e) {
			priv.options.longDesc = !priv.options.longDesc;
			_bodyNode.find('td').each(function(ind, el){
				var $el = jQuery(el);
				if (!$el.attr('class') || $el.attr('class') == 'tbl-short-txt') {
					//console.log(el.attr('class') + ': ' + el.text());
					if (el.firstChild && el.firstChild.nodeName == 'SPAN') {
						if (priv.options.longDesc) {
							$el.addClass('tbl-short-txt');
							var $elSpan = jQuery(el.firstChild);
							$elSpan.tooltip({title: $elSpan.text(), placement: 'left'});
						} else {
							$el.removeClass('tbl-short-txt');
						}
					}
				}
			});
			return false;
		};

		priv.mapEditorHide = function() {
			priv.options.mapEditor = false;
			if ('window' == priv.options.mapEditorContainer) {
				//_mapEditorDialog.dialog("close");
				_mapEditorDialog.dialog("destroy");
			}
			_mapEditorWrap.hide();
			_mapEditor.hide();
		};

		priv.mapEditorShow = function() {
			//console.log('TODO:mapEditorShow():', priv.options.mapEditorContainer, 'visible:', priv.options.mapEditor);
			priv.options.mapEditor = true;
			_mapEditor.show();
			_mapEditorWrap.show();
			_mapEditor.TableAjaxMap({
				//debug: true,
				wpsUrl: 'http://biuro.biall-net.pl/wps',
				wfsUrl: 'http://biuro.biall-net.pl/wps',
				showAddLayerWidget: <?php echo ($this->hasAdditionalLayers())? 'true' : 'false'; ?>,
				zoomStrategyActivate: 14,
				layerName: '<?php echo $this->getLabelHtml(); ?>',
				addBtn: {
					title: 'Przenieś mapę do okna',
					displayClass: 'mapEditor-btnBackToWindow',
					trigger: function() {
						priv.mapEditorHide();
						priv.options.mapEditorContainer = 'window';
						priv.mapEditorShow();
						priv.resizableMapDockNode('destroy');
					}
				},
				onSaveFeature: function(selectedRecordId, selectedFeatureExtent) {
					if (priv.options.debug) console.log('onSaveFeature (',selectedRecordId,'/',selectedFeatureExtent,') ', this);
					if (!selectedRecordId) {
						alert('Brak zaznaczonego rekordu - wybierz rekord z tabeli');
						return;
					}

					function notifyAjaxCallback(data) {
						var notify = {};
						notify.type = (data && data.type)? data.type : '';
						notify.msg = (data && data.msg)? data.msg : '';
						switch (notify.type) {
							case 'success':
								if (!notify.msg) notify.msg = 'Aktualizacja danych dla rekordu ' + selectedRecordId;
								break;
							case 'info':
								if (!notify.msg) notify.msg = 'Nie wprowadzono żadnych zmian';
								break;
							case 'error':
								if (!notify.msg) notify.msg = 'Wystąpiły błędy';
								break;
							case 'warning':
								notify.type = 'warn';
								if (!notify.msg) notify.msg = 'Wystąpiły błędy';
								break;
							default:
								notify.msg = 'Nieznany błąd';
								if (data && data.errorCode) notify.msg += ' ' + data.errorCode;
								notify.type = '';
						}
						jQuery.notify(notify.msg, notify.type);
					}

					$.ajax({
						data: {polygon: selectedFeatureExtent},
						dataType: 'json',
						type: "POST",
						url: 'index-ajax.php?_zasobID=<?php echo $this->_zasobID; ?>&_cls=<?php echo __CLASS__; ?>&_hash=<?php echo $this->_htmlID; ?>&_task=THE_GEOM_SAVE&ID=' + selectedRecordId
					})
					.done(function(data, textStatus, jqXHR){
						notifyAjaxCallback(data);
						//jQuery.notify('Aktualizacja danych dla rekordu ' + selectedRecordId, 'success');
						publ.loadPage(0);// TODO: reload table data
					})
					.fail(function(jqXHR){// jqXHR.fail(function( jqXHR, textStatus, errorThrown ) {});
						if (jqXHR.responseJSON) {
							notifyAjaxCallback(jqXHR.responseJSON);
						}
						else {
							var txt = jqXHR.responseText || 'Wystąpiły błędy';
							if (jqXHR.status == 404) {
								jQuery.notify(jqXHR.responseText, 'error');
							} else {
								jQuery.notify(jqXHR.responseText, 'warn');
							}
						}
					});

				},
				onSelectBox: function(bounds) {
					if (undefined !== OpenLayers.Bounds && bounds instanceof OpenLayers.Bounds) {
						var column = 'the_geom';
						if (undefined !== _filterFields['the_geom']) {
							var filter = 'BBOX:' + bounds.top + ',' + bounds.right + ',' + bounds.bottom + ',' + bounds.left;
							_filterFields[column].val(filter);
							_state.filters.filterCols[column] = {
								filter: filter,
								colName: column
							};
							priv.filter();
						}
					}
				}
			});

			priv.mapEditorShowElement();
		};

		priv.mapEditorShowElement = function() {
			if ('window' == priv.options.mapEditorContainer) {
				var mapEditor = _mapEditorWrap.children('.mapEditor-map');
				if (!mapEditor || !mapEditor.length) {
					var tblCont = jQuery(_uiNodeCont).parent('.AjaxTableCont');
					var mapEditor = tblCont.children('.AjaxTableCont-mapEditorContainer').children('.mapEditor-map');
					if (!mapEditor || !mapEditor.length) {
						// TODO: create new map
					}
					_mapEditorWrap.append(mapEditor);
				}

				_mapEditorWrap.css({padding:'5px'});
				_mapEditorDialog = _mapEditorWrap.dialog({
					width: 540,
					minWidth: 400,
					minHeight: 400,
					open: function(e, ui) {
						var n = jQuery(this),
								mapWrap = n.children(":first"),
								map = mapWrap.children(":first");
						map.css({width: n.width() - 5, height: n.height() - 5});
						_mapEditor.TableAjaxMapUpdateSize();
					},
					resizeStart: function(e, ui) {
						jQuery(this).children(":first").children(":first").css({display:'none'});
					},
					resizeStop: function(e, ui){
						var n = jQuery(this),
								map = n.children(":first").children(":first");
						n.css({width: n.parent().width()});
						map.css({display: 'block', height: n.height(), width: n.width()});
						_mapEditor.TableAjaxMapUpdateSize();
					},
					dragStop: function(e, ui){
						_mapEditor.TableAjaxMapUpdateSize();// to prevent drag-zoom error
					}
				});
				_mapEditorWrap.bind('dialogclose', function(e) {
					priv.options.mapEditor = false;
				});
				var dialogTitleBar = _mapEditorDialog.parent().parent().find('.ui-dialog-titlebar');
				var dialogTitleBarCloseBtn = dialogTitleBar.find('.ui-dialog-titlebar-close');
				if (dialogTitleBarCloseBtn) {
					var btnToggle = jQuery('<span style="width:18px;height:18px;position:absolute;top:50%;right:25px;margin-top:-9px;" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only"><i style="margin-top:3px;" class="glyphicon glyphicon-fullscreen"></i></span>');
					btnToggle.on('click', function(e) {
						priv.options.mapEditorContainer = 'dock';
						_mapEditorWrap.dialog('close');
						priv.mapEditorShowElement();
					});
					btnToggle.insertBefore(dialogTitleBarCloseBtn);
				}
			}
			else if ('dock' == priv.options.mapEditorContainer) {
				priv.resizableMapDockNode('prepare');
				_mapEditor.TableAjaxMapUpdateSize();
			}
		};

		priv.resizableMapDockNode = function(task) {
			if ('prepare' == task) {
				var mapEditor = _mapEditorWrap.children('.mapEditor-map');
				if (mapEditor && mapEditor.length) {// map is inside _mapEditorWrap (window)
					var mapDockNode = jQuery('<div class="AjaxTableCont-mapEditorContainer"></div>');
					var tblCont = jQuery(_uiNodeCont).parent('.AjaxTableCont');
					tblCont.children('.AjaxTableCont-mapEditorContainer').remove();
					var breadcrumb = tblCont.children('.breadcrumb');
					if (!breadcrumb || !breadcrumb.length) {
						tblCont.prepend(mapDockNode);
					} else {
						mapDockNode.insertAfter(breadcrumb);
					}
					mapDockNode.append(mapEditor);
				}
				var mapDockResizable = mapEditor.parent();
				mapDockResizable.resizable({handles: 's', minHeight: 300, minWidth: 300});
				var resizeLineHeigth = 6;
				mapDockResizable.children(":first").css({height: 'auto'});
				mapDockResizable.css({marginBottom: resizeLineHeigth+'px'});
				mapEditor.css({marginBottom: resizeLineHeigth+'px'});
				mapEditor.children(":first").css({width: mapEditor.width()});
				mapDockResizable.find('.ui-resizable-s').css({height:resizeLineHeigth+'px', bottom: '-'+resizeLineHeigth+'px'});
				mapDockResizable.on('resizestart', function(event, ui) {
					ui.element.children(":first").children(":first").css({display:'none'})
				});
				mapDockResizable.on('resizestop', function(event, ui) {
					ui.element.children(":first").children(":first").css({display:'block', height: ui.element.height()});
				});
			} else if ('destroy' == task) {
				var mapDockResizable = jQuery(_uiNodeCont).parent('.AjaxTableCont').children('.AjaxTableCont-mapEditorContainer');
				mapDockResizable.resizable('destroy');
				mapDockResizable.remove();
			}
		};

		priv.mapEditorChanged = function(e) {
			if (priv.options.debug) console.log('mapEditorChanged option(',priv.options.mapEditor,')');
			priv.options.mapEditor = !priv.options.mapEditor;
			if (priv.options.mapEditor) {
				priv.mapEditorShow();
			}
			else {
				priv.mapEditorHide();
			}
			return false;
		};

		/*
		 when: changing page in pager
		 what: triggers table to be created with new page
		 */
		priv.pageChanged = function(e) {
			e.preventDefault();
			var totalPages = Math.ceil(_data.total / _state.pageSize);
			if (e.data.pageIndex < 1 || e.data.pageIndex > totalPages) return;

			//set the new page
			_state.page = e.data.pageIndex;

			publ.loadPage(_state.page);
		};

		/*
		 when: changing pagesize in pagesize dropdown
		 what: triggers table to be created with new pagesize
		 */
		priv.pageSizeChanged = function(e) {
			e.preventDefault();
			var val = $(this).text();
			if (priv.options.debug) console.log(p5Utils__format('pagesize changed to:{0}', [val]));

			if (parseInt(val) == priv.options.pageSize) {
				return false;
			}
			priv.options.pageSize = parseInt(val);

			publ.loadPage(1, priv.options.pageSize);

			jQuery(_uiNodeCont).trigger('TableAjax:render', ['body', 'foot_pagination']);

			priv.saveProfilePageSize(priv.options.pageSize);
		};

		/*
		 when: clicking a column
		 what: triggers table to be sorted by the column
		 */
		priv.columnClicked = function(e) {
			e.preventDefault();
			if (priv.options.debug) console.log(p5Utils__format('col:{0} clicked', [e.data.column]));

			//set the new sorting column
			if (_state.filters.currSortCol == e.data.column) _state.filters.currSortFlip = !_state.filters.currSortFlip;
			_state.filters.currSortCol = e.data.column;
			/// TODO: var state = {}; state.currSortCol = ''; state.currSortFlip = ''; priv.setState(state);

			_headSort = undefined;
			_body = undefined;
			priv.sort();
		};

		priv.saveProfilePageSize = function(pageSize) {
			var reqData = {};
			reqData.pageSize = pageSize;

			$.ajax({
				data: reqData,
				type: "POST",
				dataType: 'json',
				// async: true,
				url: 'index-ajax.php?_zasobID=<?php echo $this->_zasobID; ?>&_cls=<?php echo __CLASS__; ?>&_hash=<?php echo $this->_htmlID; ?>&_task=PAGE_SIZE_SAVE'
			})
			.done(function(data, textStatus, jqXHR){
				if (data && data.type && data.type == 'info') {
					jQuery.notify('Nie wprowadzono żadnych zmian', 'info');
				} else {
					jQuery.notify('Zapisano ustawienia', 'success');
				}
			})
			.fail(function(){
				jQuery.notify('Wystąpił błąd podczas zapisywania ustawień', 'error');
			});
		};

		priv.saveHiddenCols = function() {
			var reqData = {};

			$.each(_data.cols, function(col, props) {
				if (props.type != "unique" && col != 'unique' && col != _state.primaryKey) {
					reqData[col] = (props.hidden)? 'HIDE' : 'SHOW';
				}
			});

			$.ajax({
				data: reqData,
				type: "POST",
				dataType: 'json',
				// async: true,
				url: 'index-ajax.php?_zasobID=<?php echo $this->_zasobID; ?>&_cls=<?php echo __CLASS__; ?>&_hash=<?php echo $this->_htmlID; ?>&_task=HIDDEN_COLS_SAVE'
			})
			.done(function(data, textStatus, jqXHR){
				if (data && data.type && data.type == 'info') {
					jQuery.notify('Nie wprowadzono żadnych zmian', 'info');
				} else {
					jQuery.notify('Zapisano ustawienia', 'success');
				}
			})
			.fail(function(){
				jQuery.notify('Wystąpił błąd podczas zapisywania ustawień', 'error');
			});
		};

		/*
		 when: clicking a column in columnpicker
		 what: triggers table to show/hide the column
		 */
		priv.columnPickerClicked = function(e) {
			e.stopPropagation();

			var column = $(this).val();

			//toggle column visibility
			priv.modelColFilter_toggleColumn(column);

			priv.saveHiddenCols();

			//_data.cols[column].index = new priv.ext.XDate();
			jQuery(_uiNodeCont).trigger('TableAjax:render', ['head', 'body']);
		};

		priv.modelColFilter_init = function() {// run only once, set _state._modelColFilter {selected, filters: [ {name, label, visibleCols} ]}
			var isAllSelected = true;
			if (undefined === _state._modelColFilter) {
				var columnFilters = [];
				{
					var fltrAll = {'name': 'all', 'label': 'Wszystkie', visibleCols: []};
					$.each(_data.cols, function(col, props) {
						if ("unique" == props.type) return;
						fltrAll.visibleCols.push(col);
						if (_data.cols[col].hidden) isAllSelected = false;
					});
					columnFilters.push(fltrAll);
				}
				// {
				// 	var fltrMostUsed = {'name': 'most_used', 'label': 'Najczęściej używane', visibleCols: []};
				// 	var fltrMostUsedLimit = 10;
				// 	$.each(_data.cols, function(col, props) {
				// 		if ("unique" == props.type) return;
				// 		if (fltrMostUsedLimit-- > 0) {
				// 			fltrMostUsed.visibleCols.push(col);
				// 		}
				// 	});
				// 	columnFilters.push(fltrMostUsed);
				// }

				_state._modelColFilter = {
					selected: (isAllSelected)? 'all' : null,
					filters: columnFilters,
					saveBtn: $('<button class="btn btn-xs btn-primary" disabled="disabled">Zapisz widoczne kolumny</button>')
				};
				_state._modelColFilter.saveBtn.on('click', priv.modelColFilter_saveBtnClicked)

				if (priv.options.userTableFilterUrl) {
					window.fetch(priv.options.userTableFilterUrl, {
						method: 'POST',
						headers: {
							'Content-Type': 'application/json'
						},
						credentials: 'same-origin',// add cookies
						body: JSON.stringify({
							namespace: priv.options.namespace,
						})
					}).then(function (response) {
						return response.json()
					}).then(function (result) {
						if ('success' == result.type) {
							// p5UI__notifyAjaxCallback(result)
							_state._modelColFilter.filters = _state._modelColFilter.filters.filter(function (filter) {
								return ('all' === filter.name || 'most_used' == filter.name)
							}).concat(Object.keys(result.data).map(function (fltr) {
								return {
									name: fltr,
									label: fltr,
									visibleCols: result.data[fltr].split(',')
								}
							}))
							jQuery(_uiNodeCont).trigger('TableAjax:render', ['foot__columnPicker']);
						} else {
							p5UI__notifyAjaxCallback(result)
						}
					}).catch(function (e) {
						// TODO: show error ("ajax response error: " + e)
					});
				}
			}
		};
		priv.modelColFilter_onClickRemoveFilter = function (e) {
			e.preventDefault()
			e.stopPropagation()
			var filtrName = $(this).data('col_filter')
			if (!filtrName) return
			window.fetch('<?= Request::getPathUri() . "index.php?_route=ViewTableAjax&_task=rmUserTableFilterAjax" ?>', {
				method: 'POST',
				headers: {
					'Content-Type': 'application/json'
				},
				credentials: 'same-origin',// add cookies
				body: JSON.stringify({
					namespace: '<?= $acl->getNamespace(); ?>',
					filtrName: filtrName,
				})
			}).then(function (response) {
				return response.json()
			}).then(function (result) {
				if ('success' == result.type) {
					p5UI__notifyAjaxCallback(result)
					var userTableFilters = result.data;// resolve(result.data)
					_state._modelColFilter.filters = _state._modelColFilter.filters.filter(function (filter) {
						return ('all' === filter.name || 'most_used' == filter.name)
					}).concat(Object.keys(userTableFilters).map(function (fltr) {
						return {
							name: fltr,
							label: fltr,
							visibleCols: userTableFilters[fltr].split(',')
						}
					}))
					jQuery(_uiNodeCont).trigger('TableAjax:render', ['foot__columnPicker']);
				} else {
					p5UI__notifyAjaxCallback(result)
				}
			}).catch(function (e) {
				p5UI__notifyAjaxCallback({ type: 'error', msg: new String(e) })
			});
		};
		priv.modelColFilter_saveBtnClicked = function (e) {
			swal({
				title: 'Zapisz widoczne kolumny',
				html: '',
				animation: true,
				input: 'text',
				inputPlaceholder: 'nazwa filtra',
				// inputValue: null,
				// inputAttributes: {'step': '0.01'},
				showCancelButton: true,
				confirmButtonText: 'Zapisz',
				showLoaderOnConfirm: true,
				showCloseButton: true,
				preConfirm: function(filtrName) {
					return new Promise(function(resolve, reject) {
						if (!filtrName) reject('Proszę podać nazwę filtra')
						if (filtrName.length > 255) reject('Nazwa za długa')
						window.fetch('<?= Request::getPathUri() . "index.php?_route=ViewTableAjax&_task=addUserTableFilterAjax" ?>', {
							method: 'POST',
							headers: {
								'Content-Type': 'application/json'
							},
							credentials: 'same-origin',// add cookies
							body: JSON.stringify({
								namespace: '<?= $acl->getNamespace(); ?>',
								filtrName: filtrName,
								visibleCols: Object.keys(_data.cols).filter(function(col) {
									return !_data.cols[col].hidden
								}).join(','),
							})
						}).then(function (response) {
							return response.text()
						}).then(function (responseText) {
							try {
								// json = response.json() // BUG: error trafia do catch promisów, zamiast aktualnego bloku
								// -- obiekt response pewnie jest powiązany z Promisem z fetch
								// -- response.json() zwraca Promise tak samo jak response.text()
								return JSON.parse(responseText)
							} catch (e) {
								throw responseText
							}
						}).then(function (result) {
							if ('success' == result.type) {
								p5UI__notifyAjaxCallback(result)
								resolve(result.data)
							} else {
								p5UI__notifyAjaxCallback(result)
								reject(result.msg || "Wystąpił błąd!")
							}
						}).catch(function (e) {
							reject("ajax response error: " + e)
						});
			    })
			  },
			  allowOutsideClick: false
			}).then(function(userTableFilters) {
				_state._modelColFilter.filters = _state._modelColFilter.filters.filter(function (filter) {
					return ('all' === filter.name || 'most_used' == filter.name)
				}).concat(Object.keys(userTableFilters).map(function (fltr) {
					return {
						name: fltr,
						label: fltr,
						visibleCols: userTableFilters[fltr].split(',')
					}
				}))
				jQuery(_uiNodeCont).trigger('TableAjax:render', ['head', 'body', 'foot__columnPicker']);
			}).catch(function(e) {
				// eg. hit Cancel
			})
		}
		priv.modelColFilter_getSaveBtn = function () {
			priv.modelColFilter_init();
			return _state._modelColFilter.saveBtn
		}
		priv.modelColFilter_getFilters = function() {
			priv.modelColFilter_init();
			return _state._modelColFilter.filters;
		};
		priv.modelColFilter_getSelected = function() {
			priv.modelColFilter_init();
			return _state._modelColFilter.selected;
		};
		priv.modelColFilter_setFilter = function(filterKey) {
			priv.modelColFilter_init();
			_state._modelColFilter.selected = filterKey;

			priv.modelColFilter_uiUncheckAllColFilters();
			priv.modelColFilter_uiCheckColFilter(filterKey);
		};
		priv.modelColFilter_toggleColumn = function(column, value) {
			priv.modelColFilter_init();
			_state._modelColFilter.selected = null;
			if (!_data.cols[column] || !_data.cols[column]) return;
			_data.cols[column].hidden = (undefined !== value)? value : !_data.cols[column].hidden;

			priv.modelColFilter_uiUncheckAllColFilters();
			{
				var isAllSelected = true;
				$.each(_data.cols, function(col, props) {
					if ("unique" == props.type) return;
					if (_data.cols[col].hidden) isAllSelected = false;
				});
				if (isAllSelected) {
					_state._modelColFilter.selected = 'all';
					priv.modelColFilter_uiCheckColFilter('all');
				}
			}
		};
		priv.modelColFilter_uiUncheckAllColFilters = function() {
			var nodeClass = 'tblAjax__' + 'footer__toolbar__columnPicker',
					currentNode = $(_uiNodeCont).next('.foot').find('.' + nodeClass)
			;
			currentNode.find('input[type="radio"]').prop("checked", false);
		};
		priv.modelColFilter_uiCheckColFilter = function(filterKey) {
			var nodeClass = 'tblAjax__' + 'footer__toolbar__columnPicker',
					currentNode = $(_uiNodeCont).next('.foot').find('.' + nodeClass)
			;
			currentNode.find('input[type="radio"]').each(function(idx, input) {
				var input$ = jQuery(input);
				if (filterKey == jQuery(input$).parent().data('col_filter')) {
					input$.prop("checked", true);
				} else {
					input$.prop("checked", false);
				}
			});
		};

		priv.columnPickerLinkClicked = function(e) {
			e.stopPropagation();
			var input$ = $(this).find('input'),
					col_filter = $(this).data('col_filter'),
					columnFilters = priv.modelColFilter_getFilters()
			;

			if (col_filter) {
				var filter = null;
				$.each(columnFilters, function(idx, colFltr) {
					if (col_filter == colFltr.name) {
						filter = colFltr;
					}
				});
				if (!filter) return;
				$.each(_data.cols, function(col, props) {
					var isHidden = (-1 === filter.visibleCols.indexOf(col));
					priv.modelColFilter_toggleColumn(col, isHidden);
				});
				priv.modelColFilter_setFilter(col_filter);
				priv.saveHiddenCols();
				jQuery(_uiNodeCont).trigger('TableAjax:render', ['head', 'body', 'foot__columnPicker']);
			} else {
				e.preventDefault();
				if (input$.length != 1) return;
				var column = input$.val();
				if (!column) return;
				//toggle column visibility
				priv.modelColFilter_toggleColumn(column);
				input$.prop("checked", !input$.is(':checked'));// update view
				priv.saveHiddenCols();
				//_data.cols[column].index = new priv.ext.XDate();
				jQuery(_uiNodeCont).trigger('TableAjax:render', ['head', 'body']);
			}
		};

		priv.columnHideClicked = function(e) {
			e.stopPropagation();

			var column;
			if (e.data && e.data.column) {
				column = e.data.column;
			} else {
				return;
			}

			//toggle column visibility
			priv.modelColFilter_toggleColumn(column);

			priv.saveHiddenCols();

			//_data.cols[column].index = new priv.ext.XDate();
			jQuery(_uiNodeCont).trigger('TableAjax:render', ['head', 'body', 'foot__columnPicker']);
		};

		/*
		 when: clicking a row checkbox
		 what: toggles checked state on row, and add/removes it from checked array
		 */
		priv.rowChecked = function(e) {
			var elem = $(this);

			//get the row's unique value
			var unique = elem.closest('tr').data('unique');
			if (priv.options.debug) console.log(p5Utils__format('row({0}) {1}', [unique, elem.is(':checked') ? 'checked' : 'unchecked']));

			//store the row in checked array
			if (elem.is(':checked')) _uniqueCols[unique] = priv.getRow(unique);
			else delete _uniqueCols[unique];
		};

		/*
		 when: clicking anywhere on a row
		 what: row data and other info is returned to caller
		 */
//		priv.rowClicked = function(e) {// TODO: not used
//			if (!_state.primaryKey) {
//				if (priv.options.debug) console.log('no unique column specified');
//				return;
//			}

//			//gather callback data
//			var elem = $(this);
//			var column = _data.cols[elem.data('column')];
//			var unique = elem.closest('tr').data('unique');
//			var row = priv.getRow(unique);
//			var isChecked = elem.closest('tr').find('.unique').is(':checked');

//			//trigger callback
//			if (typeof priv.options.rowClicked == 'function') {
//				priv.options.rowClicked.call(e.target, {
//					event: e,
//					row: row,
//					column: column,
//					checked: isChecked
//				});
//			}
//		};

		/**
		 * Inline edit.
		 */
		priv.rowDblClicked = function(e) {
			var inlineEditBox$Node = $(_uiNodeCont).parent().children('.tblAjax__inlineEditBox');

			// hide popover for typespecial fld on click
			if (_popoverCellCurrent) {
				_popoverCellCurrent.popover('hide');
			}

			// e.clientX: 1002; e.clientY: 245
			if ('id' in e.data && 'col' in e.data && e.data.id > 0) {
				inlineEditBox$Node.modal();
				inlineEditBox$Node.show();
				inlineEditBox$Node.on('shown.bs.modal', function(e) {
					var dialogBox = jQuery(this).find('.modal-dialog'),
							modalBody = dialogBox.find('.modal-body'),
							boudingRect = dialogBox.get(0).getBoundingClientRect();
					dialogBox.css({position: 'absolute', margin:0, top: boudingRect.top, left: boudingRect.left});
					modalBody.css({overflow: 'scroll'});
					dialogBox.resizable({minHeight: 300, minWidth: 300, alsoResize: modalBody});
					dialogBox.draggable({handle: '.modal-header'});
				});
				inlineEditBox$Node.on('hidden.bs.modal', function(e) {
					var dialogBox = jQuery(this).find('.modal-dialog'),
							modalBody = dialogBox.find('.modal-body');
					dialogBox.removeAttr('style');
					modalBody.removeAttr('style');
					modalBody.css({padding: '0'});
					dialogBox.resizable();
					dialogBox.draggable();
					dialogBox.resizable('destroy');
					dialogBox.draggable('destroy');
				});
				inlineEditBox$Node.find('input[name=ID]').val(e.data.id);
				inlineEditBox$Node.find('input[name=col]').val(e.data.col);
				inlineEditBox$Node.find('.inlineEditBox-cnt').html('<span class="loading-info"> loading ...</span>');
				$.ajax({
					url: 'index-ajax.php?_zasobID=<?php echo $this->_zasobID; ?>&_cls=<?php echo __CLASS__; ?>&_hash=<?php echo $this->_htmlID; ?>&_task=EDIT_INLINE&ID=' + e.data.id + '&col=' + e.data.col,
					type: 'GET',
					dataType: 'json',
					success: function(data) {
						if ('p5:www_link' == _.get(data, 'simpleType')) {
							inlineEditBox$Node.find('.inlineEditBox-cnt').empty();
							var label = jQuery('<label>');// for="' + data.htmlFieldName + '">');// "<label for="f22579" class="AjaxTableEdit-label"> ... </label>
							label.attr('for', data.htmlFieldName);
							label.attr('class', 'AjaxTableEdit-label');
							inlineEditBox$Node.find('.inlineEditBox-cnt').append(label);
							var inLabel = jQuery('<strong title="[' + data.idZasob + '] ' + data.fieldLabel + '">' + data.fieldLabel + '</strong>');
							label.append(inLabel);
							var frmItem = jQuery('<input>');
							frmItem.attr('type', 'text');
							frmItem.attr('name', data.htmlFieldName);
							frmItem.attr('value', data.formItem.value);
							frmItem.attr('maxlength', _.get(data, 'restrictions.maxLength', 255));
							frmItem.attr('style', 'width:98%');
							frmItem.attr('class', 'form-control');
							frmItem.insertAfter(label);
						} else {
							var content = _.get(data, 'legacy_html', "Nieznany błąd");
							inlineEditBox$Node.find('.inlineEditBox-cnt').html(content);
						}
						inlineEditBox$Node.find('.btn-save').show();

						initDateTimePicker(inlineEditBox$Node);

						inlineEditBox$Node.find('textarea').autosize();

						var fld = inlineEditBox$Node.find('input[name^="f"]');
						if (fld.length > 0 && !fld.hasClass('se_type-date')) {
							fld.keydown(function(event) {
								if (event.which == 13) {
									event.preventDefault();
									inlineEditBox$Node.find('form').submit();
								}
							});
						}

						(function setFocusAtFirstInlineEditFormFld(modal$node){
							var fld, dbg = false;
							if(dbg)console.log('focus...');
							fld = modal$node.find('input[name^="f"]:first');
							if (fld.length > 0 && !fld.hasClass('se_type-date')) {
								if(dbg)console.log('set focus to first input element');
								fld.focus(); return;
							}
							fld = modal$node.find('select[name^="f"]:first');
							if (fld.length) {
								if (fld.get(0).selectize) {
									if(dbg)console.log('set focus to first typepecial element');
								} else {
									if(dbg)console.log('set focus to first select element');
									fld.focus(); return;
								}
							}
							if(dbg)console.log('set focus to close btn');
							modal$node.find('.btn-close').focus();
						})(inlineEditBox$Node);
					},
					error: function(err) {
						if (priv.options.debug) console.log('err');
					}
				});
			} else {
				if (priv.options.debug) console.log('NO data');
				return false;
			}
		};

		priv.ajaxLoadTypeSpeciallCell = function(id, col) {
			if (_popoverCellAjaxXhr) {
				_popoverCellAjaxXhr.abort();
			}

			_popoverCellAjaxXhr = $.ajax({
				type: 'GET',
				url: 'index.php?_route=ViewTableAjax&_task=typeSpecialCell&namespace=<?= $acl->getNamespace(); ?>' + '&ID=' + id + '&col=' + col,
				dataType: 'json',
				contentType: "application/json; charset=utf-8",
				data: '',
				success: function(req){
					if (_.get(req, 'data.tbl_id') > 0) {
						var addHtml = '';
						for (var i in req.data.items) {
							var url = 'index.php?_route=ViewTableAjax';
							url += '&namespace=' + req.namespace;
							url += '&f_' + req.data.fld_name + '=' + req.data.items[i].id;
							url += '&_hash=' + Math.random().toString(36).substring(2);
							addHtml += '<a href="' + url + '">Wyszukaj ' + req.data.items[i].id + '</a>: ' + req.data.items[i].label;
							addHtml += '<br>';
						}
						//_popoverCell.append(addHtml);// cache
						if (_popoverCellCurrent) {
							var popoverNodeId = _popoverCellCurrent.attr('aria-describedby');
							if (popoverNodeId) {
								jQuery('#' + popoverNodeId).find('.popoverCellContent').append(addHtml);
							}
						}
					}
				}
			});

		};

		priv.popoverCellTypeSpecial = function(e) {
			e.preventDefault();
			e.stopPropagation();
			if ('id' in e.data && 'col' in e.data && e.data.id > 0) {
				var lastId = _popoverCell.data('rowid'),
						lastCol = _popoverCell.data('col'),
						rowPK = e.data.id,
						colName = e.data.col
				;

				if (lastId == rowPK && lastCol == colName) {
					//_popoverCellCurrent.popover('toggle');
				}
				else {
					if (_popoverCellCurrent) {
						_popoverCellCurrent.popover('destroy');
					}

					_popoverCell.data('rowid', rowPK);
					_popoverCell.data('col', colName);
					_popoverCell.html(e.data.value + '<div class="popoverCellContent loading" style="white-space:normal"></div>');

					_popoverCellCurrent = jQuery(e.currentTarget);
					// title : '<span class="text-info"><strong>title</strong></span> <button type="button" id="close" class="close">&times;</button>'
					var opts = {
						placement: 'left'
						, trigger: 'click'
					//	, title: e.data.col + '<a href="#" class="glyphicon glyphicon-remove pull-right" onclick="return hidePopover();"></a>'
						, title: '<div style="display:block;position:relative;padding:0 20px 0 0;">' + (e.data.friendly || colName) + ' <button type="button" class="close" onclick="return hidePopover();" style="position:absolute;right:0;top:0;">&times;</button>' + '</div>'
						, html: true
						, content: _popoverCell.html()
					}

					_popoverCellCurrent.popover(opts);
					if (_data.cols[colName]) {
						if (_data.cols[colName]._tsRetId > 0) {
							_popoverCellCurrent.on('shown.bs.popover', function() {
								priv.ajaxLoadTypeSpeciallCell(rowPK, colName);
							});
						}
					}
					_popoverCellCurrent.popover('show');
				}
			} else {
				if (priv.options.debug) console.log('NO data');
				return false;
			}
			return;
		};

		priv.routeChanged = function(e) {
			hash = e.data.hash || '';
			if (hash.length == 0) {
				return;
			}
			if (hash.substring(0, 1) != '#') {
				hash = '#' + hash;
			}
			location.hash = hash;
		};

		priv.refresh = function(e) {
			e.preventDefault();
			publ.loadPage(_state.page);
		};

		publ.init = function(options) {
			if (priv.options.debug) console.log('TableAjax initialization...');
			//merge supplied options with defaults
			$.extend(priv.options, defaults, options);
			priv.init();
			return publ;
		};

		publ.refresh = function() {
			publ.loadPage(_state.page);
		};

		publ.loadPage = function(page, pageSize) {
			priv.loadPage(page, pageSize);
		}
		priv.loadPage = function(page, pageSize) {
			var skipCols = true, // skipCols = true - prevent columns delete
				resetChecked = false;
			var reqData = {
				page: page,
				pageSize: (pageSize || priv.options.pageSize),
				currSortCol: (_state.filters.currSortCol || ''),
				currSortFlip: _state.filters.currSortFlip ? "desc" : "asc"
			};
			var urlAdd = '';
			urlAdd += '&page=' + page;
			urlAdd += '&pageSize=' + (pageSize || priv.options.pageSize);
			urlAdd += '&currSortCol=' + (_state.filters.currSortCol || '');
			urlAdd += '&currSortFlip=' + (_state.filters.currSortFlip ? "desc" : "asc");

			if (Object.keys(_state.filters.filterCols).length > 0) {
				$.each(_state.filters.filterCols, function(col, colProps) {
					if (colProps.filter && colProps.filter.length > 0) {
						urlAdd += '&f_' + col + '=' + encodeURIComponent(colProps.filter);
					}
				});
				skipCols = true;
			}

			// specialFilters
			$.each(_state.specialFilters, function(groupName, btnValue) {
				if (btnValue.length > 0) {
					urlAdd += '&sf_' + groupName + '=' + encodeURIComponent(btnValue);
				}
			});

			if (priv.options.forceFilterInit) {
				$.map(priv.options.forceFilterInit, function(fltrProps, fltr) {
					urlAdd += '&f_' + fltr + '=' + encodeURIComponent(fltrProps);
					filtersInitSet = true;
				});
			}

			_uiNode$Table.parent().parent().addClass('AjaxTable-loading');

			// p5UI__notifyAjaxCallback({type: 'info', msg: 'pobieranie danych...'});
			window.fetch(priv.options.url + urlAdd, {
			  method: priv.options.urlPost ? 'POST' : 'GET',
				credentials: 'same-origin',// add cookies
			}).then(function (response) {
				return response.json()
			}).then(function (data) {
				if (priv.options.debug) console.log('loadDataAjax:fetch:loadPage: request finished L.<?php echo __LINE__; ?> data:', data);
				// p5UI__notifyAjaxCallback(data);
				if ('success' == data.type) {
					state = {data: {}};
					if (!skipCols) state.data.cols = data.cols || {};
					state.data.rows = data.rows || [];
					state.data.total = data.total || 0;
					state.page = data.page || 0;
					state.pageSize = data.pageSize || priv.options.pageSize;
					state.filters = data.filters || {};
					priv.setState(state);
					_uiNode$Table.parent().parent().removeClass('AjaxTable-loading');
				} else if ('error' == data.type) {
					p5UI__notifyAjaxCallback(data);
				} else {
					p5UI__notifyAjaxCallback(data);
				}
			}).catch(function (e) {
				console.log('loadDataAjax:fetch: ERR:', e);
			});
		};

		publ.getCurrentPage = function() {
			return _state.page;
		};

		publ.popoverCellRemove = function() {
			if (_popoverCellCurrent) {
				_popoverCellCurrent.popover('destroy');
			}
			_popoverCell.data('rowid', -1);
			_popoverCell.data('col', -1);
			_popoverCell.html('');
		};

		return publ;
	}

	$.fn.TableAjax = function(options) {
		options = options || {};
		return this.each(function() {
			options.id = this;
			$(this).data('TableAjax', new TableAjax().init(options));
		});
	};

	$.fn.TableAjaxLoadPage = function(page, pageSize) {
		return this.each(function() {
			var tblAjax = jQuery(this).data('TableAjax');
			var curPage = page || tblAjax.getCurrentPage();
			if (tblAjax) tblAjax.loadPage(curPage, pageSize);
		});
	};

	$.fn.TableAjaxRefresh = function(page, pageSize) {
		return this.each(function() {
			var tblAjax = jQuery(this).data('TableAjax');
			if (tblAjax) tblAjax.refresh();
		});
	};
})(jQuery);
		</script>
<?php
	$filterInit = $this->_filterInit;
	$forceFilterInit = $this->_forceFilterInit;
	$pageSizes = $this->_pageSizes;
	$pageSize = $this->_pageSize;
	$rowFunctions = $this->_rowFunctions;//$this->_showRowFunctionsJson();
	$exportFields = Core_AclHelper::getExportFieldList($acl);
?>
		<script>
function TableAjax__HIST_Route(args) {
	var recordID = args;
	if (typeof args == 'object') {
		recordID = args.shift();
		recordID = parseInt(recordID);
	}
	if (typeof recordID !== 'number' || recordID <= 0) {
		// TODO: msg
		return false;
	}
	var cont = jQuery('#<?php echo $this->_htmlID; ?>').parent();
	cont.hide();

	// remove previous task content
	var taskCnt = jQuery('#<?php echo $this->_htmlID; ?>_task');
	taskCnt.parent().remove();
	taskCnt.remove();

	var taskCont = jQuery('<div class="AjaxTableCont"></div>').insertBefore(cont);
	jQuery('<ul class="breadcrumb">' +
		'<li><a href="#" onclick="return tableAjaxBackToTable();"><?php echo $this->getLabelHtml(); ?></a></li>' +
		'<li class="active">Historia rekordu</li>' +
	'</ul>').appendTo(taskCont);
	var taskCnt = jQuery('<div id="<?php echo $this->_htmlID . '_task'; ?>" class="AjaxTableTaskCnt AjaxTable-loading"></div>').appendTo(taskCont);
	jQuery('<span class="loading-info"> loading ...</span>').appendTo(taskCnt);

	$.ajax({
		dataType: 'json',
		type: "GET",
		url: 'index-ajax.php?_zasobID=<?php echo $this->_zasobID; ?>&_cls=<?php echo __CLASS__; ?>&_hash=<?php echo $this->_htmlID; ?>&_task=HIST&ID=' + recordID,
	})
	.done(function(data, textStatus, jqXHR){
		taskCnt.removeClass('AjaxTable-loading');
		<?php if(DBG::isActive() && V::get('DBG', '', $_GET)) : ?>console.log('TODO #L.<?= __LINE__; ?> done loading HIST_AJAX - data:', data);<?php endif; ?>

		histAjaxOut = '<fieldset>' +
			'<legend>' + data['label'] +
				'<span class="pull-right valign-btns-bottom">';
		for (i in data['row_functions']) {
			histAjaxOut += data['row_functions'][i];
			// TODO: fetch more row functions
		}
		histAjaxOut += '</span>' +
			'</legend>'
		'</fieldset>';
		if (!data['rows']) {
			histAjaxOut += '<div class="alert alert-info">' +
				'<h4>Brak danych</h4>' +
			'</div>';
		} else {
			histAjaxOut += '<table class="table table-striped table-hover table-bordered table-condensed AjaxTableHist">' +
				'<thead>' +
					'<tr>' +
						'<th>Data</th>' +
						'<th>Autor</th>' +
						'<th>Zmiany</th>' +
					'</tr>' +
				'</thead>' +
				'<tbody>';
			for (i in data['rows']) {
				var row = data['rows'][i];
				histAjaxOut += '<tr data-id_hist="' + row['ID'] + '">' +
					'<td style="white-space:nowrap">' + row['_created'] + '</td>' +
					'<td>' + row['_author'] + '</td>' +
					'<td>';
				for (j in row['changes']) {
					var change = row['changes'][j];
					var fieldName = change['fieldName'];
					if (['ID', 'A_RECORD_UPDATE_DATE', 'A_RECORD_UPDATE_AUTHOR', 'A_RECORD_CREATE_DATE', 'A_RECORD_CREATE_AUTHOR'].indexOf(fieldName) >= 0) continue;
					if ('N/S;' == change['value']) continue;
					histAjaxOut += '<p>' +
						'<em>' + (data['field_label'][fieldName] || fieldName) + '</em>: ';
					histAjaxOut += (change['acl_read'])
							? change['value']
							: '<span title="Brak uprawnień do odczytu tego pola">*****</span>'
					if (change['revert_function_url']) {
						histAjaxOut += ' <button' +
								' class="btn btn-xs btn-default"' +
								' onClick="return p5UI__ajaxLinkClick(this, \''+change['revert_function_url']+'\', \''+change['revert_function_data']+'\')"' +
								' title="Cofnij dane do tej wartości">' +
								'<i class="glyphicon glyphicon-floppy-disk"></i> cofnij' +
							'</button>';
					}
					histAjaxOut += '</p>';
				}
				histAjaxOut += '</td>' +
				'</tr>';
			}
			histAjaxOut += '</tbody>' +
			'</table>';
		}

		{// old view - flat table
			histAjaxOut += '<div style="overflow-x:scroll; overflow-y:visible; padding-bottom:1px; margin:10px 0;">' +
				'<table class="table table-striped table-hover table-bordered table-condensed AjaxTableHist">' +
					'<thead>' +
						'<tr>' + "\n";
			histAjaxOut += '<th>Data</th>';
			histAjaxOut += '<th>Autor</th>';
			for (j in data['fields']) {
				var fieldName = data['fields'][j];
				histAjaxOut += '<th>' + (data['field_label'][fieldName] || fieldName).replace(/_/g, ' ') + '</th>';
			}
			histAjaxOut += '</tr>' +
					'</thead>' +
					'<tbody>';
			for (i in data['rows']) {
				var row = data['rows'][i];
				histAjaxOut += '<tr>';
				histAjaxOut += '<td><nobr>' + row['_created'] + '</nobr></td>';
				histAjaxOut += '<td>' + row['_author'] + '</td>';
				for (j in data['fields']) {
					var fieldName = data['fields'][j];
					histAjaxOut += '<td>';
					( (!(fieldName in row['changes']) || row['changes'][fieldName]['value'] == 'N/S;')
							? histAjaxOut += '<em>N/S;</em>'
							: ( (row['changes'][fieldName]['acl_read'])
									? histAjaxOut += row['changes'][fieldName]['value']
									: histAjaxOut += '<span title="Brak uprawnień do odczytu tego pola">*****</span>'
								)
						);
					histAjaxOut += '</td>';
				}
				histAjaxOut += '</tr>';
			}
			histAjaxOut += '</tbody>' +
				'</table>' +
			'</div>';
		}
		jQuery(histAjaxOut).appendTo(taskCnt);
	})
	.fail(function(jqXHR){// jqXHR.fail(function( jqXHR, textStatus, errorThrown ) {});
		taskCnt.removeClass('AjaxTable-loading');
		if (jqXHR.responseJSON) {
			notifyAjaxCallback(jqXHR.responseJSON);
		}
		else {
			var txt = jqXHR.responseText || 'Wystąpiły błędy';
			if (jqXHR.status == 404) {
				jQuery.notify(jqXHR.responseText, 'error');
			} else {
				jQuery.notify(jqXHR.responseText, 'warn');
			}
		}
		console.log('TODO #L.<?= __LINE__; ?> fail loading HIST_AJAX - jqXHR.responseText:', jqXHR.responseText);
	});

	function notifyAjaxCallback(data) {
		var notify = {};
		notify.type = (data && data.type)? data.type : '';
		notify.msg = (data && data.msg)? data.msg : '';
		switch (notify.type) {
			case 'success':
				if (!notify.msg) notify.msg = 'OK';
				break;
			case 'info':
				if (!notify.msg) notify.msg = '';
				break;
			case 'error':
				if (!notify.msg) notify.msg = 'Wystąpiły błędy';
				break;
			case 'warning':
				notify.type = 'warn';
				if (!notify.msg) notify.msg = 'Wystąpiły błędy';
				break;
			default:
				notify.msg = 'Nieznany błąd';
				if (data && data.errorCode) notify.msg += ' ' + data.errorCode;
				notify.type = '';
		}
		jQuery.notify(notify.msg, notify.type);
	}
	//return false;
}
		</script>
		<script>
jQuery(document).ready(function(){
	jQuery('#<?php echo $this->_htmlID; ?>').TableAjax({
		namespace: '<?= $acl->getNamespace(); ?>',
		url: '<?= $this->syncUrl; ?>&_hash=<?= $this->_htmlID; ?>&_task=loadDataAjax',// priv.options.url
		userTableFilterUrl: '<?= ($this->useUserTableFilter) ? $this->useUserTableFilter : ''; ?>',
		columnPicker: true,
		filter: true,
		filterInit: <?php echo json_encode($filterInit); ?>,
		forceFilterInit: <?php echo json_encode($forceFilterInit); ?>,
		debug: false,
		height: 400,
		sorting: true,
		paging: true,
		pageSize: <?php echo $pageSize; ?>,
		pageSizes: <?php echo json_encode($pageSizes); ?>,
		tblFunctions: {
			shortdesc: {
				icon: 'align-left',
				title: 'Long desc',
				method: 'longTextChanged'
			},
			<?php if ($hasGeomFlds) : ?>
				mapeditor: {
					icon: 'map-marker',
					title: 'Mapa',
					method: 'mapEditorChanged'
				},
			<?php endif; ?>
			create: {
				href: '#CREATE',
				icon: 'plus',
				title: 'Dodaj nowy rekord'
			},
			refresh: {
				icon: 'refresh',
				title: 'Odśwież dane',
				method: 'refresh'
			}
		},
		rowFunctions: <?php echo json_encode($rowFunctions); ?>,
		exportFields: <?php echo json_encode($exportFields); ?>,
		specialFilterFunctions: <?php
			$fltrs = (method_exists($acl, 'getSpecialFilters')) ? $acl->getSpecialFilters() : null;
			if (!empty($fltrs)) {
				echo json_encode($fltrs);
			} else {
				echo 'false';
			}
			echo ',';
		?>
		router: function() {
			var routes = {
				EDIT: function(args) {
					var recordID = args;
					if (typeof args == 'object') {
						recordID = args.shift();
						recordID = parseInt(recordID);
					}
					if (typeof recordID !== 'number' || recordID <= 0) {
						// TODO: msg
						return false;
					}
					var cont = jQuery('#<?php echo $this->_htmlID; ?>').parent();
					cont.hide();

					// remove previous task content
					var taskCnt = jQuery('#<?php echo $this->_htmlID; ?>_task');
					taskCnt.parent().remove();
					taskCnt.remove();

					var taskCont = jQuery('<div class="AjaxTableCont"></div>').insertBefore(cont);
					jQuery('<ul class="breadcrumb">' +
						'<li><a href="#" onclick="return tableAjaxBackToTable();"><?php echo $this->getLabelHtml(); ?></a></li>' +
						'<li class="active">Edytuj rekord</li>' +
					'</ul>').appendTo(taskCont);
					taskCnt = jQuery('<div id="<?php echo $this->_htmlID . '_task'; ?>" class="AjaxTableTaskCnt AjaxTable-loading"></div>').appendTo(taskCont);
					jQuery('<span class="loading-info"> loading ...</span>').appendTo(taskCnt);

					window.fetch('<?= $this->syncUrl; ?>&_hash=<?= $this->_htmlID; ?>&_task=editFormJson&_primaryKey=' + recordID, {
						method: 'GET',
						credentials: 'same-origin',
					}).then(function(response) {
						return response.json()
					}).then(function __route_edit_payload(payload) {
						taskCnt.removeClass('AjaxTable-loading');
						// console.log('editFormJson :: payload', payload)
						if ('success' == payload.type) {
							var node = document.createElement('div')
							taskCnt.get(0).appendChild(node)
							p5UI__buildDom(payload.body.reactNode, node)
							initDateTimePicker(jQuery(node));
							// console.log('editFormJson :: dom loaded - TODO: add action on save - P5UI__FeatureEditForm')
						} else {
							console.log('editFormJson :: ERROR payload', payload)
						}
					}).catch(function __route_edit_catch(e) {
						taskCnt.removeClass('AjaxTable-loading');
						console.log('editFormJson :: ERROR', e)
						p5UI__notifyAjaxCallback({
							type: 'error',
							msg: 'Request error ' + e
						});
					})
				},
				HIST: TableAjax__HIST_Route,
				FILES: function tableAjaxFiles(args) {
					var recordID = args;
					if (typeof args == 'object') {
						recordID = args.shift();
						recordID = parseInt(recordID);
					}
					if (typeof recordID !== 'number' || recordID <= 0) {
						// TODO: msg
						return false;
					}
					var cont = jQuery('#<?php echo $this->_htmlID; ?>').parent();
					cont.hide();

					// remove previous task content
					var taskCnt = jQuery('#<?php echo $this->_htmlID; ?>_task');
					taskCnt.parent().remove();
					taskCnt.remove();

					var taskCont = jQuery('<div class="AjaxTableCont"></div>').insertBefore(cont);
					jQuery('<ul class="breadcrumb">' +
						'<li><a href="#" onclick="return tableAjaxBackToTable();"><?php echo $this->getLabelHtml(); ?></a></li>' +
						'<li class="active">Pliki</li>' +
					'</ul>').appendTo(taskCont);
					var taskCnt = jQuery('<div id="<?php echo $this->_htmlID . '_task'; ?>" class="AjaxTable-loading"></div>').appendTo(taskCont);
					jQuery('<span class="loading-info"> loading ...</span>').appendTo(taskCnt);

					jQuery.ajax({
						url: 'index-ajax.php?_zasobID=<?php echo $this->_zasobID; ?>&_cls=<?php echo __CLASS__; ?>&_hash=<?php echo $this->_htmlID; ?>&_task=FILES&ID=' + recordID,
						type: 'GET',
						dataType: 'text',
						data: '',
						async: true,
						success: function(data) {
							taskCnt.removeClass('AjaxTable-loading');
							//console.log('request finished L.<?php echo __LINE__; ?>', data);
							jQuery(data).appendTo(taskCnt);
						},
						error: function(jqXHR, textStatus, errorThrown) {
							//console.log('request error:', jqXHR.status, 'txt:', jqXHR.responseText, 'err:', jqXHR);
							taskCnt.removeClass('AjaxTable-loading');
							var txt = jqXHR.responseText || 'Error';
							if (jqXHR.status == 404) {
								jQuery('<div class="container"><div class="alert alert-danger">' + txt + '</div></div>').appendTo(taskCnt);
							} else {
								jQuery('<div class="container"><div class="alert alert-danger">' + txt + '</div></div>').appendTo(taskCnt);
							}
						}
					});
					//return false;
				},
				CREATE: function tableAjaxCreate() {
					var cont = jQuery('#<?php echo $this->_htmlID; ?>').parent();
					cont.hide();

					// remove previous task content
					var taskCnt = jQuery('#<?php echo $this->_htmlID; ?>_task');
					taskCnt.parent().remove();
					taskCnt.remove();

					var taskCont = jQuery('<div class="AjaxTableCont"></div>').insertBefore(cont);
					jQuery('<ul class="breadcrumb">' +
						'<li><a href="#" onclick="return tableAjaxBackToTable();"><?php echo $this->getLabelHtml(); ?></a></li>' +
						'<li class="active">Dodaj nowy rekord</li>' +
					'</ul>').appendTo(taskCont);
					taskCnt = jQuery('<div id="<?php echo $this->_htmlID . '_task'; ?>" class="AjaxTableTaskCnt AjaxTable-loading"></div>').appendTo(taskCont);
					jQuery('<span class="loading-info"> loading ...</span>').appendTo(taskCnt);

					var reqData = {};
					var forceFilterInit = <?php echo json_encode($forceFilterInit);// TODO: read from TableAjax ?>;
					if (forceFilterInit) {
						$.map(forceFilterInit, function(fltrProps, fltr) {
							reqData['ff_' + fltr] = fltrProps;
						});
					}

					// TODO: replace jQuery.ajax
					// window.fetch('<?= $this->syncUrl; ?>&_hash=<?= $this->_htmlID; ?>&_task=createFormJson', {
					// 	method: 'GET',
					// 	credentials: 'same-origin',
					// }).then(function(response) {
					// 	return response.json()
					// }).then(function __route_edit_payload(payload) {
					// 	taskCnt.removeClass('AjaxTable-loading');
					// 	// console.log('editFormJson :: payload', payload)
					// 	if ('success' == payload.type) {
					// 		var node = document.createElement('div')
					// 		taskCnt.get(0).appendChild(node)
					// 		p5UI__buildDom(payload.body.reactNode, node)
					// 		initDateTimePicker(jQuery(node));
					// 		// console.log('editFormJson :: dom loaded - TODO: add action on save - P5UI__FeatureEditForm')
					// 	} else {
					// 		console.log('editFormJson :: ERROR payload', payload)
					// 	}
					// }).catch(function __route_edit_catch(e) {
					// 	taskCnt.removeClass('AjaxTable-loading');
					// 	console.log('editFormJson :: ERROR', e)
					// 	p5UI__notifyAjaxCallback({
					// 		type: 'error',
					// 		msg: 'Request error ' + e
					// 	});
					// });

					jQuery.ajax({
						url: 'index.php?_route=ViewTableAjax&_task=createForm&namespace=<?= $acl->getNamespace(); ?>&_hash=<?php echo $this->_htmlID; ?>',
						type: 'GET',
						dataType: 'text',
						data: reqData,
						async: true,
						success: function(data) {
							taskCnt.removeClass('AjaxTable-loading');
							// console.log('request finished L.<?php echo __LINE__; ?>', data);
							jQuery(data).appendTo(taskCnt);

							initDateTimePicker(taskCnt);
						},
						error: function(err) {
							taskCnt.removeClass('AjaxTable-loading');
							//console.log(p5Utils__format('request error: {0}', [err]));
						}
					});
					//return false;
				}
			};
			var routePath = location.hash;
			//console.log('location.hash: ' + routePath);
			if (location.hash == '' || location.hash == '#') {
				return false;
			}
			if (routePath.charAt(0) == '#') {
				routePath = routePath.substr(1);
			}
			//console.log('routePath: ' + routePath);
			var parts = routePath.split('/');
			var task = parts.shift();
			//console.log('task(' + task + ') parts:');
			//console.log(parts);
			if (task in routes && typeof routes[task] == 'function') {
				var con = jQuery('#<?php echo $this->_htmlID; ?>');
				if (con) {
					var tblAjax = con.data('TableAjax');
					if (tblAjax) {
						tblAjax.popoverCellRemove();
					}
				}
				routes[task](parts);
			} else {
				return false;
			}
		},
		filtersClean: true,
		longDesc: true
	});
});

function tableAjaxBackToTable() {
	var cont = jQuery('#<?php echo $this->_htmlID; ?>').parent();
	cont.show();
	var taskCont = jQuery('#<?php echo $this->_htmlID . '_task'; ?>').parent();
	taskCont.remove();

	// reload first page
	var con = jQuery('#<?php echo $this->_htmlID; ?>');
	con.TableAjaxLoadPage();// TODO: load current page
}

function tableAjaxCopy(args) {
	var recordID = args;
	if (typeof args == 'object') {
		recordID = args.shift();
		recordID = parseInt(recordID);
	}
	if (typeof recordID !== 'number' || recordID <= 0) {
		// TODO: msg
		return false;
	}

	if (!confirm('Czy na pewno chcesz utworzyc nowy rekord na podstawie danych z rekordu ID = ' + recordID + '?')) {
		return false;
	}

	var cont = jQuery('#<?php echo $this->_htmlID; ?>').parent();

	function notifyAjaxCallback(data) {
		var notify = {};
		notify.type = (data && data.type)? data.type : '';
		notify.msg = (data && data.msg)? data.msg : '';
		switch (notify.type) {
			case 'success':
				if (!notify.msg) notify.msg = 'OK';
				break;
			case 'info':
				if (!notify.msg) notify.msg = '';
				break;
			case 'error':
				if (!notify.msg) notify.msg = 'Wystąpiły błędy';
				break;
			case 'warning':
				notify.type = 'warn';
				if (!notify.msg) notify.msg = 'Wystąpiły błędy';
				break;
			default:
				notify.msg = 'Nieznany błąd';
				if (data && data.errorCode) notify.msg += ' ' + data.errorCode;
				notify.type = '';
		}
		jQuery.notify(notify.msg, notify.type);
	}

	var reqData = {};
	jQuery.ajax({
		data: reqData,
		dataType: 'json',
		type: "GET",
		url: 'index-ajax.php?_zasobID=<?php echo $this->_zasobID; ?>&_cls=<?php echo __CLASS__; ?>&_hash=<?php echo $this->_htmlID; ?>&_task=COPY&ID=' + recordID,
	})
	.done(function(data, textStatus, jqXHR){
		var con = jQuery('#<?php echo $this->_htmlID; ?>');
		con.TableAjaxRefresh();
		notifyAjaxCallback(data);
	})
	.fail(function(jqXHR){// jqXHR.fail(function( jqXHR, textStatus, errorThrown ) {});
		if (jqXHR.responseJSON) {
			notifyAjaxCallback(jqXHR.responseJSON);
		}
		else {
			var txt = jqXHR.responseText || 'Wystąpiły błędy';
			if (jqXHR.status == 404) {
				jQuery.notify(jqXHR.responseText, 'error');
			} else {
				jQuery.notify(jqXHR.responseText, 'warn');
			}
		}
	});

	return false;
}

function hidePopover() {
	var con = jQuery('#<?php echo $this->_htmlID; ?>');
	if (con) {
		var tblAjax = con.data('TableAjax');
		if (tblAjax) {
			tblAjax.popoverCellRemove();
		}
	}
	return false;
}
		</script>
		<?php
		UI::inlineJS(__FILE__ . '.upload.js', [
			'URL_UPLOAD_FILES_AJAX' => "index.php?_route=ViewTableAjax&_task=uploadFilesAjax",
		]);
		UI::setTitle($this->_acl->getRawLabel(100) . " - " . UI::getTitle());
		$out = ob_get_contents();
		ob_end_clean();
		return $out;
	}

	public function _viewProcesInitListItem($vInitId, $gotoIds, $pInitList) {
		$vLabel = $pInitList[$vInitId];
		$kId = $vInitId;
		echo UI::h('a', [
			'href' => "index.php?FUNCTION_INIT=MENU_SELECT_PROCES&_action=setPermsByProces&id_proces={$kId}&MENU_INIT=VIEWTABLE_AJAX&ZASOB_ID={$this->_zasobID}",
			'title' => htmlspecialchars("{{$kId}} {$vLabel}"),
		], [
			UI::h('i', [
				'class' => "glyphicon glyphicon-info-sign",
				 'onclick' => "window.open('procesy5.php?task=PROCES_VIEW_LIST&id_proces={$kId}&HIDE_PANEL=0&show_big_img=1&group_stanowiska=1');return false;",
				 'style' => "color:#aaa",
				 'onmouseover' => "this.style.color='#337AB7'",
				 'onmouseout' => "this.style.color='#aaa'"]),
			"{{$kId}} {$vLabel}"
		]);
	}
	public function _viewProcesGotoAndRetListItem($vGotoId, $pInitList) {
		$vLabel = $pInitList[$vGotoId];
		$kId = $vGotoId;
		// TODO:?: prevent to execute procedure
		echo UI::h('a', [
			'href' => "index.php?FUNCTION_INIT=MENU_SELECT_PROCES&_action=setPermsByProces&id_proces={$kId}&MENU_INIT=VIEWTABLE_AJAX&ZASOB_ID={$this->_zasobID}",
			'title' => htmlspecialchars("{{$kId}} {$vLabel}"),
		], [
			UI::h('span', [ 'style' => "padding:10px;"]),
			UI::h('i', [ 'class' => "glyphicon glyphicon-arrow-right", 'style' => "color:#aaa"]),
			UI::h('i', [ 'class' => "glyphicon glyphicon-info-sign",
				 'onclick' => "window.open('procesy5.php?task=PROCES_VIEW_LIST&id_proces={$kId}&HIDE_PANEL=0&show_big_img=1&group_stanowiska=1');return false;",
				 'style' => "color:#aaa",
				 'onmouseover' => "this.style.color='#337AB7'",
				 'onmouseout' => "this.style.color='#aaa'"]),
			"{{$kId}} {$vLabel}",
		]);
	}
	public function _viewProcesGotoAndRetLvl2ListItem($vGotoLvl2Id, $pInitList) {
		$vLabel = $pInitList[$vGotoLvl2Id];
		$kId = $vGotoLvl2Id;
		// TODO:?: prevent to execute procedure
		echo UI::h('a', [
			'href' => "index.php?FUNCTION_INIT=MENU_SELECT_PROCES&_action=setPermsByProces&id_proces={$kId}&MENU_INIT=VIEWTABLE_AJAX&ZASOB_ID={$this->_zasobID}",
			'title' => htmlspecialchars("{{$kId}} {$vLabel}"),
		], [
			UI::h('span', [ 'style' => "padding:20px;" ]),
			UI::h('i', [ 'class' => "glyphicon glyphicon-arrow-right", 'style' => "color:#aaa" ]),
			UI::h('i', [ 'class' => "glyphicon glyphicon-info-sign",
				 'onclick' => "window.open('procesy5.php?task=PROCES_VIEW_LIST&id_proces={$kId}&HIDE_PANEL=0&show_big_img=1&group_stanowiska=1');return false;",
				 'style' => "color:#aaa",
				 'onmouseover' => "this.style.color='#337AB7'",
				 'onmouseout' => "this.style.color='#aaa'"]),
			"{{$kId}} {$vLabel}",
		]);
	}

	public function hasAdditionalLayers() {
		$layers = TableAjaxMap::getAdditionalLayers($this->_zasobID);
		return !empty($layers);
	}

	public function ajaxTask($task) {
		switch ($task) {
			case 'EDIT_INLINE': {
				$this->sendAjaxResponseJson('ajaxInlineEdit', $_REQUEST);
				break;
			}
			case 'EDIT_INLINE_SAVE': {
				$this->sendAjaxResponseJson('ajaxEditInlineSave', $_REQUEST);
				break;
			}
			case 'COPY': {
				$this->sendAjaxResponseJson('ajaxCopy', $_REQUEST);
				break;
			}
			case 'CREATE_SAVE': { // TODO: mv to _route = ViewTableAjax & _task = createSaveAjax
				$this->sendAjaxResponseJson('ajaxCreateSave', $_REQUEST);
				break;
			}
			case 'HIST': {
				$this->sendAjaxResponseJson('ajaxHist', $_REQUEST);
				break;
			}
			case 'FILES': {
				try {
					$id = V::get('ID', 0, $_REQUEST, 'int');
					if ($id <= 0) throw new HttpException("404", 404);
					$this->sendAjaxFiles($id, $_REQUEST);
				} catch (HttpException $e) {
					Http::sendHeaderByCode($e->getCode());
					echo $e->getMessage();
					//UI::alert('danger', $e->getMessage());
				} catch (Exception $e) {
					echo '<div class="container">';
						UI::alert('danger', $e->getMessage());
					echo '</div>';
				}
				break;
			}
			case 'FILES_UPLOAD': {
				$this->sendAjaxResponseJson('ajaxFileUpload', $_REQUEST);
				break;
			}
			case 'FILES_LIST': {
				$this->sendAjaxResponseJson('ajaxFileList', $_REQUEST);
				break;
			}
			case 'filePermsRefresh': {
				$this->sendAjaxResponseJson('ajaxFilePermsRefresh', $_REQUEST);
				break;
			}
			case 'FILES_CONN_TBL_LIST': {
				$id = V::get('ID', 0, $_REQUEST, 'int');
				if ($id > 0) {
					$this->sendAjaxFilesConnTblList($id, $_REQUEST);
				} else {
					echo '404';
				}
				break;
			}
			case 'TYPESPECIAL': {
				$fldID = V::get('fldID', 0, $_REQUEST, 'int');
				if ($fldID > 0) {
					$this->sendTypeSpecial($fldID, $_REQUEST);
				} else {
					echo '404';
				}
				break;
			}
			case 'HIDDEN_COLS_SAVE': {
				$this->sendAjaxResponseJson('ajaxHiddenColsSave', $_POST);
				break;
			}
			case 'PAGE_SIZE_SAVE': {
				$this->sendAjaxResponseJson('ajaxPageSizeSave', $_POST);
				break;
			}
			case 'THE_GEOM_SAVE': {
				$this->sendAjaxResponseJson('ajaxTheGeomSave', $_REQUEST);
				break;
			}
			default:
				$this->sendAjaxResponseJson('ajaxData', $_REQUEST);
		}
	}

	/**
	 * ajax url: &_task=EDIT_INLINE
	 * @param $rowID - $_GET['ID']
	 * @param $fieldName - $_GET['col']
	 */
	private function ajaxInlineEdit() {
		$DBG = ('1' == V::get('DBG', '', $_REQUEST));

		$args = $_REQUEST;
		$idRecord = V::get('ID', 0, $_REQUEST, 'int');
		$fieldName = V::get('col', '', $_REQUEST);

		if ($idRecord <= 0 || empty($fieldName)) throw new HttpException("404", 404);

		$response = array();

		ob_start();
		$fieldID = $this->_acl->getFieldIdByName($fieldName);
		if (!$fieldID) die("404: No field by name ({$fieldName})");
		$response['idZasob'] = $fieldID;
		$response['htmlFieldName'] = "f{$fieldID}";

		if ($DBG) echo "fieldID: {$fieldID}\n";

		$record = $this->_acl->buildQuery([])->getItem($idRecord);
		if (!$record) die("404: No item ID({$idRecord})");

		$fieldVal = '';
		if ($this->_acl->canReadObjectField($fieldName, $record)) {
			$fieldVal = V::get($fieldName, $fieldVal, $record);
		} else {
			$fieldVal = '*****';
		}

		$fieldVal = V::get("f{$fieldID}", $fieldVal, $_POST);

		$vCol = $this->_acl->getField($fieldID);
		$vCol['label'] = (!empty($vCol['label']))? $vCol['label'] : $vCol['name'];
		$response['fieldLabel'] = $vCol['label'];

		$tsValues = array();
		$typeSpecial = Typespecial::getInstance($fieldID, $vCol['name']);
		if ($typeSpecial) {
			if($DBG){echo'<pre style="max-height:200px;overflow:auto;border:1px solid red;text-align:left;">Typespecial('.$fieldID.') (' . __CLASS__ . '::' . __FUNCTION__ . ':' . __LINE__ . '): ';print_r($typeSpecial);echo'</pre>';}
			$specialValues = $typeSpecial->getEditSelectedValuesByIds($this->_zasobID, $record['ID'], $fieldName, V::get($fieldName, $fieldVal, $record));
			if($DBG){echo'<pre style="max-height:200px;overflow:auto;border:1px solid red;text-align:left;">Typespecial('.$fieldID.') specialValues (' . __CLASS__ . '::' . __FUNCTION__ . ':' . __LINE__ . '): ';print_r($specialValues);echo'</pre>';}
			if (!empty($specialValues)) {
				$tsValues[ $record['ID'] ] = implode('<br>', $specialValues);
			}
		}

		$fieldParams = array('widthClass'=>'inside-modal', 'maxGrid'=>6);
		if (!empty($tsValues[ $record['ID'] ])) $fieldParams['typespecialValue'] = $tsValues[ $record['ID'] ];
		if (!empty($tsValues[ $record['ID'] ])) $response['typespecialValue'] = $tsValues[ $record['ID'] ];
		$vDefault = $this->_acl->getColDefault($fieldName);
		if (!empty($vDefault)) $fieldParams['default'] = $vDefault;
		if (!empty($vDefault)) $response['defaultValue'] = $vDefault;
		{
			try {
				$item = $this->_acl->getFormItem('W', $fieldID, "f{$fieldID}", $fieldVal, $fieldParams, $record);
				$response['formItem'] = $item;
				if (!empty($item['rawColType']['simpleType'])) $response['simpleType'] = $item['rawColType']['simpleType'];
				if (!empty($item['rawColType']['restrictions'])) $response['restrictions'] = $item['rawColType']['restrictions'];
				echo '<div style="display:none">';
				DBG::_(true, true, "item", $item, __CLASS__, __FUNCTION__, __LINE__);
				echo '</div>';
			} catch (Exception $e) {
				echo '<div style="display:none">';
				UI::alert('danger', $e->getMessage());
				echo '</div>';
			}
		}

		?>
		<label for="<?= "f{$fieldID}"; ?>" class="AjaxTableEdit-label">
			<strong title="<?= "[{$fieldID}] {$fieldName}"; ?>"><?= "{$vCol['label']}"; ?></strong>
			<?php if (!empty($vCol['opis'])) : ?>
				<em><?= $vCol['opis']; ?></em>
			<?php endif; ?>
		</label>
		<?php
			if (!$this->_acl->canWriteObjectField($fieldName, $record)) {
				// TODO: hide Zapisz btn on frontend side
				if (!$this->_acl->canReadObjectField($fieldName, $record)) {
					UI::alert('warning', "Brak uprawnień do odczytu i zapisu");
				} else {
					echo '<p style="margin-top:16px">' . $fieldVal . '</p>';
					UI::alert('warning', "Brak uprawnień do zapisu");
				}
			} else {
				echo $this->_acl->showFormItem('W', $fieldID, "f{$fieldID}", $fieldVal, $fieldParams, $record);
				if ($typeSpecial
						|| $this->_acl->isDateField($fieldName)
						|| $this->_acl->isDateTimeField($fieldName)
				) {
					echo '<p style="padding:120px 0;"></p>';
				}
			}


		$response['legacy_html'] = ob_get_clean();
		//$response['legacy_html'] = utf8_encode($response['legacy_html']);// pl chars bug
		return $response;
	}

	private function ajaxEditInlineSave($args) {
		$primaryKeyField = $this->_acl->getPrimaryKeyField();
		$primaryKey = V::get($primaryKeyField, 0, $args, 'int');
		$fieldName = V::get('col', '', $_REQUEST);
		if (empty($primaryKey)) throw new HttpException("Wrong param id!", 400);
		if (empty($fieldName)) throw new HttpException("Wrong param col!", 400);

		$fieldID = $this->_acl->getFieldIdByName($fieldName);
		if (!$fieldID) throw new HttpException("Field not exists!", 404);

		$item = $this->_acl->buildQuery([])->getItem($primaryKey);
		if (!$item) throw new HttpException("Item not exists!", 404);

		$itemFromUser = $this->_acl->convertObjectFromUserInput($args, $type = 'array_by_id', $prefix = 'f');
		if (!isset($itemFromUser[$fieldName])) throw new HttpException("Field not set!", 400);

		$itemPatch = array();
		$itemPatch[$fieldName] = V::get($fieldName, null, $itemFromUser);
		$itemPatch[$primaryKeyField] = $primaryKey;

		$response = new stdClass();
		try {
			$affected = $this->_acl->updateItem($itemPatch);

			if ($affected > 0) {
				$response->type = 'success';
				$response->msg = "Rekord zapisany pomyślnie";//"Record saved successfully";
			} else if ($affected == 0) {
				$response->type = 'info';
				$response->msg = "Nie wprowadzono żadnych zmian";
			}
			$response->record = $this->_acl->buildQuery([])->getItem($primaryKey);
		}
		catch (Exception $e) {
			$response->type = 'error';
			$response->msg = $e->getMessage();
		}
		return $response;
	}

	public function sendAjaxEdit($id, $args) { // TODO: not used @see ViewTableAjax::editFormAction
		header("Content-type: text/plain");
		$acl = $this->_acl;

		$record = $acl->buildQuery([])->getItem($id);
		if (!$acl->canWriteRecord($record) && !$acl->hasPermSuperWrite()) {
			UI::alert('danger', "Brak dostępu do rekordu");
			return;
		}

		$fieldsList = array();
		foreach ($acl->getFieldListByIdZasob() as $kID => $fieldName) {
			if ($fieldName == 'ID') continue;
			$field['name'] = $fieldName;
			$field['opis'] = $acl->getFieldOpis($fieldName);
			$field['label'] = $acl->getFieldLabel($fieldName);
			if (empty($field['label'])) $field['label'] = str_replace('_', ' ', $fieldName);
			$fieldsList[$kID] = $field;
		}

		$cols = array();
		foreach ($fieldsList as $kID => $field) {
			$cols[$kID] = '';

			if ($this->_acl->canReadObjectField($field['name'], $record)) {
				$cols[$kID] = V::get($field['name'], '', $record);
			} else {
				$cols[$kID] = '*****';
			}

			// if ($acl->canReadObjectField($field['name'])) {
			// 	$cols[$kID] = V::get($field['name'], '', $record);
			// } else {
			// 	$cols[$kID] = '*****';
			// }
			$cols[$kID] = V::get("f{$kID}", $cols[$kID], $_POST);
		}

		$tsValues = array();
		if (!empty($fieldsList)) {
			foreach ($fieldsList as $vColID => $vCol) {
				$typeSpecial = Typespecial::getInstance($vColID, $vCol['name']);
				if ($typeSpecial) {
					$colValue = V::get($vCol['name'], '', $record);
					$specialValues = $typeSpecial->getEditSelectedValuesByIds($this->_zasobID, $record['ID'], $vCol['name'], $colValue);
					if (!empty($specialValues)) {
						$tsValues[$vColID] = implode('<br>', $specialValues);
					}
				}
			}
		}

		$rowFunctionsOut = $this->_showRowFunctions($record['ID'], array('edit', 'cp'), true);

		?>
		<div class="container AjaxFrmHorizontalEdit" style="max-width:940px">
		<form class="form-horizontal" action="" method="post" id="EDIT_FRM_<?= $this->_htmlID; ?>">
			<fieldset>
				<legend>Edycja rekordu Nr <?= $record['ID']; ?><span class="pull-right valign-btns-bottom"><?= $rowFunctionsOut; ?></span></legend>

				<?php $tabindex = 0; foreach ($fieldsList as $kID => $vCol) : ?>
					<?php if ($acl->canWriteObjectField($vCol['name'], $record)) : ?>
						<div class="form-group">
							<label class="col-xs-12 col-sm-3 col-md-2 control-label" for="<?= "f{$kID}"; ?>"><?= $vCol['label']; ?>
								<i class="glyphicon glyphicon-info-sign frm-help" data-toggle="popover" data-trigger="hover" title="" data-content="<?= htmlspecialchars($vCol['opis']); ?>" data-original-title="<?= "[{$kID}] {$vCol['name']}"; ?>"></i>
							</label>
							<div class="col-xs-12 col-sm-9 col-md-10">
								<?php
									$fieldParams = array('appendBack'=>true, 'tabindex'=>(++$tabindex), 'maxGrid'=>8);
									if (!empty($tsValues[$kID])) {
										$fieldParams['typespecialValue'] = $tsValues[$kID];
									}
									echo $acl->showFormItem('W', $kID, "f{$kID}", $cols[$kID], $fieldParams, $record);
								?>
							</div>
						</div>
					<?php elseif ($acl->canReadObjectField($vCol['name'], $record)) : ?>
						<div class="form-group">
							<label class="col-xs-12 col-sm-3 col-md-2 control-label" for="<?= "f{$kID}"; ?>"><?= $vCol['label']; ?>
								<i class="glyphicon glyphicon-info-sign frm-help" data-toggle="popover" data-trigger="hover" title="" data-content="<?= htmlspecialchars($vCol['opis']); ?>" data-original-title="<?= "[{$kID}] {$vCol['name']}"; ?>"></i>
							</label>
							<div class="col-xs-12 col-sm-9 col-md-10">
								<p style="margin-top:5px;">
								<?php
									//echo $acl->showFormItem('R', $kID, "f{$kID}", $cols[$kID], array('appendBack'=>true), $record);
									if (!empty($tsValues[$kID])) {
										echo $tsValues[$kID];
									} else if (!empty($record[ $vCol['name'] ])) {
										echo $record[ $vCol['name'] ];
									}
								?>
								</p>
							</div>
						</div>
					<?php endif; ?>
				<?php endforeach; ?>

				<div class="form-group">
					<div class="col-xs-offset-0 col-xs-12 col-sm-offset-3 col-sm-9 col-md-offset-2 col-md-10">
						<button type="submit" class="btn btn-primary" tabindex="<?= (++$tabindex); ?>">Zapisz</button>
					</div>
				</div>

			</fieldset>
		</form>
		<p style="padding:100px 0;"></p>
		</div>
<script>
jQuery(document).ready(function(){
	jQuery('textarea').autosize();

	jQuery('.frm-help').popover({trigger:'hover'});

	jQuery('#EDIT_FRM_<?php echo $this->_htmlID; ?>').on('submit', function(){
		var formData = {};
		jQuery(this).serializeArray().map(function(i) { formData[i.name] = i.value; });// TODO: edit Widget - send only updated fields
		// TODO: change Edit btn to return to edit record with fields -> show form

		var taskCont = jQuery('#<?php echo $this->_htmlID; ?>_task').parent();
		//taskCont.empty();
		taskCont.children().fadeOut('slow');
		var alertCntWrap = jQuery('<div class="AjaxTableAlert AjaxTable-loading"></div>').prependTo(taskCont)
			, alertCnt = jQuery('<div class="container"></div>').prependTo(alertCntWrap);
		jQuery('<div class="alert alert-danger"><div style="padding:0 0 0 20px; background:url(./icon/loading.gif) no-repeat left top;"> zapisywanie ... </div></div>').appendTo(alertCnt);

		function notifyAjaxCallback(data) {
			var notify = {}, outMsg = '';
			notify.type = (data && data.type)? data.type : '';
			notify.msg = (data && data.msg)? data.msg : '';
			switch (notify.type) {
				case 'success':
					if (!notify.msg) notify.msg = 'Dane poprawnie zaktualizowane';
					break;
				case 'info':
					if (!notify.msg) notify.msg = 'Nie wprowadzono żadnych zmian';
					break;
				case 'error':
					if (!notify.msg) notify.msg = 'Wystąpiły błędy';
					break;
				case 'warning':
					notify.type = 'warn';
					if (!notify.msg) notify.msg = 'Wystąpiły błędy';
					break;
				default:
					notify.msg = 'Nieznany błąd';
					if (data && data.errorCode) notify.msg += ' ' + data.errorCode;
					notify.type = '';
			}
			jQuery.notify(notify.msg, notify.type);
			var alertType = ('error' == data.type) ? 'danger' : data.type;
			outMsg = '<div class="alert alert-' + alertType + '">' + notify.msg + '</div>';
			return outMsg;
		}

		superagent
			.post('<?= $this->syncUrl; ?>&_hash=<?= $this->_htmlID; ?>&_task=editSaveAjax')
			.type('json') // header ĺapplication/x-www-form-urlencoded' requires type('form');
			.send({
				namespace: '<?= $acl->getNamespace(); ?>',
				primaryKey: '<?= $record['ID']; ?>',
				form: formData
			})
			.set('Accept', 'application/json')
			.end(function(err, res) {
				var payload;
				if (err || !res.ok || 'application/json' !== res.type) {
					payload = {type: 'warning', msg: res.body.msg || 'Wystąpiły błędy', body: res.body};
				} else {
					payload = {type: 'success', msg: res.body.msg || '', body: res.body};
				}
				var data = res.body;

				alertCntWrap.removeClass('AjaxTable-loading');
				alertCnt.empty();
				if (false === ['success', 'info'].indexOf(payload.type)) {
					jQuery(errorTxt).appendTo(alertCnt);
					var errLinks = jQuery('<div class="breadcrumb"></div>').appendTo(alertCnt);
					jQuery('<a href="#" onclick="return tableAjaxBackToTable();"> <i class="icon-arrow-left"></i> Wróć do tabeli <?php echo $this->getLabelHtml(); ?></a>').appendTo(errLinks);
					var backToEditBtn = jQuery('<a href="#EDIT/<?php echo $id; ?>/' + Math.random(1).toString().substr(2) + '" class="btn btn-link btn-small"> <i class="icon-pencil"></i> Popraw dane <?php echo $id; ?></a>').appendTo(errLinks);
					backToEditBtn.on('click', function(){
						alertCnt.remove();
						taskCont.children().fadeIn('slow');
						return false;
					});
				} else {
					var outMsg = notifyAjaxCallback(payload);
					var out = '';
					out += outMsg;
					out += '<div class="breadcrumb">' +
							' <a href="#" onclick="return tableAjaxBackToTable();" class="btn btn-link btn-sm"> <i class="glyphicon glyphicon-arrow-left"></i> Wróć do tabeli <?php echo $this->getLabelHtml(); ?></a>' +
							' <a href="#EDIT/<?php echo $id; ?>/' + Math.random(1).toString().substr(2) + '" class="btn btn-link btn-sm"> <i class="glyphicon glyphicon-pencil"></i> Edytuj rekord <?php echo $id; ?></a>' +
						'</div>';
					jQuery(out).appendTo(alertCnt);

					// add rowFunctions from response
					if (data && data.rowFunctions && data.primaryKey) {
						var rowFunWrapNode = $('<div class="container"></div>').insertAfter(alertCnt);
						var rowFunListNode = $('<ul></ul>').appendTo(rowFunWrapNode);
						var keys = Object.keys(data.rowFunctions),
								total = keys.length,
								moreFuncBtnNode,
								moreFunctions = [],
								idx
						;
						moreFunctions = keys.splice(3);
						keys.forEach(function(key) {
							var cellNode = $('<li></li>');
							var funObj = data.rowFunctions[key],
									funcNode = p5UI_TableAjax_generateFunctionNode(funObj, data.primaryKey, {ico: true, label: true})
							;
							funcNode.appendTo(cellNode);
							cellNode.appendTo(rowFunListNode);
						});
					}
				}
			});

		return false;
	});

	jQuery('#EDIT_FRM_<?php echo $this->_htmlID; ?>').find('.show-last-value input').on('input', function(e) {
		var input, btn, btnIco;
		input = jQuery(e.target);
		btn = input.next('.button-appendBack');
		btnIco = btn.find('.glyphicon');
		if (btn.attr('title') != input.val()) {
			btnIco.show();
		} else {
			btnIco.hide();
		}
	});
	jQuery('#EDIT_FRM_<?php echo $this->_htmlID; ?>').find('.show-last-value').find('.button-appendBack').on('click', function(e) {
		var input, btn, btnIco;
		btn = jQuery(this);
		btnIco = btn.find('.glyphicon');
		input = btn.prev();
		if (input.is('input')) {
			if (btn.attr('title') != input.val()) {
				input.val(btn.attr('title'));
				btnIco.hide();
			}
		}
	});
});
</script>
		<?php
		exit;
	}

	public function sendAjaxCreate($args = []) {
		$acl = $this->_acl;
		header("Content-type: text/plain");
		$DBG = ('1' == V::get('DBG', '', $_REQUEST));

		if (!Core_AclHelper::hasCreatePerms($acl)) {
			UI::alert('danger', "Brak uprawnień do utworzenia nowego rekordu.");
			return;
		}

		$cols = array();
		$forceFilterInit = array();

		$defaultAclGroup = User::getDefaultAclGroup();
		if ($defaultAclGroup) {
			$forceFilterInit['A_ADM_COMPANY'] = $defaultAclGroup;
			$forceFilterInit['A_CLASSIFIED'] = $defaultAclGroup;
		}

		foreach ($_GET as $k => $v) {
			if (strlen($k) > 4 && substr($k, 0, 3) == 'ff_' && !empty($v)) {// force filter prefix
				$fldName = substr($k, 3);
				$forceFilterInit[$fldName] = $v;
			}
		}

		$pkField = $acl->getPrimaryKeyField();
		$fieldsList = $acl->getFields();
		$fieldsList = array_filter($fieldsList, function ($vCol) {
			return ($vCol['name'] != $pkField);
		});
		foreach ($fieldsList as $kID => $vCol) {
			$defaultValue = '';
			if (!empty($forceFilterInit[$vCol['name']])) {
				$defaultValue = $forceFilterInit[$vCol['name']];
			}

			// TODO: read from session cache
			$cols[$kID] = V::get("f{$kID}", $defaultValue, $_POST);

			$label = V::get('label', '', $vCol);
			$fieldsList[$kID]['label'] = ($label) ? $label : $vCol['name'];
		}

		?>
		<div class="container AjaxFrmHorizontalEdit" style="max-width:940px">
		<form action="" method="post" id="CREATE_FRM_<?php echo $this->_htmlID; ?>">
			<fieldset>
				<legend>Dodaj nowy rekord</legend>
				<?php $tabindex = 0; foreach ($fieldsList as $kID => $vCol) : ?>
					<?php if ($acl->canCreateField($vCol['name'])) : ?>
						<div class="form-group">
							<label class="control-label" for="<?php echo "f{$kID}"; ?>"><?= V::get('label', $vCol['name'], $vCol); ?>
								<i class="glyphicon glyphicon-info-sign frm-help" data-toggle="popover" data-trigger="hover" title="" data-content="<?php echo htmlspecialchars(V::get('opis', '', $vCol)); ?>" data-original-title="<?php echo "[{$kID}] {$vCol['name']}"; ?>"></i>
							</label>
							<div>
								<?php
									$fieldParams = array('appendBack'=>true, 'tabindex'=>(++$tabindex), 'maxGrid'=>8);
									echo $acl->showFormItem('C', $kID, "f{$kID}", $cols[$kID], $fieldParams);
								?>
							</div>
						</div>
					<?php endif; ?>
				<?php endforeach; ?>

				<div class="form-group">
					<button type="submit" class="btn btn-primary" tabindex="<?php echo (++$tabindex); ?>">Dodaj rekord</button>
				</div>

			</fieldset>
		</form>
		</div>

<script>
jQuery(document).ready(function(){
	jQuery('textarea').autosize();

	jQuery('.frm-help').popover({trigger:'hover'});

	jQuery('#CREATE_FRM_<?php echo $this->_htmlID; ?>').on('submit', function(){
		var data = jQuery(this).serialize();

		var taskContLast = jQuery('#<?php echo $this->_htmlID; ?>_task'),
			taskCont = taskContLast.parent();
		taskContLast.fadeOut('slow');
		var taskCnt = jQuery('<div id="<?php echo $this->_htmlID . '_task'; ?>" class="AjaxTableTaskCnt AjaxTable-loading"></div>').appendTo(taskCont);
		jQuery('<div class="alert alert-danger"><div style="padding:0 0 0 20px; background:url(./icon/loading.gif) no-repeat left top;"> save ... </div></div>').appendTo(taskCnt);

		function notifyAjaxCallback(data) {
			var notify = {};
			notify.type = (data && data.type)? data.type : '';
			notify.msg = (data && data.msg)? data.msg : '';
			switch (notify.type) {
				case 'success':
					if (!notify.msg) notify.msg = 'OK';
					break;
				case 'info':
					if (!notify.msg) notify.msg = '';
					break;
				case 'error':
					if (!notify.msg) notify.msg = 'Wystąpiły błędy';
					break;
				case 'warning':
					notify.type = 'warn';
					if (!notify.msg) notify.msg = 'Wystąpiły błędy';
					break;
				default:
					notify.msg = 'Nieznany błąd';
					if (data && data.errorCode) notify.msg += ' ' + data.errorCode;
					notify.type = '';
			}
			jQuery.notify(notify.msg, notify.type);
		}
		$.ajax({
			data: data,
			dataType: 'json',
			type: "POST",
			async: true,
			url: 'index-ajax.php?_zasobID=<?php echo $this->_zasobID; ?>&_cls=<?php echo __CLASS__; ?>&_hash=<?php echo $this->_htmlID; ?>&_task=CREATE_SAVE'
		})
		.always(function(dataOrJqXHR){
			var data;
			if (dataOrJqXHR && 'readyState' in dataOrJqXHR && 'status' in dataOrJqXHR) {
				if ('responseJSON' in dataOrJqXHR) {
					data = dataOrJqXHR.responseJSON;
				} else {
					data = {};
					data.msg = dataOrJqXHR.responseText || 'Nieznany błąd';
					if (dataOrJqXHR.status == 404) {
						data.type = 'error';
					} else {
						data.type = 'warning';
					}
				}
			}
			else {
				data = dataOrJqXHR;
			}

			notifyAjaxCallback(data);

			taskCnt.removeClass('AjaxTable-loading');
			taskCnt.empty();
			if (data.type == 'error' || data.type == 'warning') {
				var out = '<div class="container">' +
						'<div class="alert alert-danger">' +
							'<h4>Wystąpiły błędy!</h4>' + data.msg +
							(('errors' in data)? '<p>' + data.errors + '</p>' : '') +
						'</div>';
				out += '<div class="breadcrumb">' +
							' <a class="create-fix" href="#CREATE/' + Math.random(1).toString().substr(2) + '" class="btn btn-link btn-sm"> <i class="glyphicon glyphicon-arrow-left"></i> Wróć do formularza i popraw dane</a></li>' +
						'</div>' +
					'</div>';
				jQuery(out).appendTo(taskCnt);
				var taskContLastNode = taskContLast
					, taskCntNode = taskCnt;
				taskCnt.find('.create-fix').click(function(){
					taskCntNode.remove();
					taskContLastNode.fadeIn('slow');
					return false;
				});
			}
			else if (data.type == 'success') {
				var msg = '';
				if (data.id && data.id > 0) {
					msg = 'Utworzono pomyślnie rekord: ID = ' + data.id;
				} else if (data.msg) {
					msg = data.msg;
				} else {
					msg = 'OK';
				}
				var out = '<div class="container">';
				out += '<div class="alert alert-success">' + msg + '</div>';
				out += '<div class="breadcrumb">' +
						' <a href="#" onclick="return tableAjaxBackToTable();" class="btn btn-link btn-sm"> <i class="glyphicon glyphicon-arrow-left"></i> Wróć do tabeli <?php echo $this->getLabelHtml(); ?></a>' +
						' <a href="#EDIT/' + data.id + '" class="btn btn-link btn-sm"> <i class="glyphicon glyphicon-pencil"></i> Edytuj rekord ' + data.id + '</a>' +
						' <a href="#CREATE/' + Math.random(1).toString().substr(2) + '" class="btn btn-link btn-sm"> <i class="glyphicon glyphicon-plus"></i> Dodaj nowy rekord</a></li>' +
					'</div>';
				out += '</div>';
				jQuery(out).appendTo(taskCnt);
			}
		});

		return false;
	});
});
</script>
		<?php
		exit;
	}

	private function ajaxCreateSave($args) {
		$acl = $this->_acl;
		$response = new stdClass();
		$createdId = null;
		try {
			$item = $acl->convertObjectFromUserInput($args, $type = 'array_by_id', $prefix = 'f');

			$createdId = $acl->addItem($item);

			if ($createdId) {
				$response->type = 'success';
				$response->msg = "Utworzono pomyślnie rekord nr {$createdId}";
				$response->id = $createdId;
				$response->record = $acl->buildQuery([])->getItem($createdId);
			}
			else {
				$response->type = 'error';
				$response->msg = "Nie udało się utworzyć nowego rekordu!";
			}

		}
		catch (Exception $e) {
			$response->type = 'error';
			$response->msg = $e->getMessage();
		}
		return $response;
	}

	private function ajaxCopy($args) {
		$acl = $this->_acl;
		$id = V::get('ID', 0, $_REQUEST, 'int');
		if ($id <= 0) {
			throw new HttpException("Wrong param ID!", 404);
		}

		$item = $acl->buildQuery([])->getItem($id);
		if (!$item) {
			throw new HttpException("Item '{$id}' not exists!", 404);
		}

		$response = new stdClass();
		$itemCopy = $acl->createItemCopy($item);

		$createdId = null;
		try {

			$createdId = $acl->addItem($itemCopy);

			if ($createdId) {
				$response->type = 'success';
				$response->msg = "Rekord skopiowany pomyślnie - utworzono rekord nr {$createdId}";
				$response->id = $createdId;
				$response->record = $acl->buildQuery([])->getItem($createdId);
			}
			else {
				$response->type = 'error';
				$response->msg = "Nie udało się skopiować rekordu!";
			}
		}
		catch (Exception $e) {
			$response->type = 'error';
			$response->msg = "Wystąpiły błędy!";
			$response->msg = $e->getMessage();
		}
		return $response;
	}

	private function ajaxHist($args) {
		$jsonResponse = array();
		$id = V::get('ID', 0, $args, 'int');
		$acl = $this->_acl;
		$record = $acl->buildQuery([])->getItem($id);
		if (!$record) throw new HttpException("404: No item ID({$id})", 404);

		$visibleCols = $acl->getRealFieldList();
		$rowsHist = $acl->getHistItems($id);

		$jsonResponse['row_functions'] = $this->_parseRowFunctions($record['ID'], array('hist', 'cp'), $showLabel = true);

		$visibleColsWithIds = array();
		$visibleColsLabels = array();
		foreach ($visibleCols as $vColName) {
			$fldId = $acl->getFieldIdByName($vColName);
			if ($fldId) {
				$visibleColsWithIds[$fldId] = $vColName;
				$label = $acl->getFieldLabel($vColName);
				$label = (!$label)? $vColName : '<span title="' . "[{$fldId}] {$vColName}" . '">' . $label . '</span>';
				$visibleColsLabels[$fldId] = $label;
			}
		}
		$jsonResponse['label'] = "Historia rekordu Nr {$id}";
		$jsonResponse['fields'] = array_values($visibleColsWithIds);
		$jsonResponse['field_label'] = $visibleColsLabels;

		if (empty($rowsHist)) return $jsonResponse;

		$jsonResponse['rows'] = array();
		foreach ($rowsHist as $histRow) {
			$histItem = array();
			$histItem['ID'] = V::get('ID', '', $histRow);
			$histItem['_created'] = V::get('_created', '', $histRow);
			$histItem['_author'] = V::get('_author', '', $histRow);
			$histItem['changes'] = array();
			foreach ($visibleColsWithIds as $fldId => $fieldName) {
				if (!array_key_exists($fieldName, (array)$histRow)) continue;
				$value = V::get($fieldName, '', $histRow);
				if ('N/S;' == $value) continue;

				$changeItem = array();
				$changeItem['fieldName'] = $fieldName;
				$changeItem['acl_read'] = $acl->canReadObjectField($fieldName, $record);
				if ($changeItem['acl_read']) {
					$changeItem['value'] = V::get($fieldName, '', $histRow);
				}
				if ('the_geom' == $fieldName && $acl->canWriteObjectField($fieldName, $record)) {
					$sourceName = $acl->getSourceName();
					if ('default_db' == $sourceName && !empty($value)) {
						$typeName = $acl->getName();
						$idHist = V::get('ID', '', $histRow);
						$changeItem['revert_function_url'] = Request::getPathUri() . "index.php?_route=ViewTableAjax&typeName=p5_{$sourceName}:{$typeName}&_task=revertFromHistAjax&ID={$id}&idHist={$idHist}&fieldName={$fieldName}";
						$changeItem['revert_function_data'] = "ID={$id}&idHist={$idHist}&fieldName={$fieldName}";
					}
				}
				$histItem['changes'][$fieldName] = $changeItem;
			}
			$jsonResponse['rows'][] = $histItem;
		}

		return $jsonResponse;
	}

	public function ajaxFileUpload($args) {
		$id = V::get('ID', 0, $args, 'int');
		if ($id <= 0) throw new HttpException("404", 404);
		$dbID = $this->_acl->getDB();
		$db = DB::getDB($dbID);
		if (!$db) throw new HttpException("No DB ({$dbID})", 406);
		$record = $this->_acl->buildQuery([])->getItem($id);
		if (!$record) throw new HttpException("No item ID({$id})", 404);
		if (!$this->_acl->canReadRecord($record)) throw new Exception("Brak uprawnień do odczytu");
		if (!$this->_acl->canWriteRecord($record)) throw new Exception("Brak uprawnień do zapisu");
		$tblName = $this->_acl->getName();
		$confTblName = "{$tblName}_COLUMN";
		$folderConfAll = FoldersConfig::getRawData();
		if (!FoldersConfig::hasConfig($confTblName)) throw new HttpException("Brak danych konfiguracyjnych ({$tblName})", 404);
		$folderConf = FoldersConfig::getAll($confTblName);

		$uploader = new FileUploader($confTblName, (object)$record);
		if (!$uploader->setConfig($folderConf)) throw new HttpException("Błąd danych konfiguracyjnych ({$tblName})", 404);
		$uploader->findFolder();
		$errorMsg = '';
		if (!empty($args['SCANS_COLUMN_ADD'])) {
			$uploaded = $uploader->tryMoveFromScanAjax($errorMsg);
		}
		else {
			$uploaded = $uploader->tryUploadAjax($errorMsg);
		}

		$retJson = new stdClass();
		if (!$uploaded) throw new Exception($errorMsg);
		$uploadedFileName = '';
		$uploadedFile = $uploader->getLastUploadedFile();
		if ($uploadedFile) {
			$uploadedFileName = explode('/', $uploadedFile);
			$uploadedFileName = end($uploadedFileName);
		}
		//echo '{"type":"SUCCESS", "string": "Plik został poprawnie wgrany do odpowiedniego katalogu '.$uploadedFileName.'"}';
		$retJson->type = 'SUCCESS';
		$retJson->msg = "Plik został poprawnie wgrany do odpowiedniego katalogu {$uploadedFileName}";

		if (!empty($uploadedFileName)) {
			$sqlObj = new stdClass();
			$sqlObj->ID = $record['ID'];
			$sqlObj->M_DIST_FILES = "Wgrano plik {$uploadedFileName}";
			$db->UPDATE_OBJ($this->_tbl, $sqlObj);
		}
		return $retJson;
	}

	public function ajaxFileList($args) {
		$id = V::get('ID', 0, $args, 'int');
		if ($id <= 0) throw new HttpException("404", 404);
		$dbID = $this->_acl->getDB();
		$db = DB::getDB($dbID);
		if (!$db) throw new HttpException("No DB ({$dbID})", 406);
		$record = $this->_acl->buildQuery([])->getItem($id);
		if (!$record) throw new HttpException("No item ID({$id})", 404);
		if (!$this->_acl->canReadRecord($record)) throw new Exception("Brak uprawnień do odczytu");
		$tblName = $this->_acl->getName();
		$confTblName = "{$tblName}_COLUMN";
		$folderConfAll = FoldersConfig::getRawData();
		if (!FoldersConfig::hasConfig($confTblName)) throw new HttpException("Brak danych konfiguracyjnych ({$tblName})", 404);
		$folderConf = FoldersConfig::getAll($confTblName);

		$uploader = new FileUploader($confTblName, (object)$record);
		if (!$uploader->setConfig($folderConf)) throw new HttpException("Błąd danych konfiguracyjnych ({$tblName})", 404);
		$uploader->findFolder();
		$mainFolder = $uploader->getDestFolder();
		$files = $uploader->getFilesFromFolder($mainFolder, false, true);
		$localPath = $uploader->getLocalPath();
		$folderWeb = $uploader->getFolderWeb();
		$jsonFiles = $this->convertFileListToJson($files, $folderWeb, $localPath, $mainFolder);
		return $jsonFiles;
	}

	private function ajaxFilePermsRefresh($args) {
		$id = V::get('ID', 0, $args, 'int');
		if ($id <= 0) throw new HttpException("Wrong param ID", 404);

		$dbID = $this->_acl->getDB();
		$db = DB::getDB($dbID);
		if (!$db) throw new HttpException("No DB", 406);

		$record = $this->_acl->buildQuery([])->getItem($id);
		if (!$record) throw new Exception("No item ID({$id})", 404);

		$tblName = $this->_acl->getName();

		// TODO: SyncPermsCustomTables->getRecordTask($tbl, $id);
		$sql_L_APPOITMENT_USER = V::get('L_APPOITMENT_USER', '', $record);
		$sql_A_ADM_COMPANY = V::get('A_ADM_COMPANY', '', $record);
		$sql_A_CLASSIFIED = V::get('A_CLASSIFIED', '', $record);
		$mainDB = DB::getDB();

		if ('IN7_MK_BAZA_DYSTRYBUCJI' == $tblName) {
			$sql = "insert into `_SYNC_FILE_PERMS` (
					`ID_PROJECT`,
					`A_SYNCHRONIZED`
				)
				values (
					'{$record['ID']}'
					, 0
				)
				ON DUPLICATE KEY UPDATE
					`A_SYNCHRONIZED`=0
			";
		}
		else if ('IN7_DZIENNIK_KORESP' == $tblName) {
			$sql = "insert into `_SYNC_FILE_PERMS` (
					`ID_PROJECT`,
					`A_SYNCHRONIZED`
				)
				values (
					'{$record['ID_PROJECT']}'
					, 0
				)
				ON DUPLICATE KEY UPDATE
					`A_SYNCHRONIZED`=0
			";
		}
		else {
			$sql = "insert into `_SYNC_TABLE_FILE_PERMS` (
					`TBL_NAME`,
					`TBL_ID`,
					`L_APPOITMENT_USER`,
					`A_ADM_COMPANY`,
					`A_CLASSIFIED`,
					`A_SYNCHRONIZED`
				)
				values (
					'{$tblName}'
					, '{$id}'
					, '{$sql_L_APPOITMENT_USER}'
					, '{$sql_A_ADM_COMPANY}'
					, '{$sql_A_CLASSIFIED}'
					, 0
				)
				ON DUPLICATE KEY UPDATE
					`A_SYNCHRONIZED`=0
			";
		}

		$res = $mainDB->query($sql);
		if ($mainDB->has_errors()) {
			//echo'<pre style="max-height:200px;overflow:auto;border:1px solid red;text-align:left;"> (' . __CLASS__ . '::' . __FUNCTION__ . ':' . __LINE__ . '): ';print_r($sql);echo'</pre>';
			//echo'<pre style="max-height:200px;overflow:auto;border:1px solid red;text-align:left;"> (' . __CLASS__ . '::' . __FUNCTION__ . ':' . __LINE__ . '): ';print_r($mainDB->get_errors());echo'</pre>';
			throw new Exception("Nie udało się dodać zadania");
		}

		// TODO: this blocks browser ajax query
		//$limit = 3;
		//while ($limit--) {
		//	sleep(10);
		//	TODO: check if task is done
		//}

		$confTblName = "{$tblName}_COLUMN";
		$folderConfAll = FoldersConfig::getRawData();
		if (!FoldersConfig::hasConfig($confTblName)) {
			throw new Exception("Brak danych konfiguracyjnych ({$tblName})", 404);
		}

		$folderConf = FoldersConfig::getAll($confTblName);

		$uploader = new FileUploader($confTblName, (object)$record);
		if (!$uploader->setConfig($folderConf)) {
			throw new Exception("Błąd danych konfiguracyjnych ({$tblName})", 404);
		}
		$uploader->findFolder();

		$mainFolder = $uploader->getDestFolder();

		$files = $uploader->getFilesFromFolder($mainFolder, false, true);
		$localPath = $uploader->getLocalPath();
		$folderWeb = $uploader->getFolderWeb();
		$jsonData = new stdClass();
		$jsonData->msg = 'Zadanie dodane';
		$jsonData->type = 'success';
		$jsonData->files = $this->convertFileListToJson($files, $folderWeb, $localPath, $mainFolder);
		return $jsonData;
	}

	private function sendAjaxFilesConnTblList($id, $args) {
		header("Content-type: application/json");
		$DBG = ('1' == V::get('DBG', '', $_REQUEST));

		$dbID = $this->_acl->getDB();
		$db = DB::getDB($dbID);
		if (!$db) {
			header('HTTP/1.0 406 Not Acceptable');
			echo 'No DB (' . $dbID . ')';
			exit;
		}

		$record = $this->_acl->buildQuery([])->getItem($id);
		if (!$record) {
			header('HTTP/1.0 404 Not Found');
			echo 'No item ID(' . $rowID . ')';
			exit;
		}

		$connTblName = '';
		$connTblID = V::get('connTblID', 0, $_REQUEST, 'int');
		if ($connTblID <= 0) {
			header('HTTP/1.0 406 Not Acceptable');
			echo 'No conn Table ID';
			exit;
		}

		$connTblTypespecials = $this->getConnectedTblTypespecials($connTblID);
		if (empty($connTblTypespecials)) {
			header('HTTP/1.0 406 Not Acceptable');
			echo "No conn Table (ID={$connTblID})";
			exit;
		}

		if($DBG){echo'<pre style="max-height:200px;overflow:auto;border:1px solid red;text-align:left;">connTblTypespecials (' . __CLASS__ . '::' . __FUNCTION__ . ':' . __LINE__ . '): ';print_r($connTblTypespecials);echo'</pre>';}

		if(1) {
			header('HTTP/1.0 404 Not Found');
			echo 'TODO: ...';
			exit;
		}


		$tblName = $this->_acl->getName();
		$confTblName = "{$tblName}_COLUMN";
		$folderConfAll = FoldersConfig::getRawData();
		if (!FoldersConfig::hasConfig($confTblName)) {
			header('HTTP/1.0 404 Not Found');
			echo '{"type":"ERROR", "string": "Brak danych konfiguracyjnych (' . $tblName . ')"}';
			exit;
		}

		$folderConf = FoldersConfig::getAll($confTblName);

		$uploader = new FileUploader($confTblName, (object)$record);
		if (!$uploader->setConfig($folderConf)) {
			header('HTTP/1.0 404 Not Found');
			echo '{"type":"ERROR", "string": "Błąd danych konfiguracyjnych (' . $tblName . ')"}';
			exit;
		}
		$uploader->findFolder();

		$mainFolder = $uploader->getDestFolder();

		$files = $uploader->getFilesFromFolder($mainFolder, false, true);
		$localPath = $uploader->getLocalPath();
		$folderWeb = $uploader->getFolderWeb();
		$jsonFiles = $this->convertFileListToJson($files, $folderWeb, $localPath, $mainFolder);
		echo json_encode($jsonFiles);
		exit;
	}

	public function convertFileListToJson($files, $folderWeb, $localPath, $mainFolder) {
		$jsonFiles = array();
		if (!is_array($files) || empty($files)) {
			return $jsonFiles;
		}
		sort($files);
		foreach ($files as $vFilePath) {
			$file = new stdClass();
			$file->name = str_replace("{$localPath}/{$mainFolder}/", '', $vFilePath);
			//$file->name = explode('/', $vFilePath);
			//$file->name = end($file->name);
			$file->size = filesize($vFilePath);
			$file->sizeStr = V::humanFileSize($file->size);
			$file->type = '';
			$file->created = date("Y-m-d H:i:s", filectime($vFilePath));
			$file->web = str_replace($localPath, $folderWeb, $vFilePath);
			$jsonFiles[] = $file;
		}
		return $jsonFiles;
	}

	private function getConnectedTables() {
		$connTbls = array();
		return $connTbls;// TODO: OFF - hardlinki tworzone w bash_sync_perms.php

		$fields = $this->_acl->getVirtualFieldListByIdZasob();
		if (!empty($fields)) {
			foreach ($fields as $vColID => $vCol) {
				$typeSpecial = Typespecial::getInstance($vColID);
				if ($typeSpecial) {
					$tsConnTbls = $typeSpecial->getTblAliasList();
					if (!empty($tsConnTbls)) {
						foreach ($tsConnTbls as $kID => $vName) {
							$connTbls[$kID] = $vName;
						}
					}
				}
			}
		}

		return $connTbls;
	}

	private function getConnectedTblTypespecials($connTblID) {
		$connTblTypespecials = array();

		$fields = $this->_acl->getVirtualFieldListByIdZasob();
		if (!empty($fields)) {
			foreach ($fields as $vColID => $vCol) {
				$typeSpecial = Typespecial::getInstance($vColID);
				if ($typeSpecial) {
					$tsConnTbls = $typeSpecial->getTblAliasList();

					if (array_key_exists($connTblID, $tsConnTbls)) {
						$connTblTypespecials[] = $typeSpecial;
					}
				}
			}
		}

		return $connTblTypespecials;
	}

	private function sendAjaxFiles($id, $args) {
		header("Content-type: text/plain");
		$DBG = ('1' == V::get('DBG', '', $_REQUEST));
		$acl = $this->_acl;

		$dbID = $acl->getDB();
		$db = DB::getDB($dbID);
		if (!$db) throw new HttpException("", 406);

		$record = $acl->buildQuery([])->getItem($id);
		if (!$record) throw new HttpException("404: No item ID({$rowID})", 404);

		if (!$acl->canReadRecord($record)) throw new Exception("Brak uprawnień do odczytu");

		$tblName = $acl->getName();
		$confTblName = "{$tblName}_COLUMN";
		$folderConfAll = FoldersConfig::getRawData();
		if (!FoldersConfig::hasConfig($confTblName)) throw new HttpException("Brak danych konfiguracyjnych", 404);

		$folderConf = FoldersConfig::getAll($confTblName);
		//echo'<pre style="max-height:200px;overflow:auto;border:1px solid red;text-align:left;">$folderConf (' . __CLASS__ . '::' . __FUNCTION__ . ':' . __LINE__ . '): ';print_r($folderConf);echo'</pre>';

		$uploader = new FileUploader($confTblName, (object)$record);
		$errMsg = '';
		if (!$uploader->setConfig($folderConf, $errMsg)) throw new HttpException("Błąd danych konfiguracyjnych ({$tblName})" . '<br>' . "\n" . $errMsg, 404);
		$uploader->findFolder();
		if($DBG){ echo'<pre style="max-height:200px;overflow:auto;border:1px solid red;text-align:left;">uploader (F.' . __FUNCTION__ . ':' . __LINE__ . '): ';print_r($uploader);echo'</pre>'; }

		$mainFolder = $uploader->getDestFolder();
		if($DBG){ echo'<pre style="max-height:200px;overflow:auto;border:1px solid red;text-align:left;">mainFolder (F.' . __FUNCTION__ . ':' . __LINE__ . '): ';print_r($mainFolder);echo'</pre>'; }

		if (!$mainFolder) {
			$destFolderPath = $uploader->getDestLocalPath(true);
			$folderCreated = $uploader->tryCreateDestFolder($destFolderPath);
			if ($folderCreated) {
				//UI::alert('info', "Utworzono katalog");
				$uploader->findFolder();
				$mainFolder = $uploader->getDestFolder();
			} else {
				UI::alert('warning', "Nie udało się utworzyć katalogu");
			}
		}

		$files = $uploader->getFilesFromFolder($mainFolder, false, true);
		if($DBG){ echo'<pre style="max-height:200px;overflow:auto;border:1px solid red;text-align:left;">files (' . __CLASS__ . '::' . __FUNCTION__ . ':' . __LINE__ . '): ';print_r($files);echo'</pre>'; }

		$sharePoint = V::get('share_point', null, $folderConf);
		if ($sharePoint) {
			if ('//' == substr($mainFolder, 0, 2)) {
				$sharePoint = FoldersConfig::getNfsOsPath() . "{$mainFolder}";
			} else {
				$sharePoint = FoldersConfig::getNfsOsPath() . "{$sharePoint}/{$mainFolder}";
			}
		}
		$localPath = $uploader->getLocalPath();
		$folderWeb = $uploader->getFolderWeb();
		$jsonFiles = $this->convertFileListToJson($files, $folderWeb, $localPath, $mainFolder);
		if($DBG){ echo'<pre style="max-height:200px;overflow:auto;border:1px solid red;text-align:left;">jsonFiles (' . __CLASS__ . '::' . __FUNCTION__ . ':' . __LINE__ . '): ';print_r($jsonFiles);echo'</pre>'; }

		$folderSkanyConf = FoldersConfig::getAll('SCANS_COLUMN');
		$skanyLocalPath = V::get('mount_point', null, $folderSkanyConf);
		$skanySharePoint = V::get('share_point', null, $folderSkanyConf);
		$skanyFolderWeb = V::get('www_share_point', null, $folderSkanyConf);
		$skanyFiles = $uploader->getFilesFromSkany($folderSkanyConf, false);
		sort($skanyFiles);

		$fileTypes = FoldersConfig::getAll('m_dist_files_types');

		$rowFunctionsOut = $this->_showRowFunctions($record['ID'], array('files', 'cp'), true);

		$fileIndexField = V::get('DEST_FILE_INDEX_FIELD', 'ID', $folderConf);
		$fileIndex = V::get($fileIndexField, $record['ID'], $record);
		$namespace = $acl->getNamespace();
		echo UI::h('div', [ 'class' => "container" ], [
			UI::h('h4', [ 'style' => "margin:20px 0 3px 0;" ], [
				"Pliki w katalogu ",
				($sharePoint)
					?	UI::h('a', [ 'href' => $sharePoint ], [
							UI::h('span', [ 'class' => "glyphicon glyphicon-folder-open" ]),
							UI::h('code', [ 'style' => "margin-left:6px" ], $mainFolder),
						])
					:	UI::h('code', [], $mainFolder),
				UI::h('span', [ 'class' => "pull-right valign-btns-bottom" ], [
					UI::h('span', [ 'id' => "FILES_LIST_ACTIONS_{$this->_htmlID}" ]),
					" {$rowFunctionsOut}",
				]),
			]),
			UI::h('div', [ 'style' => "clear:both; max-height:180px; overflow:auto; border-bottom:1px solid #ddd;" ], [
				UI::h('table', [ 'class' => "table table-bordered table-hover" ], [
					UI::h('colgroup', [], [
						UI::h('col', [ 'style' => "" ]),
						UI::h('col', [ 'style' => "width:30px" ]),
						($sharePoint)
						?	UI::h('col', [ 'style' => "width:30px" ])
						:	'',
						UI::h('col', [ 'style' => "width:80px" ]),
						UI::h('col', [ 'style' => "width:140px" ]),
					]),
					UI::h('tbody', [ 'id' => "FILES_LIST_{$this->_htmlID}" ], [
						(empty($mainFolder) || empty($files))
						?	UI::h('tr', [], [
								UI::h('td', [ 'colspan' => "5" ], [
									(empty($mainFolder))
									?	UI::h('div', [ 'class' => "alert alert-warning" ], [
											UI::h('h4', [], "Brak folderu!"),
											"Folder dla tego rekordu nie został utworzony."
										])
									:	UI::h('div', [ 'class' => "alert alert-info" ], [
											UI::h('h4', [], "Brak plików!"),
										])
								]),
							])
						:	'',
					]),
				]),
			]),
			UI::h('br'),
			UI::h('br'),
			(!$this->_acl->canWriteRecord($record))
			?	UI::h('div', [ 'class' => "alert alert-warning" ], [
					"Brak uprawnień do dodawania plików",
				])
			:	UI::h('div', [ 'id' => "FILES_CONN_TBLS_{$this->_htmlID}" ]),
			(!$this->_acl->canWriteRecord($record))
			?	''
			:	UI::h('form', [ 'enctype' => "multipart/form-data", 'method' => "POST", 'action' => "", 'id' => "FILES_FRM_{$this->_htmlID}", 'class' => "form-inline" ], [
					UI::h('input', [ 'type' => "hidden", 'name' => "M_DIST_UPLOAD_SOURCE", 'value' => "local" ]),
					UI::h('ul', [ 'id' => "FILES_TAB_{$this->_htmlID}", 'class' => "nav nav-tabs", 'style' => "margin:0;"], [
						UI::h('li', [ 'class' => "active" ], [ UI::h('a', [ 'href' => "#local", 'data-toggle' => "local" ], "Wybierz plik lokalny"), ]),
						UI::h('li', [], [ UI::h('a', [ 'href' => "#scan", 'data-toggle' => "scan" ], "Wybierz plik ze skanów" ), ]),
						UI::h('li', [], [ UI::h('a', [ 'href' => "#multiple", 'data-toggle' => "multiple" ], "Wgraj wiele plików" ), ]),
					]),
					UI::h('div', [ 'id' => "myTabContent", 'class' => "tab-content" ], [
						UI::h('div', [ 'class' => "tab-pane fade in active", 'id' => "local", 'style' => "text-align: center;" ], [
							UI::h('input', [ 'name' => "M_DIST_FILES_NAME", 'type' => "file", 'size' => "60", 'class' => "field-upload btn",
								'style' => "width:86%;margin:10px auto;padding:10px 4%;background:#eee;text-align:center",
								'ondragover' => "this.style.backgroundColor='#D9EDF7'",
								'ondragleave' => "this.style.backgroundColor='#eee'",
								'ondragend' => "this.style.backgroundColor='#eee'",
							]),
						]),
						UI::h('div', [ 'class' => "tab-pane fade", 'id' => "multiple" ], [
							UI::h('div', [
								'id' => "FILES_MULTIPLE_UPLOAD_{$this->_htmlID}",
								'style' => "width:86%; margin:10px auto; padding:40px 100px; background-color:#eee; border-radius:4px; text-align:center",
								'ondrop' => "p5TAFiles_onDropMultiple(event, this, '{$id}', '{$namespace}')",
								'ondragover' => "p5TAFiles_onDragOverMultiple(event, this)", // "event.preventDefault(); this.style.backgroundColor='#D9EDF7'",
								'ondragleave' => "p5TAFiles_onDragLeaveMultiple(event, this)", // "event.preventDefault(); this.style.backgroundColor='#eee'",
								'ondragend' => "p5TAFiles_onDragEndMultiple(event, this)", // "event.preventDefault(); this.style.backgroundColor='#eee'",
							], [
								"Upuść pliki tutaj",
							]),
						]),
						UI::h('div', [ 'class' => "tab-pane fade", 'id' => "scan" ], [
							(empty($skanyFiles))
							?	UI::h('div', [ 'class' => "alert alert-info" ], [
									UI::h('h4', [], "Brak plików"),
									(!empty($skanyFolderWeb))
									?	"skonfiguruj urządzenie biurowe aby wysyłało skany na ftp://skaner:(h*a*s*l*o)@".$_SERVER['SERVER_NAME']." <br> lub <a href=".FoldersConfig::getNfsOsPath().$skanySharePoint.">".FoldersConfig::getNfsOsPath().$skanySharePoint."</a>"
									:	'',
								])
							:	UI::h('div', [ 'style' => "max-height:150px; overflow:auto; border-bottom:1px solid #ddd;" ], [
									UI::h('table', [ 'class' => "table table-bordered table-hover" ], [
										UI::h('colgroup', [], [
											UI::h('col', [ 'style' => "width:30px;" ]),
											UI::h('col', [ 'style' => "" ]),
											UI::h('col', [ 'style' => "width:30px;" ]),
											UI::h('col', [ 'style' => "width:80px;" ]),
											UI::h('col', [ 'style' => "width:140px;" ]),
										]),
										UI::h('tbody', [], array_map(function ($vFilePath) use ($skanyLocalPath, $skanyFolderWeb) {
											$vFileName = explode('/', $vFilePath);
											$vFileName = end($vFileName);
											$vFileSize = filesize($vFilePath);
											$vFileSizeOut = V::humanFileSize($vFileSize);
											return UI::h('tr', [], [
												UI::h('td', [], [ UI::h('input', [ 'style' => "margin:0", 'type' => "radio", 'name' => "SCANS_COLUMN_ADD", 'value' => $vFileName]) ]),
												UI::h('td', [], [ UI::h('div', [ 'style' => "overflow:hidden; white-space:nowrap", 'title' => $vFileName ], $vFileName) ]),
												UI::h('td', [ 'style' => "white-space:nowrap; text-align:center" ], [
													UI::h('a', [ 'href' => str_replace($skanyLocalPath, $skanyFolderWeb, $vFilePath), 'target' => "_blank", 'class' => "glyphicon glyphicon-download-alt" ])
												]),
												UI::h('td', [ 'style' => "white-space:nowrap; text-align:right" ], $vFileSizeOut),
												UI::h('td', [ 'style' => "white-space:nowrap" ], date("Y-m-d H:i:s", filectime($vFilePath))),
											]);
										}, $skanyFiles)),
									])
								]),
						])
					]),
					UI::h('br'),
					UI::h('h4', [], [
						"Ustal nazwę pliku zgodną z obiegiem dokumentów",
						//TODO: link do procesu o obiegu dokumentów <i class="glyphicon glyphicon-question-sign" style="cursor:help" title="działa w nowszych przeglądarkach jak Firefox, Chrome"></i>
					]),
				 	UI::h('table', [ 'style' => "width:100%", 'class' => "table table-bordered" ], [
						UI::h('tr', [], [
							UI::h('th', [], "Nr"),
							UI::h('th', [], "Typ"),
							UI::h('th', [ 'style' => "width:40%" ], [
								"Opis ",
								UI::h('i', [ 'class' => "glyphicon glyphicon-question-sign", 'title' => "kogo dotyczy / czego / sprawa / nazwa_firmy itp" ]),
							]),
							UI::h('th', [ 'style' => "width:16%" ], "Data wersji"),
							UI::h('th', [ 'style' => "width:12%" ], "Numer wersji"),
						]),
						UI::h('tr', [], [
							UI::h('td', [], $fileIndex),
							UI::h('td', [], [
								UI::h('select', [ 'class' => "form-control", 'name' => "M_DIST_FILES_TYPE" ], array_map(function ($vLabel, $kType) {
									return UI::h('option', array_merge([ 'value' => $kType],
										($kType == 'TODO')
										? [ 'selected' => "selected"]
										: []
									), $vLabel);
								}, $fileTypes, array_keys($fileTypes)) ),
								UI::h('br'),
								UI::h('label', [ 'class' => "checkbox" ], [
									UI::h('input', [ 'type' => "checkbox", 'name' => "M_DIST_FILES_TYPE_AUTO" ]),
									" Wykrycie automatyczne typu z wysylanego pliku",
								]),
								UI::h('label', [ 'class' => "checkbox" ], [
									UI::h('input', [ 'type' => "checkbox", 'name' => "M_DIST_FILES_TEMP" ]),
									" Plik tymczasowy / roboczy / nieoficjalny (_TEMP)",
								]),
							]),
							UI::h('td', [], [
								UI::h('input', [ 'class' => "form-control", 'style' => "width:100%", 'type' => "text", 'name' => "M_DIST_FILES_DESCRIPTION", 'value' => "", 'maxlength' => "50" ]),
								"<br><label>jeśli nie zostanie podany to zostanie automatycznie wygenerowany na podstawie nazwy pliku wysyłanego</label>",
							]),
							UI::h('td', [], [
								UI::h('div', [ 'class' => "input-group" ], [
									UI::h('input', [ 'name' => "M_DIST_FILES_DATE", 'type' => "text", 'value' => date('Y-m-d'), 'class' => "se_type-date form-control", 'data-format' => "yyyy-MM-dd", 'maxlength' => "10" ]),
									UI::h('span', [ 'class' => "input-group-addon" ], [
										UI::h('span', [ 'class' => "glyphicon glyphicon-calendar" ]),
									]),
								]),
								// UI::h('input', [ 'class' => "form-control", 'type' => "date", 'name' => "M_DIST_FILES_DATE", 'value' => date('Y-m-d'), 'maxlength' => "10" ]),
								"<br><label>jeśli nie zostanie podana to zostanie ustawiona na dzisiaj (" . date('Y-m-d') . ")</label>",
							]),
							UI::h('td', [], [
								UI::h('input', [ 'class' => "form-control", 'style' => "width:100%", 'type' => "number", 'name' => "M_DIST_FILES_VERSION" ]),
								UI::h('br'),
								UI::h('label', [ 'class' => "checkbox" ], [
									UI::h('input', [ 'type' => "checkbox", 'name' => "M_DIST_FILES_VERSION_AUTO" ]),
									" Automatycznie dodaj wersje",
								]),
							]),
						]),
						UI::h('tr', [], [
							UI::h('td', [ 'colspan' => "5" ], [
								UI::h('div', [ 'id' => "FRM_UPLOAD_RESULTS_{$this->_htmlID}" ]),
								UI::h('p', [], [
									UI::h('input', [ 'type' => "submit", 'value' => "Wyślij", 'class' => "btn btn-primary" ], "wybrany plik do folderu:"),
								]),
								UI::h('p', [], [
									UI::h('code', [], [
										UI::h('b', [], $uploader->getDestPathShare(true)),
									]),
									UI::h('br'),
									UI::h('i', [ 'style' => "color:#777" ], "(Jeśli folder nie istnieje to zostanie utworzony automatycznie)"),
								]),
							]),
						]),
					]),
				]),
		]);
		$className = __CLASS__;
		$namespace = $acl->getNamespace();
		UI::inlineJS(__FILE__ . '.files.js', [
			'UNIQ_HASH' => $this->_htmlID,
			'FUNCTION_FILE_LIST_UPDATE_AJAX' => "fileListUpdateAjax{$this->_htmlID}", // fileListUpdateAjax
			'FUNCTION_FILE_LIST_UPDATE' => "fileListUpdate{$this->_htmlID}", // fileListUpdate
			'FUNCTION_CONN_TBL_LIST_UPDATE_AJAX' => "connTblListUpdateAjax{$this->_htmlID}", // connTblListUpdateAjax
			'FUNCTION_CONN_TBL_LIST_UPDATE' => "connTblListUpdate{$this->_htmlID}", // connTblListUpdate
			'FUNCTION_FILE_LIST_ACTIONS' => "fileListActions{$this->_htmlID}", // fileListActions
			'CONN_TABLES' => $this->getConnectedTables(),
			'NODE_ID_FILES_FRM' => "FILES_FRM_{$this->_htmlID}",
			'NODE_ID_FRM_UPLOAD_RESULTS' => "FRM_UPLOAD_RESULTS_{$this->_htmlID}",
			'NODE_ID_FILES_TAB' => "FILES_TAB_{$this->_htmlID}",
			'NODE_ID_FILES_LIST' => "FILES_LIST_{$this->_htmlID}",
			'NODE_ID_FILES_CONN_TBLS' => "FILES_CONN_TBLS_{$this->_htmlID}",
			'NODE_ID_FILES_LIST_ACTIONS' => "FILES_LIST_ACTIONS_{$this->_htmlID}",
			'NODE_ID_FILES_MULTIPLE_UPLOAD' => "FILES_MULTIPLE_UPLOAD_{$this->_htmlID}",
			'URL_FILE_LIST_UPDATE_AJAX' => "index-ajax.php?_zasobID={$this->_zasobID};&_cls={$className}&_hash={$this->_htmlID}&_task=FILES_LIST&ID={$record['ID']}",
			'URL_FILE_REMOVE_AJAX' => "index.php?_route=ViewTableAjax&namespace={$namespace}&_task=removeFileAjax&ID={$record['ID']}",
			'URL_CONNECTED_TABLE_LIST' => "index-ajax.php?_zasobID={$this->_zasobID}&_cls={$className}&_hash={$this->_htmlID}&_task=FILES_CONN_TBL_LIST&ID={$record['ID']}",
			'URL_FILE_PERMS_REFRESH' => "index-ajax.php?_zasobID={$this->_zasobID}&_cls={$className}&_hash={$this->_htmlID}&_task=filePermsRefresh&ID={$record['ID']}",
			'URL_FILE_UPLOAD' => "index-ajax.php?_zasobID={$this->_zasobID}&_cls={$className}&_hash={$this->_htmlID}&_task=FILES_UPLOAD&ID={$record['ID']}",
			'CAN_WRITE_RECORD' => (int)$this->_acl->canWriteRecord($record),
			'SHARE_POINT' => $sharePoint,
			'JSON_FILES' => $jsonFiles,
		]);
		exit;
	}

	private function sendTypeSpecial($fldID, $args) {
		$DBG = ('1' == V::get('DBG', '', $_REQUEST));

		header("Content-type: application/json");

		$fldName = '';
		$fld = $this->_acl->getField($fldID);
		DBG::log($fld, 'array', "\$fld({$fldID})");
		if (!$fld) {
			// 404
		} else {
			$fldName = $fld['name'];
		}

		$jsonData = array();
		$typeSpecial = Typespecial::getInstance($fldID, $fldName);
		if ($typeSpecial) {
			$query = V::get('q', '', $_REQUEST);
			DBG::log("\$query({$query})");
			$rawRows = null;
			$rows = $typeSpecial->getValuesWithExports($query);
			DBG::log($rows, 'array', "\$rows({$query})");
			foreach ($rows as $kID => $vItem) {
				$itemJson = new stdClass();
				$itemJson->id = $vItem->id;
				$itemJson->name = $vItem->param_out;
				if (!empty($vItem->exports)) {
					$itemJson->exports = $vItem->exports;
				}
				if (!empty($vItem->{'$order'})) {
					$itemJson->{'$order'} = $vItem->{'$order'};
				}
				$jsonData[] = $itemJson;
			}
		}

		/*
			MENU_INIT:VIEWTABLE_AJAX
			ZASOB_ID:1188
			_task:TYPESPECIAL
			fldID:3866

			Form Dataview sourceview URL encoded
			q:te
		 */
		echo json_encode($jsonData);
		exit;
	}

	public function ajaxData($args) {// executed from url: "{$this->syncUrl"&_hash={$this->_htmlID}&_task=loadDataAjax"
		$acl = $this->_acl;

		$pageSize = V::get('pageSize', $this->_pageSize, $args, 'int');
		$page = V::get('page', 0, $args, 'int');
		$page = ($page > 0) ? $page - 1 : $page;
		$currSortCol = V::get('currSortCol', '', $args);
		$currSortFlip = V::get('currSortFlip', '', $args);

		$params = array();
		$params['limit'] = $pageSize;
		$params['limitstart'] = $page * $params['limit'];
		$params['order_by'] = ($currSortCol)? $currSortCol : '';
		$params['order_dir'] = $currSortFlip;
		foreach ($args as $k => $v) {
			if (strlen($k) > 3 && substr($k, 0, 2) == 'f_' && strlen($v) > 0) {// filter prefix
				$params[$k] = $v;
			}
			else if (strlen($k) > 4 && substr($k, 0, 3) == 'sf_' && strlen($v) > 0) {// special filter prefix
				$params[$k] = $v;
			}
		}

		if ($this->_backRefFilter) {
			$params['__backRef'] = $this->_backRefFilter;
			DBG::log($params, 'array', '$params __backRef');
		}
		if ($this->_childRefFilter) {
			$params['__childRef'] = $this->_childRefFilter;
			DBG::log($params, 'array', '$params __childRef');
		}

		$filters = new stdClass();
		$filters->currSortCol = $currSortCol;
		$filters->currSortFlip = $currSortFlip;
		foreach ($args as $k => $v) {
			if (strlen($k) > 3 && substr($k, 0, 2) == 'f_' && strlen($v) > 0) {// filter prefix
				$filters->{$k} = $v;
			}
			else if (strlen($k) > 4 && substr($k, 0, 3) == 'sf_' && strlen($v) > 0) {// special filter prefix
				$filters->{$k} = $v;
			}
		}

		$this->setFilters($filters);

		$vCols = $acl->getVirtualFieldListByIdZasob();
		DBG::log($vCols, 'array', "\$vCols");

		$visibleCols = $acl->getVisibleFieldListByIdZasob();
		DBG::log($visibleCols, 'array', "\$visibleCols");

		$jsonData = new stdClass();
		$jsonData->page = $page + 1;
		$jsonData->pageSize = $pageSize;
		$jsonData->filters = $filters;
		$jsonData->cols = new stdClass();
		$jsonData->primaryKey = $acl->getPrimaryKeyField();
		$ind = 0;
		foreach ($visibleCols as $fieldID => $col) {
			$ind++;
			$columnConfig = (object)array('index'=>$ind);
			if (in_array($col, array('A_STATUS','A_STATUS_CURRENT','A_SERVICES_STATUS_CURRENT'))) {
				$columnConfig->format = '<div class="cell-A_STATUS-{0}">{0}</div>';
			}
			else if (in_array($col, array('Status'))) {
				// Ahmes problems Status colors
				$columnConfig->format = '<div class="cell-Status-{0}">{0}</div>';
			}
			else if ($acl->isGeomField($col)) {
				$columnConfig->type = 'geom';
			}
			if ('' !== ($label = $acl->getFieldLabel($col))) {
				$columnConfig->friendly = $label;
			}
			$colType = $acl->getFieldType($col);
			if ($colType) {// @see MarkTableAjaxFilterColType
				if ($colType['type'] == 'date') {
					// $columnConfig->type = 'date';// TODO: require datetimepicker
				}
				if (!empty($colType['simpleType'])) $columnConfig->type = $colType['simpleType'];
			} else {// typespecial - no type
				$columnConfig->type = 'special';
			}
			$columnConfig->xsdType = $acl->getXsdFieldType($col);
			if ($columnConfig->xsdType) {
				list($prefix, $typeName, $refTypeName) = explode(":", $columnConfig->xsdType);
				DBG::log([$prefix, $typeName, $refTypeName], 'array', "col '{$col}' xsdType");
				switch ($prefix) {
					case 'ref':
					case 'alias_ref':
						if (!$refTypeName) throw new HttpException("Schema Error for field({$col}) xsdType({$columnConfig->xsdType})", 500);
						$columnConfig->type = 'ref';
						$columnConfig->xsdRefUri = Api_WfsNs::getNsUri($typeName);
						$columnConfig->xsdRefType = $refTypeName;
						$columnConfig->xsdRefNsPrefix = $typeName;
						break;
					case 'xsd':
						switch ($typeName) {
							case 'string': $columnConfig->type = 'string'; break;
							case 'NMTOKEN': $columnConfig->type = 'string'; break; // xsd:NMTOKEN - non empty string without space - pattern: \c+
							case 'NCName': $columnConfig->type = 'string'; break; // xsd:NCName - non empty without ':' and not started with '-' - pattern: [\i-[:]][\c-[:]]*
							case 'integer': $columnConfig->type = 'number'; break;
							case 'int': $columnConfig->type = 'number'; break;
							case 'long': $columnConfig->type = 'number'; break;
						}
						break;
					case 'p5':
						switch ($typeName) {
							case 'enum': $columnConfig->type = 'string'; break;
							case 'alias': {
								if ($format = $acl->getXsdFieldParam($col, 'format')) $columnConfig->format = $format;
								if ($aliasMap = $acl->getXsdFieldParam($col, 'aliasMap')) $columnConfig->aliasMap = $aliasMap;
							} break;
							case 'string': {
								$columnConfig->type = 'p5:string';
								$columnConfig->formatByValue = $acl->getXsdFieldParam($col, 'formatByValue');
								if ($aliasMap = $acl->getXsdFieldParam($col, 'aliasMap')) $columnConfig->aliasMap = $aliasMap;
							} break;
						}
						break;
					case 'p5Type':
						switch ($typeName) {
							case 'enum': $columnConfig->type = 'string'; break;
							case 'alias': {
								$format = $acl->getXsdFieldParam($col, 'format');
								if ($format) $columnConfig->format = $format;
							} break;
							case 'integer': $columnConfig->type = 'number'; break;
							case 'string': {
								$columnConfig->type = 'p5:string';
								$columnConfig->formatByValue = $acl->getXsdFieldParam($col, 'formatByValue');
								if ($aliasMap = $acl->getXsdFieldParam($col, 'aliasMap')) $columnConfig->aliasMap = $aliasMap;
							} break;
						}
						break;
				}
			}

			$typeSpecial = Typespecial::getInstance($fieldID, $col);
			if ($typeSpecial) {
				DBG::log($typeSpecial, 'array', "\$typeSpecial id({$fieldID}) col({$col})");
				$columnConfig->_tsRetId = $typeSpecial->getReturnId();
				if ($columnConfig->_tsRetId == 0) {
					$tsParamOut = V::get('param_out', null, $typeSpecial);
					if ($tsParamOut) {
						$tsFormat = V::get('format', null, $tsParamOut);
						$tsValues = V::get('values', null, $tsParamOut);
						$tsAliases = V::get('alias', null, $tsParamOut);
						if (false !== strpos($tsFormat, '<a') && !empty($tsValues) && !empty($tsAliases)) {
							$tsAliasMap = array();
							/* [values] => Array([ID] => 1467), [alias] => Array([1467] => ID) */
							$bugTsColsNotVisible = array();
							foreach ($tsValues as $kVarName => $vIdZasob) {
								if (array_key_exists($vIdZasob, $tsAliases)) {
									$tsAliasMap[$kVarName] = $tsAliases[$vIdZasob];
								} else {
									$bugTsColsNotVisible[] = "noAliasFor {$vIdZasob}";
								}
								if (!array_key_exists($vIdZasob, $visibleCols)) {
									$bugTsColsNotVisible[] = $vIdZasob;
								}
							}
							if (empty($bugTsColsNotVisible)) {
								$tsSimpleLink = new stdClass();
								$tsSimpleLink->format = $tsFormat;
								$tsSimpleLink->aliasMap = $tsAliasMap;
								$columnConfig->_tsSimpleLink = $tsSimpleLink;
								$columnConfig->type = 'simpleLink';
							} else {
								$columnConfig->_tsSimpleLinkBug = $bugTsColsNotVisible;
							}
						}
					}
				}
			}

			if ($columnConfig->xsdType) {// fix fields type p5:typeSpecialSimpleLink (previously defined by Typespecial)
				switch ($columnConfig->xsdType) {
					case 'p5:typeSpecialSimpleLink': {
						$columnConfig->type = 'simpleLink';
						$columnConfig->_tsRetId = 0;
						$columnConfig->_tsSimpleLink = new stdClass();
						$columnConfig->_tsSimpleLink->format = $acl->getXsdFieldParam($col, 'format');
						$columnConfig->_tsSimpleLink->aliasMap = $acl->getXsdFieldParam($col, 'aliasMap');
					} break;
				}
			}

			// @see ajaxHiddenColsSave
			if (UserProfile::isHiddenColumn($acl->getID(), $fieldID)) {
				$columnConfig->hidden = true;
			}

			$columnConfig->description = $acl->getFieldOpis($col);

			$jsonData->cols->{$col} = $columnConfig;
		}
		DBG::log($jsonData->cols, 'array', "\$jsonData->cols");
		$jsonData->rows = array();
		$queryFeatures = $acl->buildQuery($params);
		$jsonData->total = $queryFeatures->getTotal();
		$listItems = $queryFeatures->getItems();
		$primaryKeyField = $acl->getPrimaryKeyField();
		$items = []; foreach ($listItems as $item) $items[ $item[$primaryKeyField] ] = $item;
		// TODO: add virtual data by Typespecial
		if (!empty($vCols) && !empty($items)) {
			foreach ($vCols as $vColID => $vCol) {
				$colType = $acl->getFieldTypeById($vColID);
				if ($colType) continue;// pomin Typespecial dla realnych komorek w bazie danych

				$typeSpecial = Typespecial::getInstance($vColID, $vCol);
				if ($typeSpecial) {
					$columnConfig = V::get($vCol, null, $jsonData->cols);
					if ($columnConfig && !empty($columnConfig->_tsSimpleLink)) {
						// pomin simple link values - mved to js render
					} else {
						DBG::log($typeSpecial, 'array', "Typespecial({$vColID})");
						$ids = array_keys($items);
						$specialValues = $typeSpecial->getValuesByIds($this->_zasobID, $ids);
						DBG::log($specialValues, 'array', "Typespecial({$vColID}) \$specialValues");
						if (!empty($specialValues)) foreach ($specialValues as $kItemID => $vValues) {
							$tsValue = implode('<br>', $vValues);
							DBG::log($items[$kItemID], 'array', "Typespecial({$vColID}) Item[{$kItemID}].{$vCol}");
							if (!empty($items[$kItemID][$vCol]) && !empty($tsValue)) {
								$items[$kItemID][$vCol] .= ": {$tsValue}";
							} else {
								$items[$kItemID][$vCol] = $tsValue;
							}
						}
					}
				}
			}
		}
		{
			if(V::get('DBG', '', $_GET)){$jsonData->__DBG__ = [];}
			$p5Alias = [];
			foreach ((array)$jsonData->cols as $fieldName => $conf) {
				if ('p5:alias' == V::get('xsdType', '', $conf)) {
					if(V::get('DBG', '', $_GET)){$jsonData->__DBG__[$fieldName] = $conf;}
					$aliasType = $acl->getXsdFieldParam($fieldName, 'type');// 'type' => 'sql_table_alias',
					if ('sql_table_alias' == $aliasType) {
						$p5Alias[$fieldName] = (array)$conf;
						$p5Alias[$fieldName]['type'] = 'sql_table_alias';
						$p5Alias[$fieldName]['local_join_key'] = $acl->getXsdFieldParam($fieldName, 'local_join_key');// 'local_join_key' => 'ID',
						$p5Alias[$fieldName]['remote_table_name'] = $acl->getXsdFieldParam($fieldName, 'remote_table_name');// 'remote_table_name' => 'CRM_LISTA_ZASOBOW_ORDERS_summary_view',
						$p5Alias[$fieldName]['remote_join_key'] = $acl->getXsdFieldParam($fieldName, 'remote_join_key');// 'remote_join_key' => 'ID',
						$p5Alias[$fieldName]['remote_column_value'] = $acl->getXsdFieldParam($fieldName, 'remote_column_value');// 'remote_column_value' => 'SUM_POS',
					} else if ('sql_query_alias' == $aliasType) {
						$p5Alias[$fieldName] = (array)$conf;
						$p5Alias[$fieldName]['type'] = 'sql_query_alias';
						$p5Alias[$fieldName]['local_join_key'] = $acl->getXsdFieldParam($fieldName, 'local_join_key');
						$p5Alias[$fieldName]['join_query_format'] = $acl->getXsdFieldParam($fieldName, 'join_query_format');
					}
				}
			}
			if(V::get('DBG', '', $_GET)){$jsonData->__DBG__['$p5Alias'] = $p5Alias;}
			if(V::get('DBG', '', $_GET)){$jsonData->__DBG__['$aliasValuesRaw'] = [];}
			if ($p5Alias) {
				$sqlLocalTableName = $acl->getRootTableName();
				$primaryKeyField = $acl->getPrimaryKeyField();
				foreach ($p5Alias as $fieldName => $conf) {
					$aliasValuesRaw = [];

					if ('sql_table_alias' == $conf['type']) {
						$localKeys = [];
						$localKeyName = V::get('local_join_key', '', $conf);
						if ($localKeyName) {
							if (!array_key_exists($localKeyName, $localKeys)) {
								$localKeys[$localKeyName] = [];
								foreach ($items as $item) {
									$keyLocal = V::get($localKeyName, 0, $item);
									if ($keyLocal) $localKeys[$localKeyName][] = DB::getPDO()->quote($keyLocal, PDO::PARAM_STR);
								}
							}
							if(V::get('DBG', '', $_GET)){$jsonData->__DBG__['$localKeys'] = $localKeys;}
							if (!empty($localKeys[$localKeyName])) {
								$sqlRemoteTable = V::get('remote_table_name', '', $conf);
								$sqlRemoteValueFieldName = V::get('remote_column_value', '', $conf);
								$sqlRemoteKeyName = V::get('remote_join_key', '', $conf);
								$sqlLocalKeyName = $acl->getSqlFieldName($localKeyName);
								try {
									$aliasValuesRaw = DB::getPDO()->fetchAllByKey("
										select r.{$sqlRemoteKeyName} as {$sqlLocalKeyName}, r.{$sqlRemoteValueFieldName} as remote_value
										from {$sqlRemoteTable} r
										where r.{$sqlRemoteKeyName} in(" . implode(",", $localKeys[$localKeyName]) . ")
									", $sqlLocalKeyName);
								} catch (Exception $e) {
									// TODO: error msg for GUI
									DBG::log($e);
								}
								if(V::get('DBG', '', $_GET)){$jsonData->__DBG__['$aliasValuesRaw'][$fieldName] = $aliasValuesRaw;}
							}
						}
					} else if ('sql_query_alias' == $conf['type']) {
						$localKeys = [];
						$localKeyName = V::get('local_join_key', '', $conf);
						$sqlFormat = V::get('join_query_format', '', $conf);
						if ($localKeyName && $sqlFormat) {
							if (!array_key_exists($localKeyName, $localKeys)) {
								$localKeys[$localKeyName] = [];
								foreach ($items as $item) {
									$keyLocal = V::get($localKeyName, 0, $item);
									if ($keyLocal) $localKeys[$localKeyName][] = DB::getPDO()->quote($keyLocal, PDO::PARAM_STR);
								}
							}
						}
						if (!empty($localKeys[$localKeyName])) {
							$sql = str_replace('{sql_in_local_join_key}', implode(",", $localKeys[$localKeyName]), $sqlFormat);
							$sqlLocalKeyName = $acl->getSqlFieldName($localKeyName);
							try {
								$aliasValuesRaw = DB::getPDO()->fetchAllByKey($sql, $sqlLocalKeyName);
							} catch (Exception $e) {
								// TODO: error msg for GUI
								DBG::log($e);
							}
						}
					}
					DBG::log($aliasValuesRaw, 'array', '$aliasValuesRaw');
					if (!empty($aliasValuesRaw)) {
						DBG::log($aliasValuesRaw, 'array', "DBG_P5: \$aliasValuesRaw");
						array_walk($items, function (&$item) use ($fieldName, $sqlLocalKeyName, $aliasValuesRaw) {
							$sqlValue = V::get($sqlLocalKeyName, null, $item);
							DBG::log($sqlValue, 'array', "DBG_P5: \$sqlValue");
							DBG::log($aliasValuesRaw[$sqlValue]['remote_value'], 'array', "DBG_P5: \$aliasValuesRaw[{$sqlValue}]['remote_value']");
							DBG::log($item, 'array', "DBG_P5: \$item");
							if ($sqlValue !== null && array_key_exists($sqlValue, $aliasValuesRaw)) {
								DBG::log($aliasValuesRaw[$sqlValue]['remote_value'], 'array', "DBG_P5: TODO_update_value");
								$item[$fieldName] = $aliasValuesRaw[$sqlValue]['remote_value'];
								DBG::log($item[$fieldName], 'array', "DBG_P5: TODO_updated_value");
							}
						});
					}
				}
			}
		}
		foreach ($items as $item) {
			// TODO: hide items without 'R'
			foreach ($visibleCols as $fieldName) {
				// TODO: ID default 'R'
				if (!$acl->canReadObjectField($fieldName, $item)) $item[$fieldName] = '*****';

				// null => empty string
				if (!isset($item[$fieldName]) || (!$item[$fieldName] && $item[$fieldName] !== '0')) {
					// DBG::log($item[$fieldName], 'array', "isEmptyString[{$fieldName}]");
					$item[$fieldName] = '';
				}
			}
			$jsonData->rows[] = $item;
		}
		$jsonData->type = 'success';
		$jsonData->msg = 'pobrano nowe dane';

		// { // TODO: BUG - race condition in requests
		// 	session_write_close();
		// 	if (!empty($params['f_L_APPOITMENT_USER']) && strlen($params['f_L_APPOITMENT_USER']) === 3) sleep(2); // TODO: DBG
		// 	if (!empty($params['f_L_APPOITMENT_USER']) && strlen($params['f_L_APPOITMENT_USER']) === 3) $jsonData->__DBG__sleep = 2; // TODO: DBG
		// }

		return $jsonData;
	}

	private function fixEmptyValueFromUser($fieldID) {// TODO: moved to TableAcl->fixEmptyValueFromUser
		$value = '';
		$type = $this->_acl->getFieldTypeById($fieldID);
		if ($type) {
			if ($type['type'] == 'date') {
				$value = $type['default'];
			}

			// fix bug when field is unique and is null allowed: change empty string to null
			if ($type['null']) {
				$value = 'NULL';
			}

			// fix bug when field is enum and is set to '0': for php '0' is empty
			if (substr($type['type'], 0, 4) == 'enum') {// && $args["f{$fieldID}"] === '0') {
				if (false !== strpos($type['type'], "''")) {
					// enum('', '1','2')
					$value = '';
				} else if (false !== strpos($type['type'], "'0'")) {
					// enum('0', '1','2')
					$value = '0';
				} else {
					$value = $type['default'];
				}
			}
		}
		return $value;
	}

	/**
	 * set hidden cols in $_SESSION['USER_PROFILE'][$this->_zasobID];
	 *   $_SESSION['USER_PROFILE'][$this->_zasobID][fld_id] => boolean
	 */
	private function ajaxHiddenColsSave($args) {
		$response = new stdClass();

		if (empty($args)) {
			$response->type = 'info';
			return $response;
		}

		UserProfile::load();

		// clean up old, wrong values
		if (array_key_exists("{$this->_tbl}_COLUMN", $_SESSION['USER_PROFILE'])) {
			unset($_SESSION['USER_PROFILE']["{$this->_tbl}_COLUMN"]);
		}

		$colVis = UserProfile::getHiddenCols($this->_zasobID);

		$fields = $this->_acl->getFieldListByIdZasob();
		foreach ($fields as $idField => $fieldName) {
			if (isset($args[$fieldName])) {
				if ($args[$fieldName] == 'SHOW') {
					$colVis[$idField] = 1;
				} else if ($args[$fieldName] == 'HIDE') {
					$colVis[$idField] = 0;
				}
			}
		}

		UserProfile::setHiddenCols($this->_zasobID, $colVis);
		UserProfile::save();

		$response->type = 'success';
		return $response;
	}

	private function ajaxPageSizeSave($args) {
		$response = new stdClass();

		if (empty($args)) {
			$response->type = 'info';
			return $response;
		}
		$pageSize = V::get('pageSize', 0, $args, 'int');

		UserProfile::load();

		// clean up old, wrong values
		if (array_key_exists("{$this->_tbl}_COLUMN", $_SESSION['USER_PROFILE'])) {
			unset($_SESSION['USER_PROFILE']["{$this->_tbl}_COLUMN"]);
		}

		$tableAjaxSettings = UserProfile::getTableAjaxSettings();
		$tableAjaxSettings['pageSize'] = $pageSize;

		UserProfile::setTableAjaxSettings($tableAjaxSettings);
		UserProfile::save();

		$response->type = 'success';
		return $response;
	}

	private function ajaxTheGeomSave($args) {
		$primaryKeyField = $this->_acl->getPrimaryKeyField();
		$primaryKey = V::get($primaryKeyField, 0, $args, 'int');
		$polygon = V::get('polygon', 0, $args);
		$geomFieldName = 'the_geom';

		if ($primaryKey <= 0) {
			throw new HttpException("Wrong param ID", 404);
		}
		// TODO: validate polygon - ex.: POLYGON((2072030.2315435 7234115.910678,2072029.4815435 7234093.660678,2072115.2315435 7234091.160678,2072115.4815435 7234113.660678,2072115.2315435 7234113.660678,2072094.2315435 7234113.910678,2072030.2315435 7234115.910678)))

		$record = $this->_acl->buildQuery([])->getItem($primaryKey);
		if (!$this->_acl->canWriteRecord($record) && !$this->_acl->hasPermSuperWrite()) {
			throw new HttpException("Brak dostępu do rekordu", 403);
		}

		if (!$this->_acl->canWriteObjectField($geomFieldName, $record)) {
			throw new HttpException("Brak dostępu do zapisu dla pola {$geomFieldName}", 403);
		}

		$itemPatch = array();
		$itemPatch[$geomFieldName] = "GeomFromText('{$polygon}')";
		$itemPatch[$primaryKeyField] = $primaryKey;

		$response = new stdClass();
		try {
			$affected = $this->_acl->updateItem($itemPatch);

			if ($affected > 0) {
				$response->type = 'success';
				$response->msg = "Rekord zapisany pomyślnie";//"Record saved successfully";
			} else if ($affected == 0) {
				$response->type = 'info';
				$response->msg = "Nie wprowadzono żadnych zmian";
			}
			$response->record = $this->_acl->buildQuery([])->getItem($primaryKey);
		}
		catch (Exception $e) {
			$response->type = 'error';
			$response->msg = $e->getMessage();
		}

		return $response;
	}

	private function sendAjaxResponseJson($method, $args) {
		try {
			$response = $this->{$method}($args);
		}
		catch (HttpException $e) {
			$response = new stdClass();
			$response->type = 'error';
			$response->msg = $e->getMessage();
			$response->errorCode = $e->getCode();

			Http::sendHeaderByCode($e->getCode());
		}
		catch (Exception $e) {
			$response = new stdClass();
			$response->type = 'error';
			$response->msg = $e->getMessage();
			$response->errorCode = $e->getCode();
		}

		header('Content-type: application/json');
		if (!$response) $response = new stdClass();
		echo json_encode($response);
		exit;
	}

}