_layout_gora.php 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534
  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. <style type="text/css">
  140. .p5UI__dropdown-wrap { display:inline-block; position:relative }
  141. .p5UI__dropdown-btn { position:relative }
  142. .p5UI__dropdown-btn:hover { }
  143. .p5UI__dropdown-content { display:none; position:absolute; overflow:auto; min-width:230px; z-index: 1 }
  144. .p5UI__dropdown-show { display:block }
  145. .p5UI__dropdown-input { border-box:box-sizing; width:100% }
  146. </style>
  147. <script>
  148. function p5UI__dropdown(e, n, position, render) {// @position = ('right top', 'left top', 'left bottom', 'right bottom')
  149. // e.stopPropagation()
  150. // e.preventDefault()
  151. var btnNode = n
  152. var node = n.nextSibling
  153. node.classList.toggle('p5UI__dropdown-show')
  154. // console.log('>>> p5UI__dropdown...', {btnNode: btnNode, node: node, 'has show class': node.classList.contains('p5UI__dropdown-show')})
  155. var position = position
  156. if (node.classList.contains('p5UI__dropdown-show')) {
  157. switch (position) {
  158. case 'right top': node.style.bottom = '50px'; node.style.right = '100px'; break; // TODO ...
  159. case 'left top': node.style.top = 0; node.style.left = '100px'; break; // TODO ...
  160. case 'right bottom': node.style.left = '' + btnNode.offsetWidth + 'px'; node.style.top = 0; break; // TODO ...
  161. case 'left bottom': node.style.right = '' + btnNode.offsetWidth + 'px'; node.style.top = 0; break;
  162. }
  163. node.p5UI__onClickOutsideCallback = p5UI__dropdown__onClickOutsideCallback(node, btnNode)
  164. node.p5UI__unbindClickOutsideCallback = p5UI__dropdown__unbindClickOutsideCallback(node)
  165. if (!document.addEventListener && document.attachEvent) {
  166. document.attachEvent('onclick', node.p5UI__onClickOutsideCallback);
  167. // document.attachEvent('keydown', this._closeModalKorespInfoIfHitEscape);
  168. } else {
  169. document.addEventListener('click', node.p5UI__onClickOutsideCallback);
  170. // document.addEventListener('keydown', this._closeModalKorespInfoIfHitEscape);
  171. }
  172. if ('function' === typeof render) render(n, node)
  173. // node.firstChild.focus() // TODO: find input
  174. } else {
  175. if ('function' === typeof node.p5UI__unbindClickOutsideCallback) {
  176. node.p5UI__unbindClickOutsideCallback()
  177. delete node.p5UI__onClickOutsideCallback
  178. delete node.p5UI__unbindClickOutsideCallback
  179. }
  180. }
  181. }
  182. function p5UI__dropdown__unbindClickOutsideCallback(n) {
  183. var node = n
  184. return function __p5UI__dropdown__unbindClickOutsideCallback(e) {
  185. // console.log('p5UI__dropdown__unbindClickOutsideCallback', {
  186. // 'opened': node.classList.contains('p5UI__dropdown-show'),
  187. // 'node': node,
  188. // 'typeof node.p5UI__onClickOutsideCallback': typeof node.p5UI__onClickOutsideCallback
  189. // })
  190. // console.trace()
  191. if (!document.removeEventListener && document.detachEvent) {
  192. document.detachEvent('onclick', node.p5UI__onClickOutsideCallback)
  193. // document.detachEvent('keydown', this._closeModalKorespInfoIfHitEscape)
  194. } else {
  195. document.removeEventListener('click', node.p5UI__onClickOutsideCallback)
  196. // document.removeEventListener('keydown', this._closeModalKorespInfoIfHitEscape)
  197. }
  198. }
  199. }
  200. function p5UI__dropdown__onClickOutsideCallback(n, btn) {
  201. var node = n
  202. var btnNode = btn
  203. // console.log('define p5UI__dropdown__onClickOutsideCallback...')
  204. return function __p5UI__dropdown__onClickOutsideCallback(e) {
  205. // console.log('p5UI__dropdown__onClickOutsideCallback', {
  206. // 'opened': node.classList.contains('p5UI__dropdown-show'),
  207. // 'clickedOutside(node)': p5UI__clickedOutsideElement(node, e),
  208. // 'clickedOutside(btnNode)': p5UI__clickedOutsideElement(btnNode, e),
  209. // 'typeof node.p5UI__onClickOutsideCallback': typeof node.p5UI__onClickOutsideCallback,
  210. // 'typeof node.p5UI__unbindClickOutsideCallback': typeof node.p5UI__unbindClickOutsideCallback,
  211. // })
  212. if (!node.classList.contains('p5UI__dropdown-show')) return
  213. if (node.p5UI__unbindClickOutsideCallback && 'function' == typeof node.p5UI__unbindClickOutsideCallback) {
  214. if (p5UI__clickedOutsideElement(node, e) && p5UI__clickedOutsideElement(btnNode, e)) {
  215. node.classList.remove('p5UI__dropdown-show')
  216. node.p5UI__unbindClickOutsideCallback()
  217. }
  218. }
  219. }
  220. }
  221. </script>
  222. <script>
  223. function p5UI__Clickable(n, eventNamespace, props) {
  224. var dbg = <?php echo (DBG::isActive())? 1 : 0; ?>;
  225. var eventNamespace = eventNamespace || 'p5UI__Clickable';
  226. var $n = jQuery(n);
  227. var state = {
  228. baseCssClassNames: n.className,
  229. props: props
  230. };
  231. jQuery(document).trigger(eventNamespace+':click', [n, state]);
  232. }
  233. function p5UI__ButtonAjax(n, eventNamespace, props) {
  234. var dbg = <?php echo (DBG::isActive())? 1 : 0; ?>;
  235. var eventNamespace = eventNamespace || 'p5UI__ButtonAjax';
  236. var $n = jQuery(n);
  237. var state = {
  238. baseCssClassNames: n.className,
  239. href: props.href
  240. };
  241. jQuery(document).trigger(eventNamespace+':click', [n, state]);
  242. if ($n.hasClass('disabled')) {// bootstrap already prevent this action
  243. if(dbg)console.log('WARNING: btn disabled - waiting for response - Cancel?');
  244. return false;
  245. }
  246. $n.removeClass('btn-primary').addClass('btn-default disabled btn-loading');
  247. var req = superagent
  248. .post(props.href)
  249. .type('json') // header ĺapplication/x-www-form-urlencoded' requires type('form');
  250. .send(props.data)
  251. .set('Accept', 'application/json')
  252. .end(function(err, res) {
  253. if(dbg)console.log('DBG: res:', res, 'res.body:', res.body);
  254. $n.removeClass('btn-default disabled btn-loading').addClass(state.baseCssClassNames);
  255. var payload;
  256. if (err || !res.ok || 'application/json' !== res.type) {
  257. payload = {type: 'warning', msg: res.body.msg || 'Request error', body: res.body};
  258. } else {
  259. payload = {type: res.body.type || 'success', msg: res.body.msg || '', body: res.body};
  260. }
  261. jQuery(document).trigger('DBG:notify', payload);
  262. jQuery(document).trigger(eventNamespace+':ajaxLoaded', [n, payload]);
  263. req = null;
  264. });
  265. // setTimeout(function() {
  266. // console.log('Test click p5UI__ButtonAjax - setTimeOut', $n, state);
  267. // jQuery(document).trigger('p5UI__ButtonAjax:ajaxLoaded', [n, state]);
  268. // $n.removeClass('btn-default disabled btn-loading').addClass(state.baseCssClassNames);
  269. // }, 1000);
  270. return false;
  271. }
  272. function p5UI__ajaxLinkClick(n, href, data) {
  273. if (!n || !href) return true;
  274. var dbg = <?php echo (DBG::isActive())? 1 : 0; ?>;
  275. var $n = jQuery(n);
  276. if ($n.hasClass('disabled')) {// bootstrap already prevent this action
  277. if(dbg)console.log('WARNING: btn disabled - waiting for response - Cancel?');
  278. return false;
  279. }
  280. $n.removeClass('btn-primary').addClass('disabled btn-loading');
  281. var req = superagent
  282. .post(href)
  283. .type('json') // header ĺapplication/x-www-form-urlencoded' requires type('form');
  284. .send(data)
  285. .set('Accept', 'application/json')
  286. .end(function(err, res) {
  287. if(dbg)console.log('DBG: res:', res, 'res.body:', res.body);
  288. $n.removeClass('disabled btn-loading').addClass(state.baseCssClassNames);
  289. var payload;
  290. if (err || !res.ok || 'application/json' !== res.type) {
  291. payload = {type: 'warning', msg: res.body.msg || 'Request error', body: res.body};
  292. } else {
  293. payload = {type: 'success', msg: res.body.msg || '', body: res.body};
  294. }
  295. if(dbg)console.log('DBG: before p5UI__notifyAjaxCallback:', payload);
  296. p5UI__notifyAjaxCallback(payload);
  297. if(dbg)console.log('DBG: before actions:', payload.body.actions);
  298. if (payload.body.actions) {
  299. for (i in payload.body.actions) {
  300. p5UI__execAction(payload.body.actions[i]);
  301. }
  302. }
  303. req = null;
  304. });
  305. return false;
  306. }
  307. function p5UI__execAction(action) {
  308. var dbg = <?php echo (DBG::isActive())? 1 : 0; ?>;
  309. if(dbg)console.log('DBG: action:', action);
  310. if ('jsFunction' in action) {
  311. if (action['jsFunction'] in window) {
  312. if(dbg)console.log('TODO: exec "window[\''+action['jsFunction']+'\']( '+action['args']+' )"');
  313. window[ action['jsFunction'] ]( action['args'] );
  314. }
  315. else {
  316. if(dbg)console.log('BUG: jsFunction not exists "'+action['jsFunction']+'"');
  317. }
  318. } else {
  319. if(dbg)console.log('TODO: action', action);
  320. }
  321. }
  322. function p5UI__notifyAjaxCallback(data) {
  323. var notify = {};
  324. notify.type = (data && data.type)? data.type : '';
  325. notify.msg = (data && data.msg)? data.msg : '';
  326. switch (notify.type) {
  327. case 'success':
  328. if (!notify.msg) notify.msg = 'OK';
  329. break;
  330. case 'info':
  331. if (!notify.msg) notify.msg = '';
  332. break;
  333. case 'error':
  334. if (!notify.msg) notify.msg = 'Wystąpiły błędy';
  335. break;
  336. case 'warning':
  337. notify.type = 'warn';
  338. if (!notify.msg) notify.msg = 'Wystąpiły błędy';
  339. break;
  340. default:
  341. notify.msg = 'Nieznany błąd';
  342. if (data && data.errorCode) notify.msg += ' ' + data.errorCode;
  343. notify.type = '';
  344. }
  345. jQuery.notify(notify.msg, notify.type);
  346. }
  347. function p5UI__clickedOutsideElement(element, event) {
  348. // offsetParent - first parentNode with position: (relative | absolute)
  349. var eventTarget = (event.target)? event.target : event.srcElement;
  350. while (eventTarget != null) {
  351. // console.log('Outside:', {'eventTarget': eventTarget, 'eventTarget.offsetParent': eventTarget.offsetParent, 'eventTarget.parentNode': eventTarget.parentNode});
  352. if (eventTarget === element) return false;
  353. eventTarget = eventTarget.offsetParent;
  354. }
  355. return true;
  356. }
  357. function p5Utils__parseFloatOrZero(strToParse) {
  358. if (!strToParse) return 0
  359. if ("string" === typeof strToParse) {
  360. strToParse = strToParse.replace(/,/g, '.')
  361. strToParse = strToParse.replace(/ /g, '')
  362. }
  363. var floatVal = parseFloat(strToParse)
  364. return (!isNaN(floatVal))? floatVal : 0
  365. }
  366. function p5Utils__pricePrint(value, defaultValue) {
  367. return p5Utils__pricePrintFormat(value, defaultValue, '.', ',');
  368. }
  369. function p5Utils__pricePrintPL(value, defaultValue) {
  370. return p5Utils__pricePrintFormat(value, defaultValue, ',', ' ');
  371. }
  372. function p5Utils__pricePrintFormat(value, defaultValue, decPoint, thousands_sep) {
  373. if (undefined === defaultValue) defaultValue = '';
  374. if (!value && value !== 0 && value !== '0') return defaultValue;
  375. if ("number" === typeof value) {
  376. } else if ("string" === typeof value) {
  377. value = p5Utils__parseFloatOrZero(value);
  378. if (isNaN(value)) {
  379. return defaultValue;
  380. }
  381. } else {
  382. return defaultValue;
  383. }
  384. var valueParts = value.toFixed(2).split('.'),
  385. firstPart = valueParts[0],
  386. secondPart = valueParts[1],
  387. parts = [],
  388. minus = ''
  389. ;
  390. if ('-' === firstPart.substr(0, 1)) {
  391. minus = '-';
  392. firstPart = firstPart.substr(1);
  393. }
  394. var len = firstPart.length,
  395. str = firstPart,
  396. i = 0
  397. ;
  398. //console.log('pricePrint(value:'+value+'). valueParts', valueParts, 'len', len);
  399. //console.log('pricePrint(value:'+value+'). START parts', parts, 'len', len, 'str', str);
  400. while (len > 3) {
  401. parts.unshift(str.substr(-3));
  402. len -= 3;
  403. str = str.substr(0, len);
  404. //console.log('pricePrint(value:'+value+'). LOOP-'+i+' parts', parts, 'len', len, 'str', str);
  405. i++;
  406. }
  407. if (len > 0) {
  408. //console.log('pricePrint(value:'+value+'). PRE END parts', parts, 'len', len, 'str', str);
  409. parts.unshift(str);
  410. }
  411. //console.log('pricePrint(value:'+value+'). END parts', parts, 'len', len, 'str', str);
  412. return '' + minus + parts.join(thousands_sep) + decPoint + secondPart;
  413. }
  414. function p5Utils__clearNode(node) {
  415. if (!node || !node.lastChild) return;
  416. var lastNode;
  417. while (lastNode = node.lastChild) node.removeChild(lastNode);
  418. }
  419. function p5Utils__nodeStyle(node, style) {
  420. if (!node || !style) return;
  421. for (i in style) node.style[i] = style[i];
  422. }
  423. </script>
  424. <script>
  425. function initDateTimePicker(node) {
  426. node.find('.se_type-date').parent().datetimepicker({
  427. format: "YYYY-MM-DD"
  428. , locale: 'pl'
  429. , showTodayButton: true
  430. });
  431. node.find('.se_type-datetime').parent().datetimepicker({
  432. format: 'YYYY-MM-DD HH:mm'
  433. , locale: 'pl'
  434. });
  435. node.find('.se_type-time').parent().datetimepicker({
  436. format: 'HH:mm:ss'
  437. , locale: 'pl'
  438. });
  439. }
  440. jQuery(document).ready(function(){
  441. initDateTimePicker(jQuery(document));
  442. });
  443. function ClearAllFind() {
  444. var ElementsObj=document.forms["FILTER_SEARCH"] ;
  445. var ElementsArr=ElementsObj.elements ;
  446. for (var myprop in ElementsArr){
  447. if(ElementsArr[myprop]) {
  448. if((ElementsArr[myprop].type=="text")||(ElementsArr[myprop].type=="select-one")){
  449. var MyEval="var My"+ElementsArr[myprop].name+"=document.getElementById('"+ElementsArr[myprop].name+"\');";
  450. eval(MyEval);
  451. var MyEval="My"+ElementsArr[myprop].name+".value=\"%\"";
  452. eval(MyEval);
  453. }
  454. }
  455. }
  456. }
  457. function resetForm(n) {
  458. for (i = 0; i < n.form.elements.length; i++) {
  459. switch (n.form.elements[i].type.toLowerCase()){
  460. case 'text':
  461. n.form.elements[i].value='%';
  462. break;
  463. case 'select-one':
  464. // n.form.elements[i].options[0].selected = true;
  465. // break;
  466. case 'select-multiple':
  467. for (z = 0; z < n.form.elements[i].options.length; z++) {
  468. n.form.elements[i].options[z].selected = false;
  469. if (n.form.elements[i].options[z].hasAttribute('selected')) {
  470. n.form.elements[i].options[z].removeAttribute('selected');
  471. }
  472. }
  473. // select first element
  474. n.form.elements[i].options[0].selected = true;
  475. n.form.elements[i].options[0].setAttribute('selected', 'selected');
  476. break;
  477. default:
  478. }
  479. }
  480. return false;
  481. }
  482. </script>
  483. <?php UI::hButtonAjaxJsFunction(); ?>
  484. <style type="text/css">
  485. .hidden-dbg { display:none; color:silver; }
  486. .show-hidden-dbg .hidden-dbg { display:inline; }
  487. </style>
  488. <?php if (User::hasAccess('dbg')) : ?>
  489. <script>
  490. jQuery(document).bind('keydown', 'alt+shift+`', function(){
  491. jQuery(document.body).addClass('show-hidden-dbg');
  492. });
  493. jQuery(document).bind('keyup', 'alt+shift+`', function(){
  494. jQuery(document.body).removeClass('show-hidden-dbg');
  495. });
  496. </script>
  497. <?php endif; ?>
  498. </head><body>