Files
mixtape/zero.Backoffice.UI/dist/zero/requests.js
T
2021-11-19 16:11:12 +01:00

72 lines
3.6 KiB
JavaScript

import {n as normalizeComponent, a4 as list, a5 as RequestsApi} from "./index.js";
import "./vendor.js";
var render = function() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {staticClass: "laola-requests"}, [_c("ui-header-bar", {attrs: {title: "@laola.request.list", prefix: "@shop.headline_prefix", count: _vm.count, "back-button": true}}, [_c("ui-table-filter", {attrs: {attach: _vm.$refs.table}}), _vm.$refs.table && !_vm.$refs.table.query.search ? _c("div", [_c("label", {staticClass: "ui-native-check onbg"}, [_c("input", {directives: [{name: "model", rawName: "v-model", value: _vm.showDone, expression: "showDone"}], attrs: {type: "checkbox"}, domProps: {checked: Array.isArray(_vm.showDone) ? _vm._i(_vm.showDone, null) > -1 : _vm.showDone}, on: {change: function($event) {
var $$a = _vm.showDone, $$el = $event.target, $$c = $$el.checked ? true : false;
if (Array.isArray($$a)) {
var $$v = null, $$i = _vm._i($$a, $$v);
if ($$el.checked) {
$$i < 0 && (_vm.showDone = $$a.concat([$$v]));
} else {
$$i > -1 && (_vm.showDone = $$a.slice(0, $$i).concat($$a.slice($$i + 1)));
}
} else {
_vm.showDone = $$c;
}
}}}), _c("span", {staticClass: "ui-native-check-toggle"}), _c("span", {directives: [{name: "localize", rawName: "v-localize", value: "@laola.request.showDone", expression: "'@laola.request.showDone'"}]})])]) : _vm._e()], 1), _vm.isLoaded ? _c("div", {staticClass: "ui-blank-box"}, [_c("ui-table", {ref: "table", attrs: {config: _vm.list}, on: {count: function($event) {
_vm.count = $event;
}}})], 1) : _vm._e()], 1);
};
var staticRenderFns = [];
var requests_vue_vue_type_style_index_0_lang = ".laola-requests .ui-icon.-flag {\n position: relative;\n top: 4px;\n margin-right: 3px;\n margin-left: -2px;\n display: inline-block;\n transform: scale(0.8);\n transform-origin: 50% 0%;\n}\n.laola-requests .ui-native-check {\n margin-left: var(--padding-s);\n}\n.laola-requests-offer {\n display: inline-grid;\n grid-template-columns: auto 1fr;\n grid-gap: var(--padding-xs);\n align-items: center;\n}\n.laola-requests-offer .-image {\n border-radius: 50px;\n max-height: 32px;\n max-width: 32px;\n background: var(--color-box-nested);\n}\n.laola-requests-offer .-image.-empty {\n height: 32px;\n width: 32px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n color: var(--color-text-dim-one);\n}";
const KEY_SHOW_DONE = "laola.ui-table-requests.show-done";
const script = {
data: () => ({
count: 0,
createRoute: "commerce-requests-create",
showDone: false,
isLoaded: false,
list
}),
watch: {
$route(to, from) {
this.rebuild();
},
showDone(done) {
if (this.isLoaded) {
localStorage.setItem(KEY_SHOW_DONE, JSON.stringify(done));
this.$refs.table.update();
}
}
},
created() {
let storedShowDone = localStorage.getItem(KEY_SHOW_DONE);
if (storedShowDone !== null) {
this.showDone = JSON.parse(storedShowDone);
}
this.rebuild();
this.isLoaded = true;
},
methods: {
rebuild() {
this.list.onFetch((filter) => RequestsApi.getListByQuery(filter, this.showDone));
if (this.$refs.table) {
this.$refs.table.initialize();
}
}
}
};
const __cssModules = {};
var component = normalizeComponent(script, render, staticRenderFns, false, injectStyles, null, null, null);
function injectStyles(context) {
for (let o in __cssModules) {
this[o] = __cssModules[o];
}
}
component.options.__file = "../../Laola/Laola.Backoffice/Plugin/pages/requests/requests.vue";
var requests = component.exports;
export default requests;