<?php

$path = $_SERVER['DOCUMENT_ROOT'];
$path .= "/components/check.php";
include_once($path);

?>
<!--
 =========================================================
* Black Dashboard PRO - v1.1.1
=========================================================

* Product Page: https://themes.getbootstrap.com/product/black-dashboard-pro-premium-bootstrap-4-admin/
* Copyright 2019 Creative Tim (https://www.creative-tim.com)

* Coded by Creative Tim

=========================================================

* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-->


<!DOCTYPE html>
<html lang="en">
<head>
			
<?php

$path = $_SERVER['DOCUMENT_ROOT'];
$path .= "/components/header.php";
include_once($path);

?>
<script>
    google.charts.load('current', {'packages':['timeline']});
    google.charts.setOnLoadCallback(drawChart);
    function drawChart( name, interval_start, interval_length ) {
		return;
		  $( "#example3.1" ).empty();
		  var datas = [];

		  datas.append( ['Activity', 'Start Time', 'End Time'] );

		  for( var x = 0; x <arr.length; x++ ) {
		      
		        var l = [name,
		         			new Date(interval_start),
		         			new Date(interval_start + interval_length)];
			    datas.append( l );
		  }

	    }

        function saveDone() {
        	showInfoMsg( "Data saved", 2);
        	        	
        }
	
		function sendData( id ) {
			var dats = $("#textbox-" + id).val();
			console.log( dats );
			var timestamp = Date.now()/1000;
			createNewCommands( "task", { "task_name": "GetData", "params": {"query": "INSERT INTO public.\"TestCoin\"( \"val\", \"timestamp\", \"type\", coin_id  ) VALUES( '" + dats + "', "+ timestamp +", 0, " + id + " )" } }, saveDone );
			showInfoMsg( "Saving data...", 2);
        	 
		}
	
		function createGraphTable( data ) {
			var dataset = [data];

			var options = {
					id_div_container: "visavail_container",
					id_div_graph: "visavail_graph",
					
					icon: {
						class_has_data: 'fas fa-fw fa-check',
						class_has_no_data: 'fas fa-fw fa-exclamation-circle'
					},
					zoom:{
						enabled:true,
					},
					responsive:{
						enabled:true,
					},
					tooltip: {
						date_plus_time: true
					},
					date_in_utc: true,
				};
				
			var chart = visavail.generate(options, dataset)
		}
		
		function liveUpdate() {

			this.handleLive = function( data ) {
				
				//pushNewRow( data, RowMagCradleMain );
			}

		}
		function liveUpdate1() {

			this.handleLive = function( data ) {
				console.log( data );
			}

		}
		var datasource = 0;
		var data_table = 0;
		var global_tables = {};
		var id_settings_table = {};
		
		function createNewTableDataSet( data ) {
			var d =	( data );
			global_tables[ "global_main_table" ].processData( d["result"] );
			for (const x of d["result"] ) {
				id_settings_table[ x[ 0 ] ] = x[ 11 ]; 
					
			}

			try{
				$("#loaderf").hide();
			}catch(err){
				
			}
			
		}

		function showConfig( device_id ) {

		}

		function createNewTableData1( data ) {
			console.log( "asdasdasd" ); 
			var d =	( data );
			console.log( data );
			
			if ( data["result"].length == 0 ) {
				global_tables[ "global_main_table1" ].addEmptyMsg();
				return 0;
			}
			
			global_tables[ "global_main_table1" ].processData( d["result"]);
			
			try{
				$("#loaderf").hide();
			}catch(err){
				
			}
			load.clear();

		}
		
		function getAllCoins() {
			createNewCommands( "task", { "task_name": "GetData", "params": {"query": "SELECT name, id, registration_time, note, core_id, loc, type \
																					  From public.\"Coins\"" } }, createNewTableDataSet ); 
						
		}
		
		var wss_port = 18892;
		var addr = "wss://rbf.nanodesign.sk:" + wss_port + "/websocket/";
		var global_socket_wrapper = new SocketWrapper( addr );
		var load_done = 0;
		var load_interval = 0;

		var bts_table = 0;
		var active_table = 0;

		function getBTS( data ) {
			load_done++;
			bts_table = data;
		}
		
		function getActiveBTS( data ) {
			data = JSON.parse( data["result"] );
			load_done++;
			active_table = data;
			console.log( data );

		}
		
		function createTable() {
			if ( load_done == 2 ) {
				var prepared_table = [];
				clearInterval( load_interval );

				for( var x = 0; x < active_table.length; x++ ) {
					var id = bts_table[ 0 ];
					var name = bts_table[ 1 ];
					var deveui_main = bts_table[ 4 ];
					var timets = 0;
					for( var y = 0; y < bts_table.length; y++ ) {

					}
					var tables = [];

					var deveui_aux = bts_table[ 6 ];
					var last_com = timets;
					var note = bts_table[ 3 ];
					var loc = bts_table[ 2 ];
					var version_m = "" + "/" + "";
					var version_a = "" + "/" + "";
					var type = ;
					
					tables.push( id );
					tables.push( deveui_main );
					tables.push( deveui_aux );
					tables.push( last_com );
					tables.push( note );
					tables.push( loc );
					tables.push( name );
					tables.push( version_m );
					tables.push( version_a );
					tables.push( type );

					prepared_table.push( tables );
				}

				global_tables[ "global_main_table" ].processData( prepared_table );
				
			}

		}

		function start() {
			//load.init();
			var ff = new liveUpdate();
			var ff1 = new liveUpdate1();

			global_socket_wrapper.init();
			global_socket_wrapper.registerLiveUpdater("new_coin_data", ff);
			
			var tables = new DataTable( 0, "datatable3", global_socket_wrapper, false, RowBTSTable, 0  );

			global_tables[ "global_main_table" ] = tables;

			createNewCommands( "task", { "task_name": "GetData", "params": {"query": "Select id,name,loc,note,core_id,type,core_id1 from public.\"BTS\"" } }, getBTS );
			createNewCommands( "task", { "task_name": "GetDataFromModel", "params": {"model": "DashboardBTS" } }, getActiveBTS );

			load_interval = setInterval( createTable, 1000 );
		}
		
</script>		
</head>

<body class="sidebar-mini" onload="start()" >
  <div class="wrapper">
    <div class="navbar-minimize-fixed">
      <button class="minimize-sidebar btn btn-link btn-just-icon">
        <i class="tim-icons icon-align-center visible-on-sidebar-regular text-muted"></i>
        <i class="tim-icons icon-bullet-list-67 visible-on-sidebar-mini text-muted"></i>
      </button>
    </div>
    <?php
    
    $path = $_SERVER['DOCUMENT_ROOT'];
    $path .= "/components/sidebar.php";
    include_once($path);
    
    ?>
    <div class="main-panel">
      <!-- Navbar -->
		 <?php
    
        $path = $_SERVER['DOCUMENT_ROOT'];
        $path .= "/components/plugin.php";
        include_once($path);
        
        ?>
		<?php
    
        $path = $_SERVER['DOCUMENT_ROOT'];
        $path .= "/components/navbar.php";
        include_once($path);
        
        ?>
     	
      <!-- End Navbar -->
      <div  class="content">
        <div class="col-md-8 ml-auto mr-auto">
          <h4 class="text-center">Informácie o zariadení</h4>
          <p class="text-center">Podrobné informácie o stave a fungovaní zariadenia. Plná dokumentácia ku zariadeniu je na stránke 
            <a href="https://datatables.net/" target="_blank">dokumentácia.</a>
          </p>
        </div>
        <div class="row mt-5">
          <div class="col-md-12">
            <div class="card">
              <div class="card-body">
                <div class="toolbar">
                  <!--        Here you can write extra buttons/actions for the toolbar              -->
                </div>
                <h4 class="text-left">Tabuľka zariadení IoTemp v3</h4>
                <span style="width:100%;border-bottom:1px solid rgba(255, 255, 255, 0.8);display:block;margin-top:20px;margin-bottom:20px;" > </span>
				<table id="datatable3" class="table table-striped">
                  <thead>
                    <tr>
                      <th>System ID</th>
                      <th>DevEUI main</th>
                      <th>DevEUI aux</th>
                      <th>Last Communication</th>
                      <th>Note</th>
                      <th>Loc</th>
                      <th>Main v</th>
					  <th>Aux v</th>
                      <th class="sorting_desc_disabled sorting_asc_disabled">Operation</th>
                    </tr>
                  </thead>
                  <tbody id="datatable3_body">
                   
                  </tbody>
                  <tfoot>
                    <tr>
                      <th>System ID</th>
                      <th>DevEUI main</th>
                      <th>DevEUI aux</th>
                      <th>Last Communication</th>
                      <th>Note</th>
                      <th>Loc</th>
                      <th>Main v</th>
					  <th>Aux v</th>
                      <th class="sorting_desc_disabled sorting_asc_disabled">Operation</th>
                    </tr>
                  </tfoot>
                </table>
              </div>
              <!-- end content-->
            </div>
            <!--  end card  -->
          </div>
          <!-- end col-md-12 -->
      </div>
      
      </div>
		
			<?php
    
        $path = $_SERVER['DOCUMENT_ROOT'];
        $path .= "/components/footer.php";
        include_once($path);
        
        ?>
	
    </div>
  </div>
  <!--   Core JS Files   -->
  		
			<?php
    
        $path = $_SERVER['DOCUMENT_ROOT'];
        $path .= "/components/code_footer.php";
        include_once($path);
        
        ?>
</body>

</html>
