<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title></title>
                        

    
    <link rel="icon" type="image/x-icon" href="/favicon.ico?v=2" />
    
    <link rel="apple-touch-icon" href="/apple-touch-icon-iphone-60x60-precomposed.png?v=2">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-ipad-76x76-precomposed.png?v=2 ">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-iphone-retina-120x120-precomposed.png?v=2 ">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-ipad-retina-152x152-precomposed.png?v=2 ">

    <script type="text/javascript" src="/load_translation_js?v=2.3.18"></script>

    <link href="/bundles/volkendo/styles/kendo.common.min.css?v=2.3.18" rel="stylesheet" type="text/css" />
    <link href="/bundles/volkendo/styles/kendo.default.min.css?v=2.3.18" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" href="/bundles/volkendo/styles/kendo.dataviz.min.css?v=2.3.18">
    <link rel="stylesheet" href="/bundles/volkendo/styles/kendo.dataviz.default.min.css?v=2.3.18">

    <script src="/bundles/volkendo/js/jquery.min.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/js/jszip.min.js?=2.3.18" ></script>
    <script src="/bundles/volkendo/js/kendo.all.min.js?v=2.3.18"></script>


    <link href="/bundles/volfalcon/styles/select2.min.css?v=2.3.18" rel="stylesheet" />
    <script src="/bundles/volfalcon/js/select2/select2.full.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/js/select2/i18n/pl.js?v=2.3.18"></script>

                
    <script src="/bundles/volkendo/js/cultures/kendo.culture.pl-PL.min.js?v=2.3.18"></script>

            <script src="/bundles/volkendo/js/messages/kendo.messages.pl-PL.min.js?v=2.3.18"></script>
    
    <script>
        var falconLocale = 'pl-PL';
        if(falconLocale  === 'en')
            falconLocale = 'en-EN';
    </script>

    <link href="/bundles/volfalcon/styles/jquery-ui.css?v=2.3.18" rel="stylesheet" type="text/css">
    <script src="/bundles/volfalcon/js/jquery-ui.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/js/jquery.mousewheel.js?v=2.3.18"></script>

    <link href="/bundles/volfalcon/styles/bootstrap.css?v=2.3.18" rel="stylesheet" type="text/css" />
    <script src="/bundles/volfalcon/js/bootstrap.min.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/js/tooltip.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/js/modal.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/js/dropdown.js?v=2.3.18"></script>

    <link rel="stylesheet" type="text/css" href="/bundles/volfalcon/js/jssvg/jquery.svg.css?v=2.3.18" />
    <script type="text/javascript" src="/bundles/volfalcon/js/jssvg/jquery-migrate-1.0.0.js?v=2.3.18"></script>
    <script type="text/javascript" src="/bundles/volfalcon/js/jssvg/jquery.svg.js?v=2.3.18"></script>

    <link href="/bundles/volfalcon/styles/spectrum.css?v=2.3.18" rel="stylesheet" type="text/css" />
    <script src="/bundles/volfalcon/js/spectrum.js?v=2.3.18"></script>

    <link rel="stylesheet" type="text/css" href="/bundles/volfalcon/js/slick/slick.css?v=2.3.18"/>
    <link rel="stylesheet" type="text/css" href="/bundles/volfalcon/js/slick/slick-theme.css?v=2.3.18"/>
    <script type="text/javascript" src="/bundles/volfalcon/js/slick/slick.min.js?v=2.3.18"></script>

    <script src="/bundles/volfalcon/js/jquery.history.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/js/jquery.cookie.js?v=2.3.18"></script>
    <link href="/bundles/volfalcon/styles/multi-select.css?v=2.3.18" rel="stylesheet" type="text/css" />
    <script src="/bundles/volfalcon/js/jquery.multi-select.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/js/addon.js?v=2.3.18"></script>
    <link href="/bundles/volfalcon/styles/jquery.gridster.min.css?v=2.3.18" rel="stylesheet" type="text/css" />
    <script src="/bundles/volfalcon/js/jquery.gridster.min.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/js/jquery.panzoom.min.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/js/panzoom.min.js?v=2.3.18"></script>

    <script type="text/javascript" src="/bundles/volfalcon/js/lodash.min.js?v=2.3.18"></script>
    <link rel="stylesheet" type="text/css" href="/bundles/volfalcon/styles/gridstack.min.css?v=2.3.18" />
    <link rel="stylesheet" type="text/css" href="/bundles/volfalcon/styles/gridstack-extra.min.css?v=2.3.18" />
    <link rel="stylesheet" type="text/css" href="/bundles/volfalcon/styles/gridstack-multiple-grids.css?v=2.3.18" />
    <script type="text/javascript" src="/bundles/volfalcon/js/gridstack.min.js?v=2.3.18"></script>
    <script type="text/javascript" src="/bundles/volfalcon/js/gridstack-multiple-grids.js?=2.3.18"></script>

    <link rel="stylesheet" type="text/css" href="/bundles/volfalcon/styles/jquery.scrollbar.css?v=2.3.18" />
    <script type="text/javascript" src="/bundles/volfalcon/js/jquery.scrollbar.min.js?v=2.3.18"></script>

    <script src="/bundles/fosjsrouting/js/router.js?v=2.3.18"></script>
    <script src="/js/routing?callback=fos.Router.setData"></script>

    <link href="/bundles/volsystemmessage/css/style.css?v=2.3.18" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/bundles/volsystemmessage/js/notifications.js?v=2.3.18"></script>
    <link href="/bundles/report/styles/style.css?v=2.3.18" rel="stylesheet" type="text/css" />
    <link href="/bundles/report/styles/highlight/vs.css?v=2.3.18" rel="stylesheet" type="text/css" />
    <script src="/bundles/report/js/highlight.pack.js?v=2.3.18" type="text/javascript"></script>
    <script src="/bundles/report/js/jquery.scrollTo.js?v=2.3.18" type="text/javascript"></script>
    <script src="/bundles/report/js/jquery.sqlReport.js?v=2.3.18" type="text/javascript"></script>

    <script src="/bundles/volmatrix/js/vol-matrix.js?v=2.3.18"></script>
    <link href="/bundles/volmatrix/styles/vol-matrix.css?v=2.3.18" rel="stylesheet" type="text/css"/>

    <script src="/bundles/volfalcon/js/bootstrap-datetimepicker.min.js?v=2.3.18"></script>
    <link href="/bundles/volfalcon/styles/bootstrap-datetimepicker.min.css?v=2.3.18" rel="stylesheet" type="text/css" />
    <link href="/bundles/volfalcon/styles/jquery.webui-popover.min.css?v=2.3.18" rel="stylesheet" type="text/css" />
    <script src="/bundles/volfalcon/js/jquery.webui-popover.min.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/js/jquery.inputmask.bundle.min.js?v=2.3.18" type="text/javascript"></script>

    <link href="/bundles/volfalcon/styles/bootstrap-submenu.css?v=2.3.18" rel="stylesheet" type="text/css" />
    <script src="/bundles/volfalcon/js/bootstrap-submenu.min.js?v=2.3.18"></script>

    <link href="/bundles/volfalcon/styles/pageguide_nacview_custom.css?v=2.3.18" rel="stylesheet" type="text/css" />
    <script src="/bundles/volfalcon/js/pageguide.min.js?v=2.3.18"></script>

    <script src="/bundles/volfalcon/js/controller.js?v=2.3.18"></script>

    <link href="/bundles/volfalcon/styles/controller.css?v=2.3.18" rel="stylesheet" type="text/css" />

    <script src="/bundles/volfalcon/codemirror/53/lib/codemirror-compressed.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/codemirror/53/mode/xml/xml.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/codemirror/53/mode/javascript/javascript.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/codemirror/53/mode/css/css.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/codemirror/53/mode/htmlmixed/htmlmixed.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/codemirror/53/addon/edit/matchbrackets.js?v=2.3.18"></script>

    <link href="/bundles/volfalcon/codemirror/53/lib/codemirror.css?v=2.3.18" rel="stylesheet" type="text/css" />
    <link href="/bundles/volfalcon/styles/ip_management.css?v=2.3.18" rel="stylesheet" type="text/css" />

         <script src="/bundles/volfalcon/js/prism.js?v=2.3.18"></script>
    <link href="/bundles/volfalcon/styles/prism.css?v=2.3.18" rel="stylesheet" type="text/css" />
    
        <link href="/bundles/volfalcon/js/structured-filter/css/structured-filter.css?v=2.3.18" rel="stylesheet" type="text/css" />
    <script src="/bundles/volfalcon/js/structured-filter/js/structured-filter.js?v=2.3.18"></script>
    
        <link href="/bundles/volfalcon/styles/diff.css?v=2.3.18" rel="stylesheet" type="text/css" />

    <script src="/bundles/volfalcon/js/plugins/menu.js?v=2.3.18"></script>
    <script src="/bundles/volfalcon/js/clipboard.min.js?v=2.3.18"></script>

    <link href="/bundles/volfalcon/styles/intlTelInput/intlTelInput.css" rel="stylesheet">
    <script src="/bundles/volfalcon/js/intlTelInput/intlTelInput-jquery.min.js"></script>
    <script src="/bundles/volfalcon/js/intlTelInput/utils.js"></script>


    </head>
    <body>
                



