diff --git a/src/web/app/common/views/components/othello.room.vue b/src/web/app/common/views/components/othello.room.vue index 60fdb32a45..49f199f72a 100644 --- a/src/web/app/common/views/components/othello.room.vue +++ b/src/web/app/common/views/components/othello.room.vue @@ -24,6 +24,11 @@ <div class="rules"> <mk-switch v-model="game.settings.is_llotheo" @change="onIsLlotheoChange" text="石の少ない方が勝ち(ロセオ)"/> + <div> + <el-radio v-model="game.settings.bw" label="random" @change="onBwChange">ランダム</el-radio> + <el-radio v-model="game.settings.bw" :label="1" @change="onBwChange">{{ game.user1.name }}が先行</el-radio> + <el-radio v-model="game.settings.bw" :label="2" @change="onBwChange">{{ game.user2.name }}が先行</el-radio> + </div> </div> <footer> @@ -129,6 +134,14 @@ export default Vue.extend({ settings: this.game.settings }); this.$forceUpdate(); + }, + + onBwChange(v) { + this.connection.send({ + type: 'update-settings', + settings: this.game.settings + }); + this.$forceUpdate(); } } });