admin/raven-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Browse Source
This commit is contained in:
John Cardinal
2020-02-08 00:42:46 +00:00
parent 5a7eabbe7f
commit e8d2bcc299
10 changed files with 5 additions and 555 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
ayanova/devdocs/todo.txt
View File

@@ -49,14 +49,15 @@ SHELL / NAV / MENUS / LAYOUT
TODO: LOCALIZATION TODO: LOCALIZATION
- TODO ACTIONS - TODO ACTIONS
- Remove relative time token filter integration tests HAPPY MONDAY!!
- Keep the ones that rely on filtering dates between values because that's how the client will be sending the relative filters - Remove relative time token filter integration tests
- Keep the ones that rely on filtering dates between values because that's how the client will be sending the relative filters
- DataTable, make bools display as checkboxes instead of text (could just use icons instead of actual checkbox) - DataTable, make bools display as checkboxes instead of text (could just use icons instead of actual checkbox)
- DataTable Need enum translator in it's own class or maybe part of locale or uses locale I guess - DataTable Need enum translator in it's own class or maybe part of locale or uses locale I guess
- DataTable Editing and saving a widget makes it disappear from list, the default sort order sb by record ID so they stay in same order - DataTable Editing and saving a widget makes it disappear from list, the default sort order sb by record ID so they stay in same order
- Determine best way to handle filters at client then code it - Determine best way to handle filters at client then code it
- Modify datalist server code to alternatively accept a json filter string instead of a filter ID (post?) - Modify datalist server code to alternatively accept a json filter string instead of a filter ID (post?)
- Actually, this is jsut for relative dates so, instead how about optional start and stop date parameters to go with filterid that contains relative filter? - Actually, this is jsut for relative dates so, instead how about optional start and stop date parameters to go with filterid that contains relative filter?

1
ayanova/src/App.vue
View File