<style>
    #topWin {
        position: fixed;
        top: 40px;
        right: 0;
        width: 330px;
        height: 360px;
        background: white;
        z-index: 1000;
        border: 1px solid #ccc;
        box-shadow: 0 0 3px #ccc;       
    }
    #topWin .content {
         position: relative;
    }
    #search-container {
        display: inline-block;
        border-left: 1px solid rgba(255,255,255,0.4) !important;
        border-right: 1px solid rgba(255,255,255,0.4) !important;
        margin-left: 30px;
    }
    #search-container .k-dropdown, 
    #search-container .k-dropdown .k-dropdown-wrap {
        border: none;
        background: transparent;        
    }
    #search-container .k-dropdown {
        margin-top: 6px;
        border-left: 1px solid rgba(255,255,255,0.1);
        border-radius: 0;
    }
    #search-container .k-dropdown .k-input, 
    #search-container .k-dropdown .k-state-focused .k-input, 
    #search-container .k-menu .k-popup, 
    #search-container .k-multiselect .k-button, 
    #search-container .k-multiselect .k-button:hover {
        color: #eee;
    }
    #search-container .k-autocomplete.k-state-default,
    #search-container .k-dropdown-wrap.k-state-default,
    #search-container .k-numeric-wrap.k-state-default,
    #search-container .k-picker-wrap.k-state-default {
        box-shadow: none;
    }
    #search-container .k-select .k-icon {
        color: white;
    }
    #search-container .k-dropdown-wrap .k-input {
        line-height: 26px;
        padding-left: 10px;
    }
    
    
    #searchType {
        width: 190px;
    }
   
    @media only screen and (max-width: 850px)  {
        .searchInput {
            width: 170px; 
            overflow: hidden;        
        }

        .searchInput span.k-autocomplete {
            max-width: 100%;
        }

        #search-container > .k-widget.k-dropdown {
            width: 100px;
        }

        #searchType {
            width: 100px;
        }
    }
    
    @media only screen and (max-width: 650px)  {
        #search-container {
            display: none;
        }

        #searchType {
            display: none;
        }
    }
    


