jaro/salt-minv-graph
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Multiple search addon

Browse Source
This commit is contained in:
Jaroslav Drzik
2020-03-27 15:26:20 +01:00
parent c062fb38bb
commit aa07dffa1b
7 changed files with 475 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
resources/js/components/SearchMultipleInput.vue
View File

@@ -1,25 +1,32 @@
<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>
<div class="row form-group">
<label for="ssel1" class="col-sm-2">Typ</label>
<div class="col-sm-4">
<select v-model="type" class="form-control" id="ssel1">
<option value="0">Užívateľ</option>
<option value="1">Meno PC</option>
<option value="2">Ip adresa</option>
</select>
</div>
<div class="col-sm-6">
<div class='input-group'>
<vue-suggestion :items="items"
v-model="item"
:setLabel="setLabel"
:itemTemplate="itemTemplate"
@changed="inputChange"
@selected="itemSelected">
</vue-suggestion>
<span class="input-group-append">
<button v-on:click="displayResults()" type="button" class="btn btn-secondary">Zobraz</button>
</span>
</div>
</div>
</div>
</template>
<script>
import itemTemplate from './item-template.vue';
import itemTemplate from './item-multi-template.vue';
export default {
data () {
return {
@@ -36,7 +43,7 @@ export default {
this.item = item;
},
setLabel (item) {
return item.computer;
return item.name;
},
inputChange (text) {
axios.get("search/multicomplete", {