v-dialog(lazy, absolute, width='75%', v-model='$store.state.history.modal')
v-btn(secondary, dark, @click='refresh()', slot='activator')
| History
v-card
v-card-title.headline History
v-divider
v-card-text
v-layout(row, wrap, justify-center)
v-expansion-panel(expand, popout, v-if='Object.keys(history).length')
v-expansion-panel-content.item-container(
ripple, lazy,
v-for='item in Object.keys(history).reverse()',
:key='item'
)
.day(slot='header')
| {{ item }}
v-card
v-card-text.lighten-3.info-container
v-layout(row, wrap)
template(v-for='info in history[item]')
v-flex.pl-1.time.entry(xs2, :class='isDelete(info.type)')
| {{ info.time }}
v-flex.type.entry(xs2, :class='isDelete(info.type)')
| {{ info.type }}
v-flex.ellipsis.text.entry(xs7, :class='isDelete(info.type)')
| {{ info.text }}
v-flex.entry(xs1, :class='isDelete(info.type)')
v-icon.delete-entry(v-ripple='true', @click.stop='clearEntry(info, item)')
| clear
v-flex.empty-history(xs4, v-else) No entry yet, go watch some anime ~
v-divider
v-card-actions(style=' padding-right: 20px;')
v-spacer
v-btn.blue--text.darken-1(
flat,
style='width: 100px;',
@click="$store.commit('history/setModal', false)"
) Close