From c062fb38bbeb01e7f0fe8d4f35e342177ce613bc Mon Sep 17 00:00:00 2001
From: Jaroslav Drzik <jaroslav.drzik@gmail.com>
Date: Thu, 26 Mar 2020 13:54:58 +0100
Subject: [PATCH] Display Bytes in Memory, - SearchMultipleInput novy subor

---
 resources/js/components/MemoryGraph.vue       |  1 +
 .../js/components/SearchMultipleInput.vue     | 57 +++++++++++++++++++
 resources/views/master.blade.php              |  7 +--
 3 files changed, 61 insertions(+), 4 deletions(-)
 create mode 100644 resources/js/components/SearchMultipleInput.vue

diff --git a/resources/js/components/MemoryGraph.vue b/resources/js/components/MemoryGraph.vue
index 415a94e..39c33fb 100644
--- a/resources/js/components/MemoryGraph.vue
+++ b/resources/js/components/MemoryGraph.vue
@@ -16,6 +16,7 @@ export default {
         xlabel: 'Dátum',
         labels: ['Dátum','Celkom','Pouzita','Volna'],
         ylabel: 'Bytes',
+        labelsKMG2: true,
         fillGraph: true
       },
       series: [],
diff --git a/resources/js/components/SearchMultipleInput.vue b/resources/js/components/SearchMultipleInput.vue
new file mode 100644
index 0000000..46bee8f
--- /dev/null
+++ b/resources/js/components/SearchMultipleInput.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div class="form-group">
+        <label for="ssel1">Typ:</label>
+        <select v-model="type" class="form-control" id="ssel1">
+        <option>Užívateľ</option>
+        <option>Meno PC</option>
+        <option>Ip adresa</option>
+        </select>
+    </div> 
+    <vue-suggestion :items="items" 
+                    v-model="item" 
+                    :setLabel="setLabel"
+                    :itemTemplate="itemTemplate"
+                    @changed="inputChange" 
+                    @selected="itemSelected">
+    </vue-suggestion>
+  </div>
+</template>
+
+<script>
+import itemTemplate from './item-template.vue';
+export default {
+  data () {
+    return {
+      item: {},
+      type: null,
+      items: [
+       
+      ],
+      itemTemplate,
+    }
+  },
+  methods: {
+    itemSelected (item) {
+      this.item = item;
+    },
+    setLabel (item) {
+      return item.computer;
+    },
+    inputChange (text) {
+        axios.get("search/multicomplete", {
+                        params: {
+                        type: this.type,
+                        term: text,
+                        }
+            })
+            .then((response)  => {
+                this.items = response.data;
+            })
+            .catch(function (error) {
+                console.log(error);
+            });
+    },
+  },
+};
+</script>
diff --git a/resources/views/master.blade.php b/resources/views/master.blade.php
index b64a279..93ab252 100644
--- a/resources/views/master.blade.php
+++ b/resources/views/master.blade.php
@@ -7,13 +7,12 @@
 
         <title>Laravel</title>
 
-        <!-- Fonts -->
-       
-        
-        <link href="{{ asset('css/app.css') }}" rel="stylesheet">
+        <!-- Javascript -->
         <script src="{{ asset('/js/app.js') }}"></script>
 
         <!-- Styles -->
+        <link href="{{ asset('css/app.css') }}" rel="stylesheet">
+
         <style>
             html, body {
                 background-color: #fff;