Multiple search addon

This commit is contained in:
2020-03-27 15:26:20 +01:00
parent c062fb38bb
commit aa07dffa1b
7 changed files with 475 additions and 22 deletions

371
public/js/app.js vendored
View File

@@ -2104,6 +2104,7 @@ __webpack_require__.r(__webpack_exports__);
xlabel: 'Dátum',
labels: ['Dátum', 'Celkom', 'Pouzita', 'Volna'],
ylabel: 'Bytes',
labelsKMG2: true,
fillGraph: true
},
series: []
@@ -2342,6 +2343,79 @@ __webpack_require__.r(__webpack_exports__);
/***/ }),
/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SearchMultipleInput.vue?vue&type=script&lang=js&":
/*!******************************************************************************************************************************************************************************!*\
!*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/SearchMultipleInput.vue?vue&type=script&lang=js& ***!
\******************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _item_multi_template_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./item-multi-template.vue */ "./resources/js/components/item-multi-template.vue");
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({
data: function data() {
return {
item: {},
type: null,
items: [],
itemTemplate: _item_multi_template_vue__WEBPACK_IMPORTED_MODULE_0__["default"]
};
},
methods: {
itemSelected: function itemSelected(item) {
this.item = item;
},
setLabel: function setLabel(item) {
return item.name;
},
inputChange: function inputChange(text) {
var _this = this;
axios.get("search/multicomplete", {
params: {
type: this.type,
term: text
}
}).then(function (response) {
_this.items = response.data;
})["catch"](function (error) {
console.log(error);
});
}
}
});
/***/ }),
/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/TempGraph.vue?vue&type=script&lang=js&":
/*!********************************************************************************************************************************************************************!*\
!*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/TempGraph.vue?vue&type=script&lang=js& ***!
@@ -2407,6 +2481,31 @@ __webpack_require__.r(__webpack_exports__);
/***/ }),
/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/item-multi-template.vue?vue&type=script&lang=js&":
/*!******************************************************************************************************************************************************************************!*\
!*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/item-multi-template.vue?vue&type=script&lang=js& ***!
\******************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
//
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({
props: {
item: {
required: true
}
}
});
/***/ }),
/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/item-template.vue?vue&type=script&lang=js&":
/*!************************************************************************************************************************************************************************!*\
!*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/item-template.vue?vue&type=script&lang=js& ***!
@@ -65829,6 +65928,115 @@ render._withStripped = true
/***/ }),
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SearchMultipleInput.vue?vue&type=template&id=2ce22892&":
/*!**********************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/SearchMultipleInput.vue?vue&type=template&id=2ce22892& ***!
\**********************************************************************************************************************************************************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
var render = function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c("div", { staticClass: "row form-group" }, [
_c("label", { staticClass: "col-sm-2", attrs: { for: "ssel1" } }, [
_vm._v("Typ")
]),
_vm._v(" "),
_c("div", { staticClass: "col-sm-4" }, [
_c(
"select",
{
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.type,
expression: "type"
}
],
staticClass: "form-control",
attrs: { id: "ssel1" },
on: {
change: function($event) {
var $$selectedVal = Array.prototype.filter
.call($event.target.options, function(o) {
return o.selected
})
.map(function(o) {
var val = "_value" in o ? o._value : o.value
return val
})
_vm.type = $event.target.multiple
? $$selectedVal
: $$selectedVal[0]
}
}
},
[
_c("option", { attrs: { value: "0" } }, [_vm._v("Užívateľ")]),
_vm._v(" "),
_c("option", { attrs: { value: "1" } }, [_vm._v("Meno PC")]),
_vm._v(" "),
_c("option", { attrs: { value: "2" } }, [_vm._v("Ip adresa")])
]
)
]),
_vm._v(" "),
_c("div", { staticClass: "col-sm-6" }, [
_c(
"div",
{ staticClass: "input-group" },
[
_c("vue-suggestion", {
attrs: {
items: _vm.items,
setLabel: _vm.setLabel,
itemTemplate: _vm.itemTemplate
},
on: { changed: _vm.inputChange, selected: _vm.itemSelected },
model: {
value: _vm.item,
callback: function($$v) {
_vm.item = $$v
},
expression: "item"
}
}),
_vm._v(" "),
_c("span", { staticClass: "input-group-append" }, [
_c(
"button",
{
staticClass: "btn btn-secondary",
attrs: { type: "button" },
on: {
click: function($event) {
return _vm.displayResults()
}
}
},
[_vm._v("Zobraz")]
)
])
],
1
)
])
])
}
var staticRenderFns = []
render._withStripped = true
/***/ }),
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/TempGraph.vue?vue&type=template&id=7da20202&scoped=true&":
@@ -65865,6 +66073,30 @@ render._withStripped = true
/***/ }),
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/item-multi-template.vue?vue&type=template&id=f36cd2e6&":
/*!**********************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/item-multi-template.vue?vue&type=template&id=f36cd2e6& ***!
\**********************************************************************************************************************************************************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
var render = function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c("div", [_c("span", [_vm._v(_vm._s(_vm.item.name))])])
}
var staticRenderFns = []
render._withStripped = true
/***/ }),
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/item-template.vue?vue&type=template&id=b8f3488e&":
@@ -80903,6 +81135,7 @@ Vue.component('load-graph', __webpack_require__(/*! ./components/LoadGraph.vue *
Vue.component('processes-graph', __webpack_require__(/*! ./components/ProcessesGraph.vue */ "./resources/js/components/ProcessesGraph.vue")["default"]);
Vue.component('disk-graph', __webpack_require__(/*! ./components/DiskGraph.vue */ "./resources/js/components/DiskGraph.vue")["default"]);
Vue.component('search-input', __webpack_require__(/*! ./components/SearchInput.vue */ "./resources/js/components/SearchInput.vue")["default"]);
Vue.component('search-multiple-input', __webpack_require__(/*! ./components/SearchMultipleInput.vue */ "./resources/js/components/SearchMultipleInput.vue")["default"]);
/**
* Next, we will create a fresh Vue application instance and attach it to
* the page. Then, you manwy begin adding components to this application
@@ -81542,6 +81775,75 @@ __webpack_require__.r(__webpack_exports__);
/***/ }),
/***/ "./resources/js/components/SearchMultipleInput.vue":
/*!*********************************************************!*\
!*** ./resources/js/components/SearchMultipleInput.vue ***!
\*********************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _SearchMultipleInput_vue_vue_type_template_id_2ce22892___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SearchMultipleInput.vue?vue&type=template&id=2ce22892& */ "./resources/js/components/SearchMultipleInput.vue?vue&type=template&id=2ce22892&");
/* harmony import */ var _SearchMultipleInput_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SearchMultipleInput.vue?vue&type=script&lang=js& */ "./resources/js/components/SearchMultipleInput.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
/* normalize component */
var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
_SearchMultipleInput_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
_SearchMultipleInput_vue_vue_type_template_id_2ce22892___WEBPACK_IMPORTED_MODULE_0__["render"],
_SearchMultipleInput_vue_vue_type_template_id_2ce22892___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
false,
null,
null,
null
)
/* hot reload */
if (false) { var api; }
component.options.__file = "resources/js/components/SearchMultipleInput.vue"
/* harmony default export */ __webpack_exports__["default"] = (component.exports);
/***/ }),
/***/ "./resources/js/components/SearchMultipleInput.vue?vue&type=script&lang=js&":
/*!**********************************************************************************!*\
!*** ./resources/js/components/SearchMultipleInput.vue?vue&type=script&lang=js& ***!
\**********************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchMultipleInput_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib??ref--4-0!../../../node_modules/vue-loader/lib??vue-loader-options!./SearchMultipleInput.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SearchMultipleInput.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchMultipleInput_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]);
/***/ }),
/***/ "./resources/js/components/SearchMultipleInput.vue?vue&type=template&id=2ce22892&":
/*!****************************************************************************************!*\
!*** ./resources/js/components/SearchMultipleInput.vue?vue&type=template&id=2ce22892& ***!
\****************************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchMultipleInput_vue_vue_type_template_id_2ce22892___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib??vue-loader-options!./SearchMultipleInput.vue?vue&type=template&id=2ce22892& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SearchMultipleInput.vue?vue&type=template&id=2ce22892&");
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchMultipleInput_vue_vue_type_template_id_2ce22892___WEBPACK_IMPORTED_MODULE_0__["render"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchMultipleInput_vue_vue_type_template_id_2ce22892___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
/***/ }),
/***/ "./resources/js/components/TempGraph.vue":
@@ -81629,6 +81931,75 @@ __webpack_require__.r(__webpack_exports__);
/***/ }),
/***/ "./resources/js/components/item-multi-template.vue":
/*!*********************************************************!*\
!*** ./resources/js/components/item-multi-template.vue ***!
\*********************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _item_multi_template_vue_vue_type_template_id_f36cd2e6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./item-multi-template.vue?vue&type=template&id=f36cd2e6& */ "./resources/js/components/item-multi-template.vue?vue&type=template&id=f36cd2e6&");
/* harmony import */ var _item_multi_template_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./item-multi-template.vue?vue&type=script&lang=js& */ "./resources/js/components/item-multi-template.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
/* normalize component */
var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
_item_multi_template_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
_item_multi_template_vue_vue_type_template_id_f36cd2e6___WEBPACK_IMPORTED_MODULE_0__["render"],
_item_multi_template_vue_vue_type_template_id_f36cd2e6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
false,
null,
null,
null
)
/* hot reload */
if (false) { var api; }
component.options.__file = "resources/js/components/item-multi-template.vue"
/* harmony default export */ __webpack_exports__["default"] = (component.exports);
/***/ }),
/***/ "./resources/js/components/item-multi-template.vue?vue&type=script&lang=js&":
/*!**********************************************************************************!*\
!*** ./resources/js/components/item-multi-template.vue?vue&type=script&lang=js& ***!
\**********************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_item_multi_template_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib??ref--4-0!../../../node_modules/vue-loader/lib??vue-loader-options!./item-multi-template.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/item-multi-template.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_item_multi_template_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]);
/***/ }),
/***/ "./resources/js/components/item-multi-template.vue?vue&type=template&id=f36cd2e6&":
/*!****************************************************************************************!*\
!*** ./resources/js/components/item-multi-template.vue?vue&type=template&id=f36cd2e6& ***!
\****************************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_item_multi_template_vue_vue_type_template_id_f36cd2e6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib??vue-loader-options!./item-multi-template.vue?vue&type=template&id=f36cd2e6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/item-multi-template.vue?vue&type=template&id=f36cd2e6&");
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_item_multi_template_vue_vue_type_template_id_f36cd2e6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_item_multi_template_vue_vue_type_template_id_f36cd2e6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
/***/ }),
/***/ "./resources/js/components/item-template.vue":