| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title><?php echo self::getTitle(); ?></title>
- <link rel="shortcut icon" type="image/x-icon" href="./favicon.png?v=0.1">
- <meta name="author" content="Piotr Labudda <piotrl86@gmail.com>" />
- <link rel="stylesheet" href="stuff/bootstrap/css/bootstrap.min.css" type="text/css" />
- <!--
- <link rel="stylesheet" href="stuff/bootstrap/css/bootstrap-theme.min.css" type="text/css" />
- -->
- <link rel="stylesheet" href="stuff/jquery.selectize/css/selectize.bootstrap3.css" type="text/css" />
- <link rel="stylesheet" href="stuff/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" type="text/css" />
- <link rel="stylesheet" href="stuff/jquery-ui-smoothness/jquery-ui-1.10.4.custom.min.css" type="text/css">
- <link rel="stylesheet" href="stuff/main.css" type="text/css" />
- <script src="stuff/jquery-2.1.0.min.js"></script>
- <script src="stuff/jquery-plugins.js"></script>
- <script src="stuff/jquery.form.js"></script>
- <script src="stuff/jquery.autosize.min.js"></script>
- <script src="stuff/bootstrap/js/bootstrap.min.js"></script>
- <script src="stuff/jquery.selectize/js/standalone/selectize.min.js"></script>
- <script src="stuff/numeral/numeral.min.js"></script>
- <script src="stuff/moment/moment.min.js"></script>
- <script src="stuff/moment/pl.js"></script>
- <script src="stuff/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
- <script src="stuff/notify.min.js"></script>
- <script src="stuff/jquery-ui-1.10.4.custom.min.js"></script>
- <script src="stuff/jquery.hotkeys.js"></script>
- <script src="stuff/lodash.min.js?_v=4.6.1"></script>
- <script src="stuff/superagent.js"></script>
- <script src="stuff/validate.min.js"></script>
- <style type="text/css">
- .typepsecial .selectize-input { width:366px; padding:4px 6px; }
- .typepsecial .selectize-control::before {
- -moz-transition: opacity 0.2s;
- -webkit-transition: opacity 0.2s;
- transition: opacity 0.2s;
- content: ' ';
- z-index: 2;
- position: absolute;
- display: block;
- top: 12px;
- right: 34px;
- width: 16px;
- height: 16px;
- background: url(stuff/i/loading.gif);
- background-size: 16px 16px;
- opacity: 0;
- }
- .typepsecial .selectize-control.loading::before {
- opacity: 0.4;
- }
- .typepsecial .selectize-control.single .selectize-input {
- color: #333;
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
- background-color: #fff;
- background-image: none;
- background-repeat: none;
- border-color: #ccc;
- filter: none;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- }
- </style>
- <?php S::printTimeoutUpdateJs(); ?>
- <?php if (DBG::isActive()) : ?>
- <script>
- jQuery(document).on('DBG:notify', function(e, payload) {
- console.log('DBG:notify', payload);
- });
- </script>
- <?php endif; ?>
- <script>
- function p5UI__ButtonAjax(n, eventNamespace, props) {
- var dbg = <?php echo (DBG::isActive())? 1 : 0; ?>;
- var eventNamespace = eventNamespace || 'p5UI__ButtonAjax';
- var $n = jQuery(n);
- var state = {
- baseCssClassNames: n.className,
- href: props.href
- };
- jQuery(document).trigger(eventNamespace+':click', [n, state]);
- if ($n.hasClass('disabled')) {// bootstrap already prevent this action
- if(dbg)console.log('WARNING: btn disabled - waiting for response - Cancel?');
- return false;
- }
- $n.removeClass('btn-primary').addClass('btn-default disabled btn-loading');
- var req = superagent
- .post(props.href)
- .type('json') // header ĺapplication/x-www-form-urlencoded' requires type('form');
- .send(props.data)
- .set('Accept', 'application/json')
- .end(function(err, res) {
- if(dbg)console.log('DBG: res:', res, 'res.body:', res.body);
- $n.removeClass('btn-default disabled btn-loading').addClass(state.baseCssClassNames);
- if (err || !res.ok) {
- jQuery(document).trigger('DBG:notify', {type: 'warning', msg: 'Req error', err: err});
- } else {
- //form.log('DBG:REQ('+reqCounter+'). res.status(' + res.status + ') body:' + JSON.stringify(res.body), 'info');
- if ('application/json' !== res.type) {
- jQuery(document).trigger('DBG:notify', {type: 'warning', msg: 'Wrong response type - required json. ' + res.text});
- return;
- }
- jQuery(document).trigger('DBG:notify', {type: 'success', msg: 'res.status:' + res.status + '. res.body:' + JSON.stringify(res.body)});
- jQuery(document).trigger(eventNamespace+':ajaxLoaded', [n, {type: 'success', msg: res.body.msg, body: res.body}]);
- }
- req = null;
- });
- // setTimeout(function() {
- // console.log('Test click p5UI__ButtonAjax - setTimeOut', $n, state);
- // jQuery(document).trigger('p5UI__ButtonAjax:ajaxLoaded', [n, state]);
- // $n.removeClass('btn-default disabled btn-loading').addClass(state.baseCssClassNames);
- // }, 1000);
- return false;
- }
- </script>
- <script>
- function initDateTimePicker(node) {
- node.find('.se_type-date').parent().datetimepicker({
- format: "YYYY-MM-DD"
- , locale: 'pl'
- , showTodayButton: true
- });
- node.find('.se_type-datetime').parent().datetimepicker({
- format: 'YYYY-MM-DD HH:mm'
- , locale: 'pl'
- });
- node.find('.se_type-time').parent().datetimepicker({
- format: 'HH:mm:ss'
- , locale: 'pl'
- });
- }
- jQuery(document).ready(function(){
- initDateTimePicker(jQuery(document));
- });
- function ClearAllFind() {
- var ElementsObj=document.forms["FILTER_SEARCH"] ;
- var ElementsArr=ElementsObj.elements ;
- for (var myprop in ElementsArr){
- if(ElementsArr[myprop]) {
- if((ElementsArr[myprop].type=="text")||(ElementsArr[myprop].type=="select-one")){
- var MyEval="var My"+ElementsArr[myprop].name+"=document.getElementById('"+ElementsArr[myprop].name+"\');";
- eval(MyEval);
- var MyEval="My"+ElementsArr[myprop].name+".value=\"%\"";
- eval(MyEval);
- }
- }
- }
- }
- function resetForm(n) {
- for (i = 0; i < n.form.elements.length; i++) {
- switch (n.form.elements[i].type.toLowerCase()){
- case 'text':
- n.form.elements[i].value='%';
- break;
- case 'select-one':
- // n.form.elements[i].options[0].selected = true;
- // break;
- case 'select-multiple':
- for (z = 0; z < n.form.elements[i].options.length; z++) {
- n.form.elements[i].options[z].selected = false;
- if (n.form.elements[i].options[z].hasAttribute('selected')) {
- n.form.elements[i].options[z].removeAttribute('selected');
- }
- }
- // select first element
- n.form.elements[i].options[0].selected = true;
- n.form.elements[i].options[0].setAttribute('selected', 'selected');
- break;
- default:
- }
- }
- return false;
- }
- </script>
- <style type="text/css">
- .hidden-dbg { display:none; color:silver; }
- .show-hidden-dbg .hidden-dbg { display:inline; }
- </style>
- <?php if (User::hasAccess('dbg')) : ?>
- <script>
- jQuery(document).bind('keydown', 'alt+shift+`', function(){
- jQuery(document.body).addClass('show-hidden-dbg');
- });
- jQuery(document).bind('keyup', 'alt+shift+`', function(){
- jQuery(document.body).removeClass('show-hidden-dbg');
- });
- </script>
- <?php endif; ?>
- </head><body>
|