This commit is contained in:
syuilo 2018-03-15 15:02:15 +09:00
parent 373f5015f9
commit 0ca4c7c332
2 changed files with 14 additions and 8 deletions

View file

@ -12,6 +12,8 @@
"vue/html-indent": false, "vue/html-indent": false,
"vue/html-self-closing": false, "vue/html-self-closing": false,
"vue/no-unused-vars": false, "vue/no-unused-vars": false,
"vue/attributes-order": false,
"vue/require-prop-types": false,
"no-console": 0, "no-console": 0,
"no-unused-vars": 0, "no-unused-vars": 0,
"no-empty": 0 "no-empty": 0

View file

@ -23,14 +23,18 @@
</div> </div>
</div> </div>
<p>:{{ o.blackCount }} :{{ o.whiteCount }} 合計:{{ o.blackCount + o.whiteCount }}</p> <p><b>{{ logPos }}ターン目</b> :{{ o.blackCount }} :{{ o.whiteCount }} 合計:{{ o.blackCount + o.whiteCount }}</p>
<div class="player" v-if="game.is_ended"> <div class="player" v-if="game.is_ended">
<el-button type="primary" @click="logPos = 0" :disabled="logPos == 0">%fa:fast-backward%</el-button> <el-button-group>
<el-button type="primary" @click="logPos--" :disabled="logPos == 0">%fa:backward%</el-button> <el-button type="primary" @click="logPos = 0" :disabled="logPos == 0">%fa:angle-double-left%</el-button>
<el-button type="primary" @click="logPos--" :disabled="logPos == 0">%fa:angle-left%</el-button>
</el-button-group>
<span>{{ logPos }} / {{ logs.length }}</span> <span>{{ logPos }} / {{ logs.length }}</span>
<el-button type="primary" @click="logPos++" :disabled="logPos == logs.length">%fa:forward%</el-button> <el-button-group>
<el-button type="primary" @click="logPos = logs.length" :disabled="logPos == logs.length">%fa:fast-forward%</el-button> <el-button type="primary" @click="logPos++" :disabled="logPos == logs.length">%fa:angle-right%</el-button>
<el-button type="primary" @click="logPos = logs.length" :disabled="logPos == logs.length">%fa:angle-double-right%</el-button>
</el-button-group>
</div> </div>
</div> </div>
</template> </template>
@ -100,7 +104,7 @@ export default Vue.extend({
}); });
this.logs.forEach((log, i) => { this.logs.forEach((log, i) => {
if (i < v) { if (i < v) {
this.o.put(log.color, log.pos, true); this.o.put(log.color, log.pos);
} }
}); });
this.$forceUpdate(); this.$forceUpdate();
@ -117,7 +121,7 @@ export default Vue.extend({
}); });
this.game.logs.forEach(log => { this.game.logs.forEach(log => {
this.o.put(log.color, log.pos, true); this.o.put(log.color, log.pos);
}); });
this.logs = this.game.logs; this.logs = this.game.logs;
@ -306,7 +310,7 @@ export default Vue.extend({
background #ccc background #ccc
> .player > .player
margin-bottom 16px padding-bottom 32px
> span > span
display inline-block display inline-block