[Minor] Cleanup UI
This commit is contained in:
parent
72727fbd48
commit
d445854a35
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"name": "strolch-wc-reports",
|
||||
"description": "Strolch WebComponent Reports",
|
||||
"version": "0.2.6",
|
||||
"version": "0.2.7",
|
||||
"authors": [
|
||||
"Robert von Burg"
|
||||
],
|
||||
|
|
|
@ -23,14 +23,12 @@
|
|||
|
||||
paper-material {
|
||||
min-width: 100%;
|
||||
display: inline-flex;
|
||||
background-color: white;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.table {
|
||||
min-width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.table-caption {
|
||||
|
|
|
@ -39,7 +39,6 @@
|
|||
.content {
|
||||
@apply(--layout-vertical);
|
||||
height: calc(100vh - var(--app-header-height) - (2 * var(--app-pages-content-padding)));
|
||||
padding: var(--app-pages-content-padding);
|
||||
}
|
||||
|
||||
.row {
|
||||
|
@ -199,7 +198,6 @@
|
|||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
|
@ -468,7 +466,9 @@
|
|||
|
||||
onToggleShowFacets: function (event) {
|
||||
this.showFacets = !this.showFacets;
|
||||
Strolch.setQueryParamValue("showFacets", this.showFacets);
|
||||
},
|
||||
|
||||
onGetReportResponse: function (event) {
|
||||
// get the response
|
||||
var data = event.detail.response.data;
|
||||
|
@ -484,10 +484,21 @@
|
|||
});
|
||||
|
||||
// directly set this as the available types
|
||||
this.set("reports", data);
|
||||
this.reports = data;
|
||||
|
||||
// see if we should reload a report
|
||||
if (this.reportToLoad != null) {
|
||||
for (var i = 0; i < this.reports.length; i++) {
|
||||
if (this.reports[i].id === this.reportToLoad) {
|
||||
this.selectedReportIndex = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.hideLoadingOverlay();
|
||||
},
|
||||
|
||||
onGetFacetResponse: function (event) {
|
||||
// get the response
|
||||
var response = event.detail.response;
|
||||
|
@ -515,6 +526,7 @@
|
|||
|
||||
this.hideLoadingOverlay();
|
||||
},
|
||||
|
||||
onPostCsvResponse: function (event) {
|
||||
var response = event.detail.response;
|
||||
console.log('Received CSV Result: 8');
|
||||
|
@ -523,6 +535,7 @@
|
|||
|
||||
this.hideLoadingOverlay();
|
||||
},
|
||||
|
||||
onReportSelected: function (event) {
|
||||
|
||||
// clear the previous view
|
||||
|
@ -533,16 +546,20 @@
|
|||
|
||||
// set the new report id
|
||||
this.filtersReady = false;
|
||||
this.set("reportId", this.reports[this.selectedReportIndex].id);
|
||||
let reportId = this.reports[this.selectedReportIndex].id;
|
||||
this.set("reportId", reportId);
|
||||
this.$.ajaxGetFacets.params = {
|
||||
limit: this.facetLimit
|
||||
};
|
||||
this.$.ajaxGetFacets.generateRequest();
|
||||
this.showLoadingOverlay();
|
||||
this.$.ajaxGetFacets.generateRequest();
|
||||
Strolch.setQueryParamValue("reportId", reportId);
|
||||
},
|
||||
|
||||
onSelectionChanged: function (event) {
|
||||
this.updateAllFilters();
|
||||
},
|
||||
|
||||
onExportTapped: function (event) {
|
||||
this.$.ajaxPostCsv.headers = {
|
||||
'Content-Type': 'application/json',
|
||||
|
@ -562,6 +579,7 @@
|
|||
this.$.ajaxPostCsv.generateRequest();
|
||||
this.showLoadingOverlay();
|
||||
},
|
||||
|
||||
onRefreshTapped: function (event) {
|
||||
var table = this.$$("#table");
|
||||
if (table == null) {
|
||||
|
@ -585,6 +603,17 @@
|
|||
/* Private */
|
||||
|
||||
/* Public */
|
||||
attached: function () {
|
||||
|
||||
var reportId = Strolch.getQueryParamValue("reportId");
|
||||
if (reportId != null && reportId !== "") {
|
||||
console.log("Selected ReportId is " + reportId);
|
||||
this.reportToLoad = reportId;
|
||||
}
|
||||
|
||||
this.showFacets = Strolch.getQueryParamValue("showFacets") === "true";
|
||||
},
|
||||
|
||||
updateAllFilters: function () {
|
||||
var allFilters = [];
|
||||
var facets = Polymer.dom(this.root).querySelectorAll("strolch-wc-reports-facet");
|
||||
|
|
Loading…
Reference in New Issue