</style>
<script>
    
    $(document).ready(function () {
        
        var $topWin = $('#topWin');
        var $topWinContent = $('#topWin .content');
        
        function confirmEmergency(title, content){
        return $("<div></div>").kendoConfirm({
            title: title,
            content: content
          }).data("kendoConfirm").open().result;
        }

        function handleResponseMessage(response) {
            let json, notification = $("#notification").data("kendoNotification");

            console.log('handleResponseMessage', response);

            if (response) {
                if (typeof response.responseText !== 'undefined') {
                    // jqXHR object
                    try {
                        json = JSON.parse(response.responseText);
                    } catch (e) {
                        // response does not contain valid JSON
                        json = {};
                    }
                } else {
                    // parsed response content
                    json = response;
                }

                if (typeof json.message !== 'undefined') {
                    let messageOk = true, message = '';
                    // parse response
                    if (typeof json.responseCode !== 'undefined' && json.responseCode != 200) {
                        messageOk = false;
                    }
                    if (typeof json.message === 'object') {
                        // multiple messages
                        $.each(json.message, function (Dkey, Dvalue) {
                            message += "<p>" + Dkey + " : " + Dvalue + "</p>";
                        });
                    } else {
                        // response is text
                        message = json.message;
                    }

                    notification.show({title: messageOk ? 'Success' : 'Error', message: message}, messageOk ? 'upload-success' : 'error');
                }
            }
        }
  
        $('.topMenuItem').click(function (event) {
            event.preventDefault();

            if($(this).attr('id') !== undefined && $(this).attr('id') === "refresh_mainWindow"){
                refreshMainWindow();

            } else if($(this).attr('id') !== undefined && $(this).attr('id') === "emergencyMode"){
                let $emergencyMode = $('#emergencyMode'),
                    $loaderElement = loadingLocalElement();

                if( $emergencyMode.hasClass('danger') === false ){
                    //------------------------
                    // TURN ON emergency mode
                    confirmEmergency("Awaryjny tryb pracy", "Włącz awaryjny tryb pracy")
                        .then(function () {
                            // YES
                            $emergencyMode.append($loaderElement);
                            $.get('/emergency/1')
                                .done(function(response) {
                                    if (response && typeof response.ok !== 'undefined' && response.ok) {
                                        $emergencyMode.addClass('danger');
                                    }
                                })
                                .always(function(response) {
                                    // hide loader
                                    $loaderElement.remove();
                                    // check for messages
                                    handleResponseMessage(response);
                                });
                        }, function () {
                            // Cancel
                        });
                } else {
                    //------------------------
                    // TURN OFF emergency mode
                    confirmEmergency("Awaryjny tryb pracy", "Wyłącz awaryjny tryb pracy")
                        .then(function () {
                            // YES
                            $emergencyMode.append($loaderElement);
                            $.get('/emergency/0')
                                .done(function(response) {
                                    if (response && typeof response.ok !== 'undefined' && response.ok) {
                                        $emergencyMode.removeClass('danger');
                                    }
                                })
                                .always(function(response) {
                                    // hide loader
                                    $loaderElement.remove();
                                    // check for messages
                                    handleResponseMessage(response);
                                });
                        }, function () {
                            // Cancel
                        });
                }

                console.log("Emergency mode");
            } else {

                $('#topWin').show();
                $topWinContent.empty().addClass('loading-local');
            
                        
                $.ajax({
                    type: "GET",
                    url: $(this).data('menuUrl'),
                    data: $(this).serialize(),
                    success: function (data) {
                        //console.log("AJAX");
                        $topWinContent.removeClass('loading-local');                    
                        $topWinContent.html(data);
                        processForms(null, 'topWin');
                    },
                    dataType: "html"
                });
            }
        });
        $('#topWin #closer, #mainWindow, #middlePanel').click(function () {
            console.log("#topWin #closer, #mainWindow, #middlePanel CLICK()"); 
            $('#topWin').fadeOut('fast');
          
        });
        
        
        
        var getSystemStatus = function(){
            $.get( "/main?ok=statusCheck", function() {
                
              })
                .done(function(data) {
                    console.log('data', data);
                    
                    if(data !== undefined && data.data !== undefined ){
                        $('#systemStatus_mainWindow').removeClass('warning danger');
                        if (data.data === 1) {
                            $('#systemStatus_mainWindow').addClass('warning');
                        } else if (data.data === 2) {
                            $('#systemStatus_mainWindow').addClass('danger');
                        }
                    }
                })
                .fail(function() {
                    var notification = $("#notification").data("kendoNotification");                    
                    notification.show({title: 'Error', message: 'Failed to get System Status'}, "error");                                           
                });
        };
        setTimeout(function(){
            getSystemStatus();
            setInterval(function(){
                getSystemStatus();
            }, 1800000 ); // 30 min - repeat
        }, 1000 ); // init after 1 second
        
        
        
        
    });