@@ -219,7 +219,6 @@ import openObjectHandler from "./api/open-object-handler";
export default { export default {
components: { components: {
//gztest
gzconfirm, gzconfirm,
gznotify gznotify
}, },

43
ayanova/src/components/HelloWorld.vue
View File

@@ -1,43 +0,0 @@
<template>
<v-container>
<v-row>
<v-col cols="12">
<v-img
:src="require('../assets/logo.svg')"
contain
height="200"
position="center top"
></v-img>
</v-col>
<v-col cols="12" v-if="this.formReady">
<h1 class="display-1 font-weight-bold text-center">
{{ lt("Welcome") }}
</h1>
</v-col>
</v-row>
</v-container>
</template>
<script>
export default {
created() {
window.$gz.locale
.fetch(["Welcome"])
.then(() => (this.formReady = true))
.catch(err => {
this.formReady = true;
window.$gz.errorHandler.handleFormError(err);
});
},
data() {
return { formReady: false };
},
methods: {
lt(ltKey) {
return window.$gz.locale.get(ltKey);
}
}
};
</script>
<style></style>

23
ayanova/src/components/gztest.vue
View File

@@ -1,23 +0,0 @@
<template>
<div>{{ message }}</div>
</template>
<script>
export default {
data: () => ({
snackbar: false,
message: null,
options: {
color: "primary",
timeout: 3000
}
}),
methods: {
open(message, options) {
this.snackbar = true;
this.message = message;
this.options = Object.assign(this.options, options);
}
}
};
</script>

28
ayanova/src/components/inventorypartassemblytop.vue
View File

@@ -1,28 +0,0 @@
<template>
<v-container>
<v-col cols="12">
<v-card class="elevation-5 transparent">
<v-card-text class="text-center">
<v-icon x-large color="secondary">fa-heart</v-icon>
</v-card-text>
<v-card-title primary-title class="layout justify-center">
<div class="headline">Part assembly</div>
</v-card-title>
<v-card-text>
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
tincidunt ornare. Pellentesque habitant morbi tristique senectus et
netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
</v-card-text>
</v-card>
</v-col>
</v-container>
</template>
<script>
export default {
data: () => ({})
};
</script>
<style></style>

28
ayanova/src/components/inventoryparttop.vue
View File

@@ -1,28 +0,0 @@
<template>
<v-container>
<v-col cols="12">
<v-card class="elevation-5 transparent">
<v-card-text class="text-center">
<v-icon x-large color="secondary">fa-cannabis</v-icon>
</v-card-text>
<v-card-title primary-title class="layout justify-center">
<div class="headline">Parts</div>
</v-card-title>
<v-card-text>
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
tincidunt ornare. Pellentesque habitant morbi tristique senectus et
netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
</v-card-text>
</v-card>
</v-col>
</v-container>
</template>
<script>
export default {
data: () => ({})
};
</script>
<style></style>

28
ayanova/src/components/inventorypotop.vue
View File

@@ -1,28 +0,0 @@
<template>
<v-container>
<v-col cols="12">
<v-card class="elevation-5 transparent">
<v-card-text class="text-center">
<v-icon x-large color="secondary">fa-crow</v-icon>
</v-card-text>
<v-card-title primary-title class="layout justify-center">
<div class="headline">Purchase orders</div>
</v-card-title>
<v-card-text>
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
tincidunt ornare. Pellentesque habitant morbi tristique senectus et
netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
</v-card-text>
</v-card>
</v-col>
</v-container>
</template>
<script>
export default {
data: () => ({})
};
</script>
<style></style>

28
ayanova/src/components/inventorywarehousetop.vue
View File

@@ -1,28 +0,0 @@
<template>
<v-container>
<v-col cols="12">
<v-card class="elevation-5 transparent">
<v-card-text class="text-center">
<v-icon x-large color="secondary">fa-heart </v-icon>
</v-card-text>
<v-card-title primary-title class="layout justify-center">
<div class="headline">Warehouses</div>
</v-card-title>
<v-card-text>
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
tincidunt ornare. Pellentesque habitant morbi tristique senectus et
netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
</v-card-text>
</v-card>
</v-col>
</v-container>
</template>
<script>
export default {
data: () => ({})
};
</script>
<style></style>

285
ayanova/src/components/testinventorywidgetlist.vue
View File

@@ -1,285 +0,0 @@
<template>
<v-container>
<div v-if="this.formState.ready">
<v-col cols="12" mt-1 mb-2 v-if="formState.errorBoxMessage">
<v-alert
ref="errorbox"
v-show="formState.errorBoxMessage"
color="error"
icon="fa-exclamation-circle "
transition="scale-transition"
class="multi-line"
outlined
>{{ formState.errorBoxMessage }}</v-alert
>
</v-col>
<v-col cols="12">
<div class="elevation-5" v-if="this.formState.ready">
<v-toolbar flat>
<v-toolbar-title>
<v-icon large color="primary">fa-splotch</v-icon>
<span class="hidden-sm-and-down">{{ lt("WidgetList") }}</span>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="this.rights.change" icon @click="newItem()">
<v-icon>fa-plus-circle</v-icon>
</v-btn>
<v-btn icon @click="filterMe()">
<v-icon>fa-filter</v-icon>
</v-btn>
<v-btn icon @click="getDataFromApi()">
<v-icon>fa-sync</v-icon>
</v-btn>
<v-btn icon>
<v-icon>fa-ellipsis-v</v-icon>
</v-btn>
</v-toolbar>
<v-data-table
v-model="selected"
:headers="headers"
:items="Items"
item-key="id"
:options.sync="localFormSettings.pagination"
:server-items-length="totalItems"
:loading="loading"
show-select
class="elevation-1"
:footer-props="{
itemsPerPageOptions: rowsPerPageItems,
itemsPerPageText: lt('RowsPerPage')
}"
>
<template slot="item" slot-scope="props">
<tr>
<td>
<v-checkbox
v-model="props.selected"
primary
hide-details
></v-checkbox>
</td>
<td class="text-xs-left" @click="editItem(props.item)">
{{ props.item.name }}
</td>
<td class="text-xs-left" @click="editItem(props.item)">
{{ props.item.serial }}
</td>
<td class="text-xs-left" @click="editItem(props.item)">
{{ props.item.dollarAmount | currency }}
</td>
<td class="text-xs-left" @click="editItem(props.item)">
{{ props.item.active | boolastext }}
</td>
<td class="text-xs-left" @click="editItem(props.item)">
{{ props.item.roles }}
</td>
<td class="text-xs-left" @click="editItem(props.item)">
{{ props.item.startDate | shortdatelocalized }}
</td>
<td class="text-xs-left" @click="editItem(props.item)">
{{ props.item.endDate | shortdatelocalized }}
</td>
</tr>
</template>
</v-data-table>
</div>
</v-col>
</div>
</v-container>
</template>
<script>
/* Xeslint-disable */
const FORM_KEY = "inventorywidgetlist";
export default {
beforeCreate() {
var that = this;
window.$gz.locale
.fetch([
"Widget",
"WidgetList",
"WidgetName",
"WidgetSerial",
"WidgetDollarAmount",
"Active",
"WidgetRoles",
"WidgetStartDate",
"WidgetEndDate",
"WidgetNotes",
"RowsPerPage"
])
.then(() => {
window.$gz._.forEach(that.headers, function setHeaderLocalizedText(
header
) {
header.text = window.$gz.locale.get(header.text);
});
})
.then(() => {
//don't have access to local data object until here
that.rights = window.$gz.role.getRights(window.$gz.type.Widget);
var formSettings = window.$gz.form.getFormSettings(FORM_KEY);
/**
* {
temp: { page: that.localFormSettings.pagination.page },
saved: {
rowsPerPage: that.localFormSettings.pagination.rowsPerPage,
sortBy: that.localFormSettings.pagination.sortBy,
descending: that.localFormSettings.pagination.descending
}
}
//NEW VUETIFY 2.x options object
source code is looking for these props
this.options.sortBy
this.options.sortDesc[sortIndex]
this.options.multiSort
Actual in inspector browser code:
{"page":2,"itemsPerPage":99,"sortBy":["serial"],"sortDesc":[true],"groupBy":[],"groupDesc":[],"mustSort":false,"multiSort":false,"rowsPerPage":5,"descending":false}
*/
//set default values for form settings if they are not present yet
if (!formSettings.saved || !formSettings.saved.itemsPerPage) {
that.localFormSettings = {
pagination: {}
};
} else {
that.localFormSettings.pagination = {
itemsPerPage: formSettings.saved.itemsPerPage,
sortBy: [formSettings.saved.sortBy],
descending: formSettings.saved.descending
};
if (formSettings.temp && formSettings.temp.page) {
that.localFormSettings.pagination.page = formSettings.temp.page;
}
}
that.formState.ready = true;
})
.catch(err => {
that.formState.ready = true; //show the form anyway so we know what's what
window.$gz.errorHandler.handleFormError(err);
});
},
data() {
return {
formState: {
ready: false,
loading: true,
errorBoxMessage: null,
appError: null,
serverError: {}
},
rights: window.$gz.role.defaultRightsObject(),
totalItems: 0,
Items: [],
loading: true,
localFormSettings: {
pagination: {}
},
selected: [],
rowsPerPageItems: [5, 10, 25, 99],
rowsPerPageText: "blah per blah",
headers: [
{
text: "WidgetName",
value: "name"
},
{ text: "WidgetSerial", value: "serial" },
{
text: "WidgetDollarAmount",
value: "dollarAmount"
},
{ text: "Active", value: "active" },
{ text: "WidgetRoles", value: "roles" },
{ text: "WidgetStartDate", value: "startDate" },
{ text: "WidgetEndDate", value: "endDate" }
]
};
},
watch: {
"localFormSettings.pagination": {
handler() {
this.getDataFromApi();
},
deep: true
}
},
methods: {
lt(ltKey) {
return window.$gz.locale.get(ltKey);
},
newItem() {
this.$router.push({
name: "inventory-widget-edit",
params: { id: 0 }
});
},
filterMe() {
window.$gz.eventBus.$emit(
"notify-info",
"inventoryWidgetList::filterMe -> STUB (selected items count=" +
this.selected.length +
")"
);
//console.log(this.selected);
},
getDataFromApi() {
//debugger;
var that = this;
var listOptions = {
offset: 0,
limit: 5,
sort: "name",
asc: true
};
if (
this.localFormSettings.pagination.itemsPerPage &&
this.localFormSettings.pagination.itemsPerPage > 0
) {
listOptions.offset =
(this.localFormSettings.pagination.page - 1) *
this.localFormSettings.pagination.itemsPerPage;
listOptions.limit = this.localFormSettings.pagination.itemsPerPage;
}
listOptions.sort = this.localFormSettings.pagination.sortBy;
listOptions.asc = !this.localFormSettings.pagination.descending;
//set the list settings in the store since we were successful at retrieval
if (
that.localFormSettings &&
that.localFormSettings.pagination &&
that.localFormSettings.pagination.itemsPerPage
) {
window.$gz.form.setFormSettings(FORM_KEY, {
temp: { page: that.localFormSettings.pagination.page },
saved: {
itemsPerPage: that.localFormSettings.pagination.itemsPerPage,
sortBy: that.localFormSettings.pagination.sortBy,
descending: that.localFormSettings.pagination.descending
}
});
}
this.loading = true;
var listUrl =
"Widget/ListWidgets?" + window.$gz.api.buildQuery(listOptions);
window.$gz.api.get(listUrl).then(res => {
that.loading = false;
that.Items = res.data;
that.totalItems = res.paging.count;
});
},
editItem(item) {
this.$router.push({
name: "inventory-widget-edit",
params: { id: item.id }
});
}
}
};
</script>

87
ayanova/src/views/test-inventory.vue
View File

@@ -1,87 +0,0 @@
<template>
<v-row v-if="this.formState.ready">
<v-col col="12" mt-1 mb-2 v-if="formState.errorBoxMessage">
<v-alert
ref="errorbox"
v-show="formState.errorBoxMessage"
color="error"
icon="fa-exclamation-circle "
transition="scale-transition"
class="multi-line"
outlined
>{{ formState.errorBoxMessage }}</v-alert
>
</v-col>
<WidgetList />
<!-- <WarehouseTop />
<POTop />
<PartTop />
<PartAssemblyTop />
<v-container>
<v-col cols="12" md4>
<v-card class="elevation-0 transparent">
<v-card-text class="text-center">
<v-icon x-large color="accent">fa-lightbulb</v-icon>
</v-card-text>
<v-card-title primary-title class="layout justify-center">
<div class="headline text-center">Material Design</div>
</v-card-title>
<v-card-text>
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
tincidunt ornare. Pellentesque habitant morbi tristique senectus et
netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
</v-card-text>
</v-card>
</v-col>
</v-container> -->
</v-row>
</template>
<script>
/* Xeslint-disable */
import WidgetList from "../components/testinventorywidgetlist";
// import WarehouseTop from "../components/inventorywarehousetop";
// import POTop from "../components/inventorypotop";
// import PartTop from "../components/inventoryparttop";
// import PartAssemblyTop from "../components/inventorypartassemblytop";
export default {
beforeCreate() {
window.$gz.locale
.fetch(["Inventory"])
.then(() => (this.formState.ready = true))
.catch(err => {
this.formState.ready = true;
window.$gz.errorHandler.handleFormError(err);
});
},
created() {
// debugger;
window.$gz.eventBus.$emit("menu-change", {
isMain: true,
icon: "fa-dolly",
title: window.$gz.locale.get("Inventory"),
helpUrl: "form-widget"
});
},
components: {
WidgetList
// WarehouseTop,
// POTop,
// PartTop,
// PartAssemblyTop
},
data() {
return {
formState: {
ready: false,
loading: true,
errorBoxMessage: null,
appError: null,
serverError: {}
}
};
}
};
</script>