Selector/Selector.Web/Pages/Past.cshtml

45 lines
1.8 KiB
Plaintext
Raw Normal View History

2022-10-10 11:44:47 +01:00
@page
@model PastModel
@{
ViewData["Title"] = "Past - Selector";
}
<div class="text-center">
<h1 class="display-4">Past</h1>
<div id="pastapp" class="app col-12">
<div class="card" style="width: 100%">
<div>
<input v-model="track" class="form-input form-control" placeholder="Track" />
<input v-model="album" class="form-input form-control" placeholder="Album" />
<input v-model="artist" class="form-input form-control" placeholder="Artist" />
</div>
<div>
<label for="from-picker">From</label>
<input type="date" v-model="from" class="form-input form-control" id="from-picker" />
<label for="to-picker">To</label>
<input type="date" v-model="to" class="form-input form-control" id="to-picker" />
</div>
<div>
<button type="button" v-on:click="submit" class="btn btn-primary">Submit</button>
</div>
</div>
2022-10-10 22:29:47 +01:00
<count-card :count="totalCount"></count-card>
<play-count-chart-card :data_points="resampledSeries"
:title="'Time Series'"
:chart_id="'time_series'"
:colour="'#ffffff'"
v-if="resampledSeries.length > 0"></play-count-chart-card>
2022-10-10 11:44:47 +01:00
<div style="width: 100%">
2022-10-10 22:29:47 +01:00
<rank-card :title="'Track'" :entries="trackEntries" v-if="trackEntries.length > 1"></rank-card>
<rank-card :title="'Album'" :entries="albumEntries" v-if="albumEntries.length > 1"></rank-card>
<rank-card :title="'Artist'" :entries="artistEntries" v-if="artistEntries.length > 1"></rank-card>
2022-10-10 11:44:47 +01:00
</div>
</div>
</div>
@section Scripts {
<script type="module" src="~/js/past.bundle.js"></script>
}