@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" v-on:keyup.enter="submit" /> <input v-model="album" class="form-input form-control" placeholder="Album" v-on:keyup.enter="submit" /> <input v-model="artist" class="form-input form-control" placeholder="Artist" v-on:keyup.enter="submit" /> </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> <count-card :count="totalCount"></count-card> <play-count-chart-card :data_points="resampledSeries" :chart_id="'time_series'" :colour="'#ffffff'" v-if="resampledSeries.length > 0"></play-count-chart-card> <div style="width: 100%"> <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> </div> <album-chart-card :data_points="mutatedAlbums" :chart_id="'past'" :colour="'#ffffff'" v-if="albumEntries.length > 1"></album-chart-card> </div> </div> @section Scripts { <script type="module" src="~/js/past.bundle.js"></script> }