_layout_gora.php 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title><?php echo self::getTitle(); ?></title>
  6. <link rel="shortcut icon" type="image/x-icon" href="./favicon.png?v=0.1">
  7. <meta name="author" content="Piotr Labudda <piotrl86@gmail.com>" />
  8. <link rel="stylesheet" href="stuff/bootstrap/css/bootstrap.min.css" type="text/css" />
  9. <!--
  10. <link rel="stylesheet" href="stuff/bootstrap/css/bootstrap-theme.min.css" type="text/css" />
  11. -->
  12. <link rel="stylesheet" href="stuff/jquery.selectize/css/selectize.bootstrap3.css" type="text/css" />
  13. <link rel="stylesheet" href="stuff/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" type="text/css" />
  14. <link rel="stylesheet" href="stuff/jquery-ui-smoothness/jquery-ui-1.10.4.custom.min.css" type="text/css">
  15. <style type="text/css">
  16. body { margin:0; font-size:12px; line-height:18px; }
  17. body { <?php echo UI::fixFooterPosition('body_style'); ?> }
  18. #SE-menu { font-size:13px; }
  19. #SE-menu { min-height:36px; }
  20. #SE-menu > .container-fluid { padding:0; }
  21. #SE-menu .navbar { margin-bottom:0; }
  22. #SE-menu .navbar-form { margin-top:0; margin-bottom:0; }
  23. #SE-menu .nav > li > a { padding: 8px 10px 8px; }
  24. #SE-menu { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
  25. #SE-menu-sub { border-bottom:2px solid #C53000; background:#eee;}
  26. #SE-menu-sub .btn {margin:4px 2px;}
  27. #SE-menu .bookmark-item-rem {opacity:0.5;}
  28. #SE-menu .bookmark-item-add {opacity:0.5;}
  29. #SE-menu .bookmark-item-rem:hover {opacity:1;}
  30. #SE-menu .bookmark-item-add:hover {opacity:1;}
  31. .tbl-view td {border-color:#eee;}
  32. .tbl-view thead td {background:#f3f3f3;}
  33. .tbl-view tbody tr:hover td {background:#E6FFE6;}
  34. .tbl-view tbody tr.tbl-row-0,
  35. .tbl-view tbody tr.row-0 {background:#f3f3f3;}
  36. .tbl-view tbody tr.tbl-row-1,
  37. .tbl-view tbody tr.row-1 {background:#fff;}
  38. .tbl-view input[type=text] {margin:0;padding:0;}
  39. .se-main-menu {}
  40. .se-main-menu td:hover {background-color:#f3f3f3;}
  41. .red{color:#f00;}
  42. .green{color:#0f0;}
  43. .blue{color:#00f;}
  44. .dropdown-menu a em {font-size:0.9em; color:#bbb;}
  45. .label-A_STATUS-NORMAL { background:#aeffae; color:#555; text-align:center; text-shadow:none; }
  46. .label-A_STATUS-WAITING { background:#ffd2ff; color:#555; text-align:center; text-shadow:none; }
  47. .label-A_STATUS-MONITOR { background:#cccaff; color:#555; text-align:center; text-shadow:none; }
  48. .label-A_STATUS-WARNING { background:#ffbaba; color:#555; text-align:center; text-shadow:none; }
  49. .label-A_STATUS-DELETED { background:#e0e0e0; color:#808080; text-align:center; text-shadow:none; }
  50. .label-A_STATUS-OFF_SOFT { background:#fce3b7; color:#808080; text-align:center; text-shadow:none; }
  51. .label-A_STATUS-OFF_HARD { background:#eee; color:#808080; text-align:center; text-shadow:none; }
  52. caption { font-size:medium }
  53. </style>
  54. <script src="static/fetch-polyfill.min.js"></script>
  55. <script src="static/promise-polyfill.min.js"></script>
  56. <script src="stuff/jquery-2.1.0.min.js"></script>
  57. <script src="stuff/jquery-plugins.js"></script>
  58. <script src="stuff/jquery.form.js"></script>
  59. <script src="stuff/jquery.autosize.min.js"></script>
  60. <script src="stuff/bootstrap/js/bootstrap.min.js"></script>
  61. <script src="stuff/jquery.selectize/js/standalone/selectize.min.js"></script>
  62. <script src="stuff/numeral/numeral.min.js"></script>
  63. <script src="stuff/moment/moment.min.js"></script>
  64. <script src="stuff/moment/pl.js"></script>
  65. <script src="stuff/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
  66. <script src="stuff/notify.min.js"></script>
  67. <script src="stuff/jquery-ui-1.10.4.custom.min.js"></script>
  68. <script src="stuff/jquery.hotkeys.js"></script>
  69. <script src="stuff/lodash.min.js?_v=4.6.1"></script>
  70. <script src="stuff/superagent.js"></script>
  71. <script src="stuff/validate.min.js"></script>
  72. <style type="text/css">
  73. .typepsecial .selectize-input { width:366px; padding:4px 6px; }
  74. .typepsecial .selectize-control::before {
  75. -moz-transition: opacity 0.2s;
  76. -webkit-transition: opacity 0.2s;
  77. transition: opacity 0.2s;
  78. content: ' ';
  79. z-index: 2;
  80. position: absolute;
  81. display: block;
  82. top: 12px;
  83. right: 34px;
  84. width: 16px;
  85. height: 16px;
  86. background: url(stuff/i/loading.gif);
  87. background-size: 16px 16px;
  88. opacity: 0;
  89. }
  90. .typepsecial .selectize-control.loading::before {
  91. opacity: 0.4;
  92. }
  93. .typepsecial .selectize-control.single .selectize-input {
  94. color: #333;
  95. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  96. background-color: #fff;
  97. background-image: none;
  98. background-repeat: none;
  99. border-color: #ccc;
  100. filter: none;
  101. -webkit-box-shadow: none;
  102. -moz-box-shadow: none;
  103. box-shadow: none;
  104. }
  105. </style>
  106. <?php S::printTimeoutUpdateJs(); ?>
  107. <?php if (DBG::isActive()) : ?>
  108. <script>
  109. jQuery(document).on('DBG:notify', function(e, payload) {
  110. console.log('DBG:notify', payload);
  111. });
  112. </script>
  113. <?php endif; ?>
  114. <script>
  115. if (typeof Object.assign != 'function') {
  116. (function () {
  117. Object.assign = function (target) {
  118. 'use strict';
  119. // We must check against these specific cases.
  120. if (target === undefined || target === null) {
  121. throw new TypeError('Cannot convert undefined or null to object');
  122. }
  123. var output = Object(target);
  124. for (var index = 1; index < arguments.length; index++) {
  125. var source = arguments[index];
  126. if (source !== undefined && source !== null) {
  127. for (var nextKey in source) {
  128. if (source.hasOwnProperty(nextKey)) {
  129. output[nextKey] = source[nextKey];
  130. }
  131. }
  132. }
  133. }
  134. return output;
  135. };
  136. })();
  137. }
  138. </script>
  139. <script>
  140. function p5UI__Clickable(n, eventNamespace, props) {
  141. var dbg = <?php echo (DBG::isActive())? 1 : 0; ?>;
  142. var eventNamespace = eventNamespace || 'p5UI__Clickable';
  143. var $n = jQuery(n);
  144. var state = {
  145. baseCssClassNames: n.className,
  146. props: props
  147. };
  148. jQuery(document).trigger(eventNamespace+':click', [n, state]);
  149. }
  150. function p5UI__ButtonAjax(n, eventNamespace, props) {
  151. var dbg = <?php echo (DBG::isActive())? 1 : 0; ?>;
  152. var eventNamespace = eventNamespace || 'p5UI__ButtonAjax';
  153. var $n = jQuery(n);
  154. var state = {
  155. baseCssClassNames: n.className,
  156. href: props.href
  157. };
  158. jQuery(document).trigger(eventNamespace+':click', [n, state]);
  159. if ($n.hasClass('disabled')) {// bootstrap already prevent this action
  160. if(dbg)console.log('WARNING: btn disabled - waiting for response - Cancel?');
  161. return false;
  162. }
  163. $n.removeClass('btn-primary').addClass('btn-default disabled btn-loading');
  164. var req = superagent
  165. .post(props.href)
  166. .type('json') // header ĺapplication/x-www-form-urlencoded' requires type('form');
  167. .send(props.data)
  168. .set('Accept', 'application/json')
  169. .end(function(err, res) {
  170. if(dbg)console.log('DBG: res:', res, 'res.body:', res.body);
  171. $n.removeClass('btn-default disabled btn-loading').addClass(state.baseCssClassNames);
  172. var payload;
  173. if (err || !res.ok || 'application/json' !== res.type) {
  174. payload = {type: 'warning', msg: res.body.msg || 'Request error', body: res.body};
  175. } else {
  176. payload = {type: res.body.type || 'success', msg: res.body.msg || '', body: res.body};
  177. }
  178. jQuery(document).trigger('DBG:notify', payload);
  179. jQuery(document).trigger(eventNamespace+':ajaxLoaded', [n, payload]);
  180. req = null;
  181. });
  182. // setTimeout(function() {
  183. // console.log('Test click p5UI__ButtonAjax - setTimeOut', $n, state);
  184. // jQuery(document).trigger('p5UI__ButtonAjax:ajaxLoaded', [n, state]);
  185. // $n.removeClass('btn-default disabled btn-loading').addClass(state.baseCssClassNames);
  186. // }, 1000);
  187. return false;
  188. }
  189. function p5UI__ajaxLinkClick(n, href, data) {
  190. if (!n || !href) return true;
  191. var dbg = <?php echo (DBG::isActive())? 1 : 0; ?>;
  192. var $n = jQuery(n);
  193. if ($n.hasClass('disabled')) {// bootstrap already prevent this action
  194. if(dbg)console.log('WARNING: btn disabled - waiting for response - Cancel?');
  195. return false;
  196. }
  197. $n.removeClass('btn-primary').addClass('disabled btn-loading');
  198. var req = superagent
  199. .post(href)
  200. .type('json') // header ĺapplication/x-www-form-urlencoded' requires type('form');
  201. .send(data)
  202. .set('Accept', 'application/json')
  203. .end(function(err, res) {
  204. if(dbg)console.log('DBG: res:', res, 'res.body:', res.body);
  205. $n.removeClass('disabled btn-loading').addClass(state.baseCssClassNames);
  206. var payload;
  207. if (err || !res.ok || 'application/json' !== res.type) {
  208. payload = {type: 'warning', msg: res.body.msg || 'Request error', body: res.body};
  209. } else {
  210. payload = {type: 'success', msg: res.body.msg || '', body: res.body};
  211. }
  212. if(dbg)console.log('DBG: before p5UI__notifyAjaxCallback:', payload);
  213. p5UI__notifyAjaxCallback(payload);
  214. if(dbg)console.log('DBG: before actions:', payload.body.actions);
  215. if (payload.body.actions) {
  216. for (i in payload.body.actions) {
  217. p5UI__execAction(payload.body.actions[i]);
  218. }
  219. }
  220. req = null;
  221. });
  222. return false;
  223. }
  224. function p5UI__execAction(action) {
  225. var dbg = <?php echo (DBG::isActive())? 1 : 0; ?>;
  226. if(dbg)console.log('DBG: action:', action);
  227. if ('jsFunction' in action) {
  228. if (action['jsFunction'] in window) {
  229. if(dbg)console.log('TODO: exec "window[\''+action['jsFunction']+'\']( '+action['args']+' )"');
  230. window[ action['jsFunction'] ]( action['args'] );
  231. }
  232. else {
  233. if(dbg)console.log('BUG: jsFunction not exists "'+action['jsFunction']+'"');
  234. }
  235. } else {
  236. if(dbg)console.log('TODO: action', action);
  237. }
  238. }
  239. function p5UI__notifyAjaxCallback(data) {
  240. var notify = {};
  241. notify.type = (data && data.type)? data.type : '';
  242. notify.msg = (data && data.msg)? data.msg : '';
  243. switch (notify.type) {
  244. case 'success':
  245. if (!notify.msg) notify.msg = 'OK';
  246. break;
  247. case 'info':
  248. if (!notify.msg) notify.msg = '';
  249. break;
  250. case 'error':
  251. if (!notify.msg) notify.msg = 'Wystąpiły błędy';
  252. break;
  253. case 'warning':
  254. notify.type = 'warn';
  255. if (!notify.msg) notify.msg = 'Wystąpiły błędy';
  256. break;
  257. default:
  258. notify.msg = 'Nieznany błąd';
  259. if (data && data.errorCode) notify.msg += ' ' + data.errorCode;
  260. notify.type = '';
  261. }
  262. jQuery.notify(notify.msg, notify.type);
  263. }
  264. function p5Utils__parseFloatOrZero(strToParse) {
  265. if (!strToParse) return 0
  266. if ("string" === typeof strToParse) {
  267. strToParse = strToParse.replace(/,/g, '.')
  268. strToParse = strToParse.replace(/ /g, '')
  269. }
  270. var floatVal = parseFloat(strToParse)
  271. return (!isNaN(floatVal))? floatVal : 0
  272. }
  273. function p5Utils__pricePrint(value, defaultValue) {
  274. return p5Utils__pricePrintFormat(value, defaultValue, '.', ',');
  275. }
  276. function p5Utils__pricePrintPL(value, defaultValue) {
  277. return p5Utils__pricePrintFormat(value, defaultValue, ',', ' ');
  278. }
  279. function p5Utils__pricePrintFormat(value, defaultValue, decPoint, thousands_sep) {
  280. if (undefined === defaultValue) defaultValue = '';
  281. if (!value && value !== 0 && value !== '0') return defaultValue;
  282. if ("number" === typeof value) {
  283. } else if ("string" === typeof value) {
  284. value = p5Utils__parseFloatOrZero(value);
  285. if (isNaN(value)) {
  286. return defaultValue;
  287. }
  288. } else {
  289. return defaultValue;
  290. }
  291. var valueParts = value.toFixed(2).split('.'),
  292. firstPart = valueParts[0],
  293. secondPart = valueParts[1],
  294. parts = [],
  295. minus = ''
  296. ;
  297. if ('-' === firstPart.substr(0, 1)) {
  298. minus = '-';
  299. firstPart = firstPart.substr(1);
  300. }
  301. var len = firstPart.length,
  302. str = firstPart,
  303. i = 0
  304. ;
  305. //console.log('pricePrint(value:'+value+'). valueParts', valueParts, 'len', len);
  306. //console.log('pricePrint(value:'+value+'). START parts', parts, 'len', len, 'str', str);
  307. while (len > 3) {
  308. parts.unshift(str.substr(-3));
  309. len -= 3;
  310. str = str.substr(0, len);
  311. //console.log('pricePrint(value:'+value+'). LOOP-'+i+' parts', parts, 'len', len, 'str', str);
  312. i++;
  313. }
  314. if (len > 0) {
  315. //console.log('pricePrint(value:'+value+'). PRE END parts', parts, 'len', len, 'str', str);
  316. parts.unshift(str);
  317. }
  318. //console.log('pricePrint(value:'+value+'). END parts', parts, 'len', len, 'str', str);
  319. return '' + minus + parts.join(thousands_sep) + decPoint + secondPart;
  320. }
  321. function p5Utils__clearNode(node) {
  322. if (!node || !node.lastChild) return;
  323. var lastNode;
  324. while (lastNode = node.lastChild) node.removeChild(lastNode);
  325. }
  326. function p5Utils__nodeStyle(node, style) {
  327. if (!node || !style) return;
  328. for (i in style) node.style[i] = style[i];
  329. }
  330. </script>
  331. <script>
  332. function initDateTimePicker(node) {
  333. node.find('.se_type-date').parent().datetimepicker({
  334. format: "YYYY-MM-DD"
  335. , locale: 'pl'
  336. , showTodayButton: true
  337. });
  338. node.find('.se_type-datetime').parent().datetimepicker({
  339. format: 'YYYY-MM-DD HH:mm'
  340. , locale: 'pl'
  341. });
  342. node.find('.se_type-time').parent().datetimepicker({
  343. format: 'HH:mm:ss'
  344. , locale: 'pl'
  345. });
  346. }
  347. jQuery(document).ready(function(){
  348. initDateTimePicker(jQuery(document));
  349. });
  350. function ClearAllFind() {
  351. var ElementsObj=document.forms["FILTER_SEARCH"] ;
  352. var ElementsArr=ElementsObj.elements ;
  353. for (var myprop in ElementsArr){
  354. if(ElementsArr[myprop]) {
  355. if((ElementsArr[myprop].type=="text")||(ElementsArr[myprop].type=="select-one")){
  356. var MyEval="var My"+ElementsArr[myprop].name+"=document.getElementById('"+ElementsArr[myprop].name+"\');";
  357. eval(MyEval);
  358. var MyEval="My"+ElementsArr[myprop].name+".value=\"%\"";
  359. eval(MyEval);
  360. }
  361. }
  362. }
  363. }
  364. function resetForm(n) {
  365. for (i = 0; i < n.form.elements.length; i++) {
  366. switch (n.form.elements[i].type.toLowerCase()){
  367. case 'text':
  368. n.form.elements[i].value='%';
  369. break;
  370. case 'select-one':
  371. // n.form.elements[i].options[0].selected = true;
  372. // break;
  373. case 'select-multiple':
  374. for (z = 0; z < n.form.elements[i].options.length; z++) {
  375. n.form.elements[i].options[z].selected = false;
  376. if (n.form.elements[i].options[z].hasAttribute('selected')) {
  377. n.form.elements[i].options[z].removeAttribute('selected');
  378. }
  379. }
  380. // select first element
  381. n.form.elements[i].options[0].selected = true;
  382. n.form.elements[i].options[0].setAttribute('selected', 'selected');
  383. break;
  384. default:
  385. }
  386. }
  387. return false;
  388. }
  389. </script>
  390. <?php UI::hButtonAjaxJsFunction(); ?>
  391. <style type="text/css">
  392. .hidden-dbg { display:none; color:silver; }
  393. .show-hidden-dbg .hidden-dbg { display:inline; }
  394. </style>
  395. <?php if (User::hasAccess('dbg')) : ?>
  396. <script>
  397. jQuery(document).bind('keydown', 'alt+shift+`', function(){
  398. jQuery(document.body).addClass('show-hidden-dbg');
  399. });
  400. jQuery(document).bind('keyup', 'alt+shift+`', function(){
  401. jQuery(document.body).removeClass('show-hidden-dbg');
  402. });
  403. </script>
  404. <?php endif; ?>
  405. </head><body>