v-dialog(width='800', v-model='$store.state.info.show', persistent, lazy, absolute)
v-card
v-card-title.headline Result for «{{ searchTerm }}»
v-card-text
h4(v-if='error') {{ error }}
div(v-else-if='loading')
h5.loading-text.white--text Gathering data...
h5.loading-text.white--text Info should be displayed in a few seconds
v-card.secondary.pb-3(v-else)
v-layout(row, wrap)
v-flex.flex-v-centered.pl-3(xs2)
v-menu(bottom, transition="slide-y-transition")
v-btn(flat, slot="activator")
v-icon(left) add_box
| Add to
v-list
v-list-tile(v-for="list in lists", :key="list.text", @click="addTo(list.listName)")
v-list-tile-action
v-icon {{ list.action }}
v-list-tile-title {{ list.text }}
v-flex.flex-v-centered(xs7)
v-card-title.info-title
| 「{{ info.alternativeTitles.japanese[0].replace('Japanese: ', '') }}」ー {{ info.type }}
v-flex(xs3)
v-card-title.score-container
p.info-score {{ info.statistics.score.value }}
p.info-score ({{ info.statistics.score.count }} votes)
v-layout.mb-3(row, wrap)
v-flex.info-pic-container(xs3)
img.info-pic(:src='info.image')
v-flex.info-synopsis-container(xs9)
p.info-synopsis {{ info.synopsis }}
v-layout.top-info
v-flex.info-text.pl-2(xs9)
span.genre-title Genres:
span.info-genres {{ info.genres.join(' / ') }}
v-flex.info-text.h-centered(xs3) {{ info.episodes }} {{ episodeLabel }}
v-layout.bottom-info
v-flex.info-text.pl-2(xs5)
span.genre-title Studios:
span.info-genres.pl-4 {{ info.studios.join(' / ') }}
v-flex.info-text(xs4) {{ info.classification }}
v-flex.info-text.h-centered(xs3) {{ info.status }} ({{ info.aired.split(' ')[2] }})
v-card-actions
v-spacer
v-btn.blue--text.darken-1.close-button(flat, @click="$store.commit('showInfo', false)") Thanks!