Oups, forgot the back Button...

This commit is contained in:
Kylart 2016-12-03 23:17:01 +09:00
parent fc723df9aa
commit d3bed2b381
3 changed files with 22 additions and 12 deletions

View File

@ -154,6 +154,13 @@ body
padding-left: 0;
}
#back-button
{
position: absolute;
right: 2%;
top: 2%;
}
#info-picture
{
margin-left: 0;

View File

@ -83,6 +83,9 @@
<div class="loader-gif" ></div>
</div>
<div id="info-container" v-if="show" v-bind:style="{ display: display }">
<button @click="backToMain()" id="back-button" class="mdl-button mdl-js-button mdl-button--raised">
Back
</button>
<div class="mdl-grid">
<div id="info-picture"
class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet">
@ -92,7 +95,7 @@
<div id="info-title">
<h5>{{ infos.title }} [{{ infos.type }}]</h5>
</div>
<div @click="test()" id="synopsis-container">
<div id="synopsis-container">
<pre>{{ infos.synopsis }}</pre>
</div>
</div>

View File

@ -139,16 +139,16 @@ function startTorrent (file_url, name) {
function makeResearchOnMal (name) {
mal.fromName(name).then(anime => {
info.infos.title = anime.title //
info.infos.japTitle = anime.japaneseTitle //
info.infos.image = anime.image //
info.infos.synopsis = anime.synopsis //
info.infos.episodes = anime.episodes //
info.infos.studios = anime.studios //
info.infos.stats = anime.statistics //
info.infos.genres = anime.genres //
info.infos.type = anime.type.split(' ').slice(0, 3).join(' ') //
info.infos.characters = anime.characters //
info.infos.title = anime.title
info.infos.japTitle = anime.japaneseTitle
info.infos.image = anime.image
info.infos.synopsis = anime.synopsis
info.infos.episodes = anime.episodes
info.infos.studios = anime.studios
info.infos.stats = anime.statistics
info.infos.genres = anime.genres
info.infos.type = anime.type.split(' ').slice(0, 3).join(' ')
info.infos.characters = anime.characters
info.infos.staff = anime.staff
releases.show = false
@ -229,7 +229,7 @@ let info = new Vue({
hide: function () {
this.show = false
},
test: function () {
backToMain: function () {
this.hide()
releases.show = true
}