neviyn/ObservationDatabase
1
0
Fork 0
Code Issues Pull Requests Releases 1 Wiki Activity

Added quick time period selection buttons.

Browse Source
This commit is contained in:
neviyn 2018-12-19 10:32:10 +00:00
parent 28d75df455
commit 892128a4be
1 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/views/Stats.vue
View File

@ -13,9 +13,23 @@
</button> </button>
</div> </div>
</b-modal> </b-modal>
<b-row> <b-row class="pb-2">
<b-col><b-button @click="chartMode = 0; getFilteredAverage()">Trends</b-button></b-col> <b-col>
<b-col><b-button @click="chartMode = 1; getFilteredAverage()">AFIs</b-button></b-col> <b-button-group size="sm">
<b-button variant="dark">Select Chart:</b-button>
<b-button variant="outline-primary" @click="chartMode = 0; getFilteredAverage()">Trends</b-button>
<b-button variant="outline-primary" @click="chartMode = 1; getFilteredAverage()">AFIs</b-button>
</b-button-group>
</b-col>
<b-col>
<b-button-group size="sm">
<b-button variant="dark">Quick Interval:</b-button>
<b-button variant="outline-primary" v-on:click="setInterval(1, 'w'); getFilteredAverage()">1 Week</b-button>
<b-button variant="outline-primary" v-on:click="setInterval(1, 'M'); getFilteredAverage()">1 Month</b-button>
<b-button variant="outline-primary" v-on:click="setInterval(3, 'M'); getFilteredAverage()">3 Months</b-button>
<b-button variant="outline-primary" v-on:click="setInterval(1, 'y'); getFilteredAverage()">1 Year</b-button>
</b-button-group>
</b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col> <b-col>
@ -228,6 +242,10 @@ export default {
}, },
changeEndDate: function(e) { changeEndDate: function(e) {
this.endDate = e.date; this.endDate = e.date;
},
setInterval: function(amount, timeType){
this.endDate = moment();
this.startDate = moment().subtract(amount, timeType);
} }
}, },
watch: { watch: {