This commit is contained in:
281
ayanova/src/components/report-control.vue
Normal file
281
ayanova/src/components/report-control.vue
Normal file
@@ -0,0 +1,281 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-overlay :value="rendering" z-index="999">
|
||||
<v-progress-circular indeterminate size="64"></v-progress-circular>
|
||||
</v-overlay>
|
||||
<v-row justify="center">
|
||||
<v-dialog
|
||||
scrollable
|
||||
max-width="600px"
|
||||
v-model="isVisible"
|
||||
@keydown.esc="cancel"
|
||||
data-cy="reportselector"
|
||||
>
|
||||
<v-card elevation="24">
|
||||
<v-card-title class="text-h5 lighten-2" primary-title>
|
||||
<span> {{ $ay.t("Report") }} </span>
|
||||
</v-card-title>
|
||||
|
||||
<v-card-text style="height: 500px;">
|
||||
<v-list>
|
||||
<v-list-item
|
||||
v-for="item in reportList"
|
||||
:key="item.id"
|
||||
@click="renderReport(item.id, item.name)"
|
||||
>
|
||||
<v-list-item-title>{{ item.name }}</v-list-item-title>
|
||||
<v-list-item-action class="d-none d-sm-flex">
|
||||
<v-btn icon @click.stop="editReport(item.id)">
|
||||
<v-icon color="primary">$ayiEdit</v-icon>
|
||||
</v-btn>
|
||||
</v-list-item-action>
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
</v-card-text>
|
||||
|
||||
<v-divider></v-divider>
|
||||
|
||||
<v-card-actions>
|
||||
<v-btn
|
||||
v-if="rights.change"
|
||||
color="primary"
|
||||
text
|
||||
@click.native="newReport"
|
||||
data-cy="reportselector:ok"
|
||||
class="d-none d-sm-flex"
|
||||
>{{ $ay.t("New") }}</v-btn
|
||||
>
|
||||
<v-spacer v-if="!$vuetify.breakpoint.xs"></v-spacer>
|
||||
<v-btn
|
||||
color="primary"
|
||||
text
|
||||
@click.native="cancel"
|
||||
data-cy="reportselector:cancel"
|
||||
>{{ $ay.t("Cancel") }}</v-btn
|
||||
>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</v-row>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data: () => ({
|
||||
rights: window.$gz.role.getRights(window.$gz.type.Report),
|
||||
reportDataOptions: {},
|
||||
isVisible: false,
|
||||
resolve: null,
|
||||
reject: null,
|
||||
options: {
|
||||
width: 290,
|
||||
zIndex: 200
|
||||
},
|
||||
reportList: [],
|
||||
selectedReport: null,
|
||||
rendering: false,
|
||||
jobActive: false,
|
||||
preSelectReportId: null
|
||||
}),
|
||||
methods: {
|
||||
editReport(reportid) {
|
||||
this.isVisible = false;
|
||||
this.resolve(null);
|
||||
this.$router.push({
|
||||
name: "ay-report-edit",
|
||||
params: {
|
||||
recordid: reportid,
|
||||
reportDataOptions: this.reportDataOptions
|
||||
}
|
||||
});
|
||||
},
|
||||
async immediateRenderReport(reportId, reportName) {
|
||||
if (this.$route.params.recordid == 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
const reportDataOptions = this.reportDataOptions;
|
||||
if (!reportDataOptions) {
|
||||
this.reject("Missing report data unable to render report");
|
||||
}
|
||||
reportDataOptions.ReportId = reportId;
|
||||
//Meta data from client for use by report script
|
||||
reportDataOptions.ClientMeta = window.$gz.api.reportClientMetaData();
|
||||
this.rendering = true;
|
||||
|
||||
const res = await window.$gz.api.upsert(
|
||||
"report/render",
|
||||
reportDataOptions
|
||||
);
|
||||
this.rendering = false;
|
||||
|
||||
if (res.error) {
|
||||
this.reject(res);
|
||||
} else {
|
||||
//special handling for timeout response at the server
|
||||
if (res.data && res.data.timeout) {
|
||||
await window.$gz.dialog.displayNoTranslationModalNotificationMessage(
|
||||
window.$gz.translation
|
||||
.get("ReportRenderTimeOut")
|
||||
.replace("{0}", res.data.timeoutconfigminutes),
|
||||
null,
|
||||
"error",
|
||||
`${this.$store.state.helpUrl}/ay-report-timeout`
|
||||
);
|
||||
} else {
|
||||
//all ok show report
|
||||
const reportUrl = window.$gz.api.reportDownloadUrl(res.data);
|
||||
if (window.open(reportUrl, "Report") == null) {
|
||||
this.reject(
|
||||
"Problem displaying report in new window. Browser must allow pop-ups to view reports; check your browser setting"
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.isVisible = false;
|
||||
if (reportName != null) {
|
||||
this.resolve({ name: reportName, id: reportId });
|
||||
} else {
|
||||
this.resolve(null);
|
||||
}
|
||||
},
|
||||
async renderReport(reportId, reportName) {
|
||||
if (this.$route.params.recordid == 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
const reportDataOptions = this.reportDataOptions;
|
||||
if (!reportDataOptions) {
|
||||
this.reject("Missing report data unable to render report");
|
||||
}
|
||||
reportDataOptions.ReportId = reportId;
|
||||
//Meta data from client for use by report script
|
||||
reportDataOptions.ClientMeta = window.$gz.api.reportClientMetaData();
|
||||
this.rendering = true;
|
||||
var reportUrl = null;
|
||||
try {
|
||||
let jobId = await window.$gz.api.upsert(
|
||||
"report/render-job",
|
||||
reportDataOptions
|
||||
);
|
||||
if (jobId.error) {
|
||||
throw new Error(window.$gz.errorHandler.errorToString(jobId, this));
|
||||
}
|
||||
jobId = jobId.jobId;
|
||||
this.jobActive = true;
|
||||
|
||||
let jobStatus = 1;
|
||||
while (this.jobActive == true) {
|
||||
await window.$gz.util.sleepAsync(500);
|
||||
jobStatus = await window.$gz.api.get(
|
||||
`job-operations/status/${jobId}`
|
||||
);
|
||||
if (jobStatus.error) {
|
||||
throw new Error(
|
||||
window.$gz.errorHandler.errorToString(jobStatus, this)
|
||||
);
|
||||
}
|
||||
jobStatus = jobStatus.data;
|
||||
if (jobStatus == 4 || jobStatus == 0) {
|
||||
throw new Error("Job failed");
|
||||
}
|
||||
if (jobStatus == 3) {
|
||||
this.rendering = false;
|
||||
//success, get the report url name
|
||||
const jobLogRes = await window.$gz.api.get(
|
||||
`job-operations/logs/${jobId}`
|
||||
);
|
||||
//console.log(jobLogRes);
|
||||
//todo:look for reportfilename property in job log here and then put in reportUrl
|
||||
//debugger;
|
||||
if (Array.isArray(jobLogRes.data)) {
|
||||
//walk the array backwards as it's probably the final entry in the log
|
||||
for (var i = jobLogRes.data.length - 1; i >= 0; i--) {
|
||||
var v = jobLogRes.data[i].statusText;
|
||||
//console.log("value type is:", typeof v);
|
||||
if (v.includes("reportfilename")) {
|
||||
console.log("Parsing:", v);
|
||||
const o = JSON.parse(v);
|
||||
reportUrl = window.$gz.api.reportDownloadUrl(
|
||||
o.reportfilename
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.jobActive = false;
|
||||
}
|
||||
}
|
||||
//job ran to completion, get the report file name and fetch it
|
||||
if (reportUrl) {
|
||||
if (window.open(reportUrl, "Report") == null) {
|
||||
this.reject(
|
||||
"Problem displaying report in new window. Browser must allow pop-ups to view reports; check your browser setting"
|
||||
);
|
||||
}
|
||||
}
|
||||
this.rendering = false;
|
||||
this.isVisible = false;
|
||||
if (reportName != null) {
|
||||
this.resolve({ name: reportName, id: reportId });
|
||||
} else {
|
||||
this.resolve(null);
|
||||
}
|
||||
} catch (error) {
|
||||
this.rendering = false;
|
||||
this.jobActive = false;
|
||||
this.reject(error);
|
||||
//window.$gz.errorHandler.handleFormError(error, this);
|
||||
//window.$gz.eventBus.$emit("notify-error", this.$ay.t("JobFailed"));
|
||||
}
|
||||
},
|
||||
async open(reportDataOptions, preSelectReportId) {
|
||||
const vm = this;
|
||||
if (reportDataOptions == null) {
|
||||
throw new Error("report-selector:Open missing reportDataOptions");
|
||||
}
|
||||
if (reportDataOptions.AType == null) {
|
||||
throw new Error("report-selector:Open - AType is missing or empty");
|
||||
}
|
||||
|
||||
this.reportDataOptions = reportDataOptions;
|
||||
this.preSelectReportId = preSelectReportId;
|
||||
if (!preSelectReportId) {
|
||||
//get report list from server
|
||||
const res = await window.$gz.api.get(
|
||||
`report/list/${reportDataOptions.AType}`
|
||||
);
|
||||
if (res.error) {
|
||||
// throw new Error(res.error);
|
||||
throw new Error(window.$gz.errorHandler.errorToString(res, vm));
|
||||
} else {
|
||||
this.reportList = res.data;
|
||||
}
|
||||
this.isVisible = true;
|
||||
} else {
|
||||
this.renderReport(this.preSelectReportId);
|
||||
}
|
||||
return new Promise((resolve, reject) => {
|
||||
this.resolve = resolve;
|
||||
this.reject = reject;
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.isVisible = false;
|
||||
this.resolve(null);
|
||||
},
|
||||
newReport() {
|
||||
this.isVisible = false;
|
||||
this.resolve(null);
|
||||
this.$router.push({
|
||||
name: "ay-report-edit",
|
||||
params: {
|
||||
recordid: 0,
|
||||
reportDataOptions: this.reportDataOptions
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user