</script>
<div id="topWin" style="display: none;">
    <span id="closer">&times;</span>
    <div class="content"></div>
</div>
<div id="topPanel" >
    <div id="logo" data-target="mainWindow" data-url="/main" data-params="ok=home">NAC<strong data-target="mainWindow" data-url="/main" data-params="ok=home">VIEW</strong></div>
    
    <div id="search-container">
        <div id="search-box-top">        
            <span class="k-icon k-i-search"></span>
            <div id="menuSearch_menu" class="searchInput">
                <input id="autocompleteMenu" type="text" placeholder="Szukaj w: Adres IP" />
            </div>

            
            <script>
                $(document).ready(function(){ 
                            

                    // Menu select:
                    var selectMenu = $("#searchType").kendoDropDownList({
                        change: onChange,                        
                        noDataTemplate: 'No Data sorry!'
                    });
                    function onChange() {                    
                        console.log($("#searchType").val());
                        $('.searchInput').hide();
                        $('#menuSearch_' + $("#searchType").val() ).show();
                    };    

                    selectMenu.select("menu");
                });
            </script>
        </div>
        <select id="searchType" >
                    
        </select>        
    </div>
                
    <div id="rightUserTopPanel">
                
        
        <div id="userTopPanel">
            <ul id="topMenuUser" class="k-menu">
                <li id="refresh_mainWindow" class="topMenuItem" title="Odśwież stronę" ></li>

                
                
                
                <li id="help" class="" data-url="/main?ok=help" data-target="modalWindow" title="Pomoc" ></li>
                <li id="users" class="topMenuItem" data-menu-url="/main?ok=users" title="Konto administracyjne" ></li>
            </ul>
        </div>
    </div>
    <div id="rightTopPanel">
        <ul id="topMenu" class="k-menu" style="display:none;">
            <li id="home" data-target="mainWindow" data-url="/main" data-params="ok=home" class="home aqMenu" data-tooltip="Start"><div data-url="/main" data-target="mainWindow" data-params="ok=home" class="menu-ico"></div>Start</li>
        </ul>
    </div>
</div>
<div style="height: 40px;"></div>
<div id="middlePanel" style="height: 0;display:none">
    <div id="topSubMenu" style="display:none">
        <ul id="middleMenuHome" class="midmenu"></ul>

            </div>
</div>


<div id="mainWindow" class="NACwindow clearfix">&nbsp;</div>
<div id="rightWindow" class="NACwindow">&nbsp;</div>
<div id="topWindow" class="NACwindow">&nbsp;</div>
<div id="modalWindow" class="NACwindow">&nbsp;</div>
<div id="growl_output" class="NACwindow">&nbsp;</div>
<div id="smallModalWindow" class="NACwindow">&nbsp;</div>
<div id="goUp" class="btn" style="display: block;"><span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span></div>



            

                    

                    </body>
</html>
