15 min, search multiple

resources/views/lastactive.blade.php

@@ -0,0 +1,43 @@
+@extends('master')
+
+@section('title')
+        <div class="title m-b-md">
+            Last active in 15 min
+        </div>
+@stop
+
+@section('links')
+        <div class="links">
+            <a href="{{ url('/') }}">Monitoring</a>
+        </div>                    
+@stop
+
+@section('content')
+@isset($data)
+<table class="table">
+    <thead class="thead-dark">
+      <tr>
+        <th scope="col">IP</th>
+        <th scope="col">Meno PC</th>
+        <th scope="col">Užívateľ</th>
+        <th scope="col">Od</th>
+        <th scope="col">Do</th>
+      </tr>
+    </thead>
+    <tbody>
+
+        @foreach ($data as $r)
+        <tr>
+        <th scope="row">{{$r->ip}}</th>
+        <td>{{$r->comp}}</td>
+        <td>{{$r->name}}</td>
+        <td>{{$r->f}}</td>
+        <td>{{$r->t}}</td>
+        </tr>
+        @endforeach
+    
+    </tbody>
+  </table>
+@endisset
+
+@stop

resources/views/master.blade.php

@@ -12,6 +12,11 @@
 
         <!-- Styles -->
         <link href="{{ asset('css/app.css') }}" rel="stylesheet">
+        
+        <!-- CSRF -->
+        @section('head')
+    
+        @show
 
         <style>
             html, body {
@@ -97,6 +102,7 @@
 
                 @section('links')
                 <div class="links">
+                    <a href="{{ url('/15min') }}">15min</a>
                     <a href="{{ url('/search') }}">Search</a>
                 </div>                    
                 @show

resources/views/search.blade.php

@@ -1,5 +1,9 @@
 @extends('master')
 
+@section('head')
+<meta name="csrf-token" content="{{ csrf_token() }}">
+@stop
+
 @section('title')
         <div class="title m-b-md">
             Search monitoring
@@ -14,8 +18,41 @@
 
 @section('content')
 <div id="app">
-            <search-multiple-input></search-multiple-input>
+            <search-multiple-input ref="search"></search-multiple-input>
+            <search-table :data="table_data" ref="table"></search-table>
 </div>
+
+@isset($data)
+<table class="table">
+    <thead class="thead-dark">
+      <tr>
+        <th scope="col">IP</th>
+        <th scope="col">Meno PC</th>
+        <th scope="col">Užívateľ</th>
+        <th scope="col">Od</th>
+        <th scope="col">Do</th>
+      </tr>
+    </thead>
+    <tbody>
+
+        @foreach ($data as $r)
+        <tr>
+        <th scope="row">{{$r->ip}}</th>
+        <td>{{$r->comp}}</td>
+        <td>{{$r->name}}</td>
+        <td>{{$r->f}}</td>
+        <td>{{$r->t}}</td>
+        </tr>
+        @endforeach
+    
+    </tbody>
+  </table>
+
+
+
+</div>
+@endisset
+
 <script>
     $(document).ready( function() {
     
@@ -26,11 +63,15 @@
         var app = new Vue({
             el: "#app",
             data: {
-                counter: 0
+                counter: 0,
+                table_data: []
             },
             methods: {
                 
             },
+            mounted: function() {
+              console.log("START TABLE");
+            } 
             
         });
 

resources/views/welcome.blade.php

@@ -28,7 +28,7 @@
                         </div>
 
                         <div class="form-group col-sm-4">
-                            <div class='input-group time' id='datetimepicker2'>
+                            <div class='input-group time' id='search_input'>
                                 <search-input ref="search" placeholder="Uživateľ"></search-input>
                                 <span class="input-group-append">
                                     <button v-on:click="displayResults()" type="button" class="btn btn-secondary">Zobraz</button>
@@ -51,6 +51,7 @@
 
                   <script>
                     $(document).ready( function() {
+                        Cookies.set('test','test2');
                     var settings = { "network": { name:"Network",show: false, prefix: "netstat",suffix: { "recv": "Received", "sent": "Send Bytes" }, units:"B"},
                                       "temp": {name:"Temerature",show: false,prefix: null,units:"C"},
                                       "memory": {name:"Memory",show: false,prefix:"memory", suffix: {"free":"Free Memory", "total": "Total Memory","used":"Used Memory"},units: "KB"},
@@ -62,6 +63,7 @@
                          return new Promise((resolve) => setTimeout(resolve, time));
                     }
                     
+                        
                         var app = new Vue({
                             el: "#app",
                             data: {
@@ -71,6 +73,9 @@
                                 to_date:null,
                                 counter: 0
                             },
+                            mounted: function () {
+                                console.log('MOUNTED');
+                            },
                             methods: {
                                 changeDisplay: function (key) {
                                     for (s in settings) {
@@ -96,6 +101,7 @@
                                             }
                                         })
                                         .then(function (response) {
+        
                                             for (s in app.settings) {
                                                 app.settings[s].show = true;
                                             }