_layout_gora.php 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537
  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. .hover-gray { color:#d3d3d3 }
  45. .hover-gray:hover { color:#808080 }
  46. .dropdown-menu a em {font-size:0.9em; color:#bbb;}
  47. .label-A_STATUS-NORMAL { background:#aeffae; color:#555; text-align:center; text-shadow:none; }
  48. .label-A_STATUS-WAITING { background:#ffd2ff; color:#555; text-align:center; text-shadow:none; }
  49. .label-A_STATUS-MONITOR { background:#cccaff; color:#555; text-align:center; text-shadow:none; }
  50. .label-A_STATUS-WARNING { background:#ffbaba; color:#555; text-align:center; text-shadow:none; }
  51. .label-A_STATUS-DELETED { background:#e0e0e0; color:#808080; text-align:center; text-shadow:none; }
  52. .label-A_STATUS-OFF_SOFT { background:#fce3b7; color:#808080; text-align:center; text-shadow:none; }
  53. .label-A_STATUS-OFF_HARD { background:#eee; color:#808080; text-align:center; text-shadow:none; }
  54. caption { font-size:medium }
  55. </style>
  56. <script src="static/fetch-polyfill.min.js"></script>
  57. <script src="static/promise-polyfill.min.js"></script>
  58. <script src="stuff/jquery-2.1.0.min.js"></script>
  59. <script src="stuff/jquery-plugins.js"></script>
  60. <script src="stuff/jquery.form.js"></script>
  61. <script src="stuff/jquery.autosize.min.js"></script>
  62. <script src="stuff/bootstrap/js/bootstrap.min.js"></script>
  63. <script src="stuff/jquery.selectize/js/standalone/selectize.min.js"></script>
  64. <script src="stuff/numeral/numeral.min.js"></script>
  65. <script src="stuff/moment/moment.min.js"></script>
  66. <script src="stuff/moment/pl.js"></script>
  67. <script src="stuff/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
  68. <script src="stuff/notify.min.js"></script>
  69. <script src="stuff/jquery-ui-1.10.4.custom.min.js"></script>
  70. <script src="stuff/jquery.hotkeys.js"></script>
  71. <script src="stuff/lodash.min.js?_v=4.6.1"></script>
  72. <script src="stuff/superagent.js"></script>
  73. <script src="stuff/validate.min.js"></script>
  74. <style type="text/css">
  75. .typepsecial .selectize-input { width:366px; padding:4px 6px; }
  76. .typepsecial .selectize-control::before {
  77. -moz-transition: opacity 0.2s;
  78. -webkit-transition: opacity 0.2s;
  79. transition: opacity 0.2s;
  80. content: ' ';
  81. z-index: 2;
  82. position: absolute;
  83. display: block;
  84. top: 12px;
  85. right: 34px;
  86. width: 16px;
  87. height: 16px;
  88. background: url(stuff/i/loading.gif);
  89. background-size: 16px 16px;
  90. opacity: 0;
  91. }
  92. .typepsecial .selectize-control.loading::before {
  93. opacity: 0.4;
  94. }
  95. .typepsecial .selectize-control.single .selectize-input {
  96. color: #333;
  97. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  98. background-color: #fff;
  99. background-image: none;
  100. background-repeat: none;
  101. border-color: #ccc;
  102. filter: none;
  103. -webkit-box-shadow: none;
  104. -moz-box-shadow: none;
  105. box-shadow: none;
  106. }
  107. </style>
  108. <?php S::printTimeoutUpdateJs(); ?>
  109. <?php if (DBG::isActive()) : ?>
  110. <script>
  111. jQuery(document).on('DBG:notify', function(e, payload) {
  112. console.log('DBG:notify', payload);
  113. });
  114. </script>
  115. <?php endif; ?>
  116. <script>
  117. if (typeof Object.assign != 'function') {
  118. (function () {
  119. Object.assign = function (target) {
  120. 'use strict';
  121. // We must check against these specific cases.
  122. if (target === undefined || target === null) {
  123. throw new TypeError('Cannot convert undefined or null to object');
  124. }
  125. var output = Object(target);
  126. for (var index = 1; index < arguments.length; index++) {
  127. var source = arguments[index];
  128. if (source !== undefined && source !== null) {
  129. for (var nextKey in source) {
  130. if (source.hasOwnProperty(nextKey)) {
  131. output[nextKey] = source[nextKey];
  132. }
  133. }
  134. }
  135. }
  136. return output;
  137. };
  138. })();
  139. }
  140. </script>
  141. <style type="text/css">
  142. .p5UI__dropdown-wrap { display:inline-block; position:relative }
  143. .p5UI__dropdown-btn { position:relative }
  144. .p5UI__dropdown-btn:hover { }
  145. .p5UI__dropdown-content { display:none; position:absolute; overflow:auto; min-width:230px; z-index: 1 }
  146. .p5UI__dropdown-show { display:block }
  147. .p5UI__dropdown-input { border-box:box-sizing; width:100% }
  148. </style>
  149. <script>
  150. function p5UI__dropdown(e, n, position, render) {// @position = ('right top', 'left top', 'left bottom', 'right bottom')
  151. // e.stopPropagation()
  152. // e.preventDefault()
  153. var btnNode = n
  154. var node = n.nextSibling
  155. node.classList.toggle('p5UI__dropdown-show')
  156. // console.log('>>> p5UI__dropdown...', {btnNode: btnNode, node: node, 'has show class': node.classList.contains('p5UI__dropdown-show')})
  157. var position = position
  158. if (node.classList.contains('p5UI__dropdown-show')) {
  159. switch (position) {
  160. case 'right top': node.style.bottom = '50px'; node.style.right = '100px'; break; // TODO ...
  161. case 'left top': node.style.top = 0; node.style.left = '100px'; break; // TODO ...
  162. case 'right bottom': node.style.left = '' + btnNode.offsetWidth + 'px'; node.style.top = 0; break; // TODO ...
  163. case 'left bottom': node.style.right = '' + btnNode.offsetWidth + 'px'; node.style.top = 0; break;
  164. }
  165. node.p5UI__onClickOutsideCallback = p5UI__dropdown__onClickOutsideCallback(node, btnNode)
  166. node.p5UI__unbindClickOutsideCallback = p5UI__dropdown__unbindClickOutsideCallback(node)
  167. if (!document.addEventListener && document.attachEvent) {
  168. document.attachEvent('onclick', node.p5UI__onClickOutsideCallback);
  169. // document.attachEvent('keydown', this._closeModalKorespInfoIfHitEscape);
  170. } else {
  171. document.addEventListener('click', node.p5UI__onClickOutsideCallback);
  172. // document.addEventListener('keydown', this._closeModalKorespInfoIfHitEscape);
  173. }
  174. if ('function' === typeof render) render(n, node)
  175. // node.firstChild.focus() // TODO: find input
  176. } else {
  177. if ('function' === typeof node.p5UI__unbindClickOutsideCallback) {
  178. node.p5UI__unbindClickOutsideCallback()
  179. delete node.p5UI__onClickOutsideCallback
  180. delete node.p5UI__unbindClickOutsideCallback
  181. }
  182. }
  183. }
  184. function p5UI__dropdown__unbindClickOutsideCallback(n) {
  185. var node = n
  186. return function __p5UI__dropdown__unbindClickOutsideCallback(e) {
  187. // console.log('p5UI__dropdown__unbindClickOutsideCallback', {
  188. // 'opened': node.classList.contains('p5UI__dropdown-show'),
  189. // 'node': node,
  190. // 'typeof node.p5UI__onClickOutsideCallback': typeof node.p5UI__onClickOutsideCallback
  191. // })
  192. // console.trace()
  193. if (!document.removeEventListener && document.detachEvent) {
  194. document.detachEvent('onclick', node.p5UI__onClickOutsideCallback)
  195. // document.detachEvent('keydown', this._closeModalKorespInfoIfHitEscape)
  196. } else {
  197. document.removeEventListener('click', node.p5UI__onClickOutsideCallback)
  198. // document.removeEventListener('keydown', this._closeModalKorespInfoIfHitEscape)
  199. }
  200. }
  201. }
  202. function p5UI__dropdown__onClickOutsideCallback(n, btn) {
  203. var node = n
  204. var btnNode = btn
  205. // console.log('define p5UI__dropdown__onClickOutsideCallback...')
  206. return function __p5UI__dropdown__onClickOutsideCallback(e) {
  207. // console.log('p5UI__dropdown__onClickOutsideCallback', {
  208. // 'opened': node.classList.contains('p5UI__dropdown-show'),
  209. // 'clickedOutside(node)': p5UI__clickedOutsideElement(node, e),
  210. // 'clickedOutside(btnNode)': p5UI__clickedOutsideElement(btnNode, e),
  211. // 'typeof node.p5UI__onClickOutsideCallback': typeof node.p5UI__onClickOutsideCallback,
  212. // 'typeof node.p5UI__unbindClickOutsideCallback': typeof node.p5UI__unbindClickOutsideCallback,
  213. // })
  214. if (!node.classList.contains('p5UI__dropdown-show')) return
  215. if (node.p5UI__unbindClickOutsideCallback && 'function' == typeof node.p5UI__unbindClickOutsideCallback) {
  216. if (p5UI__clickedOutsideElement(node, e) && p5UI__clickedOutsideElement(btnNode, e)) {
  217. node.classList.remove('p5UI__dropdown-show')
  218. node.p5UI__unbindClickOutsideCallback()
  219. }
  220. }
  221. }
  222. }
  223. </script>
  224. <script>
  225. function p5UI__Clickable(n, eventNamespace, props) {
  226. var dbg = <?php echo (DBG::isActive())? 1 : 0; ?>;
  227. var eventNamespace = eventNamespace || 'p5UI__Clickable';
  228. var $n = jQuery(n);
  229. var state = {
  230. baseCssClassNames: n.className,
  231. props: props
  232. };
  233. jQuery(document).trigger(eventNamespace+':click', [n, state]);
  234. }
  235. function p5UI__ButtonAjax(n, eventNamespace, props) {
  236. var dbg = <?php echo (DBG::isActive())? 1 : 0; ?>;
  237. var eventNamespace = eventNamespace || 'p5UI__ButtonAjax';
  238. var $n = jQuery(n);
  239. var state = {
  240. baseCssClassNames: n.className,
  241. href: props.href
  242. };
  243. jQuery(document).trigger(eventNamespace+':click', [n, state]);
  244. if ($n.hasClass('disabled')) {// bootstrap already prevent this action
  245. if(dbg)console.log('WARNING: btn disabled - waiting for response - Cancel?');
  246. return false;
  247. }
  248. $n.removeClass('btn-primary').addClass('btn-default disabled btn-loading');
  249. var req = superagent
  250. .post(props.href)
  251. .type('json') // header ĺapplication/x-www-form-urlencoded' requires type('form');
  252. .send(props.data)
  253. .set('Accept', 'application/json')
  254. .end(function(err, res) {
  255. if(dbg)console.log('DBG: res:', res, 'res.body:', res.body);
  256. $n.removeClass('btn-default disabled btn-loading').addClass(state.baseCssClassNames);
  257. var payload;
  258. if (err || !res.ok || 'application/json' !== res.type) {
  259. payload = {type: 'warning', msg: res.body.msg || 'Request error', body: res.body};
  260. } else {
  261. payload = {type: res.body.type || 'success', msg: res.body.msg || '', body: res.body};
  262. }
  263. jQuery(document).trigger('DBG:notify', payload);
  264. jQuery(document).trigger(eventNamespace+':ajaxLoaded', [n, payload]);
  265. req = null;
  266. });
  267. // setTimeout(function() {
  268. // console.log('Test click p5UI__ButtonAjax - setTimeOut', $n, state);
  269. // jQuery(document).trigger('p5UI__ButtonAjax:ajaxLoaded', [n, state]);
  270. // $n.removeClass('btn-default disabled btn-loading').addClass(state.baseCssClassNames);
  271. // }, 1000);
  272. return false;
  273. }
  274. function p5UI__ajaxLinkClick(n, href, data) {
  275. if (!n || !href) return true;
  276. var dbg = <?php echo (DBG::isActive())? 1 : 0; ?>;
  277. var $n = jQuery(n);
  278. if ($n.hasClass('disabled')) {// bootstrap already prevent this action
  279. if(dbg)console.log('WARNING: btn disabled - waiting for response - Cancel?');
  280. return false;
  281. }
  282. $n.removeClass('btn-primary').addClass('disabled btn-loading');
  283. var req = superagent
  284. .post(href)
  285. .type('json') // header ĺapplication/x-www-form-urlencoded' requires type('form');
  286. .send(data)
  287. .set('Accept', 'application/json')
  288. .end(function(err, res) {
  289. if(dbg)console.log('DBG: res:', res, 'res.body:', res.body);
  290. $n.removeClass('disabled btn-loading').addClass(state.baseCssClassNames);
  291. var payload;
  292. if (err || !res.ok || 'application/json' !== res.type) {
  293. payload = {type: 'warning', msg: res.body.msg || 'Request error', body: res.body};
  294. } else {
  295. payload = {type: 'success', msg: res.body.msg || '', body: res.body};
  296. }
  297. if(dbg)console.log('DBG: before p5UI__notifyAjaxCallback:', payload);
  298. p5UI__notifyAjaxCallback(payload);
  299. if(dbg)console.log('DBG: before actions:', payload.body.actions);
  300. if (payload.body.actions) {
  301. for (i in payload.body.actions) {
  302. p5UI__execAction(payload.body.actions[i]);
  303. }
  304. }
  305. req = null;
  306. });
  307. return false;
  308. }
  309. function p5UI__execAction(action) {
  310. var dbg = <?php echo (DBG::isActive())? 1 : 0; ?>;
  311. if(dbg)console.log('DBG: action:', action);
  312. if ('jsFunction' in action) {
  313. if (action['jsFunction'] in window) {
  314. if(dbg)console.log('TODO: exec "window[\''+action['jsFunction']+'\']( '+action['args']+' )"');
  315. window[ action['jsFunction'] ]( action['args'] );
  316. }
  317. else {
  318. if(dbg)console.log('BUG: jsFunction not exists "'+action['jsFunction']+'"');
  319. }
  320. } else {
  321. if(dbg)console.log('TODO: action', action);
  322. }
  323. }
  324. function p5UI__notifyAjaxCallback(data) {
  325. var notify = {};
  326. notify.type = (data && data.type)? data.type : '';
  327. notify.msg = (data && data.msg)? data.msg : '';
  328. switch (notify.type) {
  329. case 'success':
  330. if (!notify.msg) notify.msg = 'OK';
  331. break;
  332. case 'info':
  333. if (!notify.msg) notify.msg = '';
  334. break;
  335. case 'error':
  336. if (!notify.msg) notify.msg = 'Wystąpiły błędy';
  337. break;
  338. case 'warning':
  339. notify.type = 'warn';
  340. if (!notify.msg) notify.msg = 'Wystąpiły błędy';
  341. break;
  342. default:
  343. notify.msg = 'Nieznany błąd';
  344. if (data && data.errorCode) notify.msg += ' ' + data.errorCode;
  345. notify.type = '';
  346. }
  347. jQuery.notify(notify.msg, notify.type);
  348. }
  349. function p5UI__clickedOutsideElement(element, event) {
  350. // offsetParent - first parentNode with position: (relative | absolute)
  351. var eventTarget = (event.target)? event.target : event.srcElement;
  352. while (eventTarget != null) {
  353. // console.log('Outside:', {'eventTarget': eventTarget, 'eventTarget.offsetParent': eventTarget.offsetParent, 'eventTarget.parentNode': eventTarget.parentNode});
  354. if (eventTarget === element) return false;
  355. eventTarget = eventTarget.offsetParent;
  356. }
  357. return true;
  358. }
  359. function p5Utils__parseFloatOrZero(strToParse) {
  360. if (!strToParse) return 0
  361. if ("string" === typeof strToParse) {
  362. strToParse = strToParse.replace(/,/g, '.')
  363. strToParse = strToParse.replace(/ /g, '')
  364. }
  365. var floatVal = parseFloat(strToParse)
  366. return (!isNaN(floatVal))? floatVal : 0
  367. }
  368. function p5Utils__pricePrint(value, defaultValue) {
  369. return p5Utils__pricePrintFormat(value, defaultValue, '.', ',');
  370. }
  371. function p5Utils__pricePrintPL(value, defaultValue) {
  372. return p5Utils__pricePrintFormat(value, defaultValue, ',', ' ');
  373. }
  374. function p5Utils__pricePrintFormat(value, defaultValue, decPoint, thousands_sep) {
  375. if (undefined === defaultValue) defaultValue = '';
  376. if (!value && value !== 0 && value !== '0') return defaultValue;
  377. if ("number" === typeof value) {
  378. } else if ("string" === typeof value) {
  379. value = p5Utils__parseFloatOrZero(value);
  380. if (isNaN(value)) {
  381. return defaultValue;
  382. }
  383. } else {
  384. return defaultValue;
  385. }
  386. var valueParts = value.toFixed(2).split('.'),
  387. firstPart = valueParts[0],
  388. secondPart = valueParts[1],
  389. parts = [],
  390. minus = ''
  391. ;
  392. if ('-' === firstPart.substr(0, 1)) {
  393. minus = '-';
  394. firstPart = firstPart.substr(1);
  395. }
  396. var len = firstPart.length,
  397. str = firstPart,
  398. i = 0
  399. ;
  400. //console.log('pricePrint(value:'+value+'). valueParts', valueParts, 'len', len);
  401. //console.log('pricePrint(value:'+value+'). START parts', parts, 'len', len, 'str', str);
  402. while (len > 3) {
  403. parts.unshift(str.substr(-3));
  404. len -= 3;
  405. str = str.substr(0, len);
  406. //console.log('pricePrint(value:'+value+'). LOOP-'+i+' parts', parts, 'len', len, 'str', str);
  407. i++;
  408. }
  409. if (len > 0) {
  410. //console.log('pricePrint(value:'+value+'). PRE END parts', parts, 'len', len, 'str', str);
  411. parts.unshift(str);
  412. }
  413. //console.log('pricePrint(value:'+value+'). END parts', parts, 'len', len, 'str', str);
  414. return '' + minus + parts.join(thousands_sep) + decPoint + secondPart;
  415. }
  416. function p5Utils__clearNode(node) {
  417. if (!node || !node.lastChild) return;
  418. var lastNode;
  419. while (lastNode = node.lastChild) node.removeChild(lastNode);
  420. }
  421. function p5Utils__nodeStyle(node, style) {
  422. if (!node || !style) return;
  423. for (i in style) node.style[i] = style[i];
  424. }
  425. </script>
  426. <script>
  427. function initDateTimePicker(node) {
  428. node.find('.se_type-date').parent().datetimepicker({
  429. format: "YYYY-MM-DD"
  430. , locale: 'pl'
  431. , showTodayButton: true
  432. });
  433. node.find('.se_type-datetime').parent().datetimepicker({
  434. format: 'YYYY-MM-DD HH:mm'
  435. , locale: 'pl'
  436. });
  437. node.find('.se_type-time').parent().datetimepicker({
  438. format: 'HH:mm:ss'
  439. , locale: 'pl'
  440. });
  441. }
  442. jQuery(document).ready(function(){
  443. initDateTimePicker(jQuery(document));
  444. });
  445. function ClearAllFind() {
  446. var ElementsObj=document.forms["FILTER_SEARCH"] ;
  447. var ElementsArr=ElementsObj.elements ;
  448. for (var myprop in ElementsArr){
  449. if(ElementsArr[myprop]) {
  450. if((ElementsArr[myprop].type=="text")||(ElementsArr[myprop].type=="select-one")){
  451. var MyEval="var My"+ElementsArr[myprop].name+"=document.getElementById('"+ElementsArr[myprop].name+"\');";
  452. eval(MyEval);
  453. var MyEval="My"+ElementsArr[myprop].name+".value=\"%\"";
  454. eval(MyEval);
  455. }
  456. }
  457. }
  458. }
  459. function resetForm(n) {
  460. for (i = 0; i < n.form.elements.length; i++) {
  461. switch (n.form.elements[i].type.toLowerCase()){
  462. case 'text':
  463. n.form.elements[i].value='%';
  464. break;
  465. case 'select-one':
  466. // n.form.elements[i].options[0].selected = true;
  467. // break;
  468. case 'select-multiple':
  469. for (z = 0; z < n.form.elements[i].options.length; z++) {
  470. n.form.elements[i].options[z].selected = false;
  471. if (n.form.elements[i].options[z].hasAttribute('selected')) {
  472. n.form.elements[i].options[z].removeAttribute('selected');
  473. }
  474. }
  475. // select first element
  476. n.form.elements[i].options[0].selected = true;
  477. n.form.elements[i].options[0].setAttribute('selected', 'selected');
  478. break;
  479. default:
  480. }
  481. }
  482. return false;
  483. }
  484. </script>
  485. <?php UI::hButtonAjaxJsFunction(); ?>
  486. <style type="text/css">
  487. .hidden-dbg { display:none; color:silver; }
  488. .show-hidden-dbg .hidden-dbg { display:inline; }
  489. </style>
  490. <?php if (User::hasAccess('dbg')) : ?>
  491. <script>
  492. jQuery(document).bind('keydown', 'alt+shift+`', function(){
  493. jQuery(document.body).addClass('show-hidden-dbg');
  494. });
  495. jQuery(document).bind('keyup', 'alt+shift+`', function(){
  496. jQuery(document.body).removeClass('show-hidden-dbg');
  497. });
  498. </script>
  499. <?php endif; ?>
  500. </head><body>