diff options
| author | Aya Morisawa <AyaMorisawa4869@gmail.com> | 2018-12-06 10:21:41 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2018-12-06 10:21:41 +0900 |
| commit | 58b3be438a927e684cfe74b98871847152f905b5 (patch) | |
| tree | 03c86e182c2021d2c6b281b867f9647d4dd710c8 /src/client/app/common | |
| parent | Emoji support in profile (#3514) (diff) | |
| download | misskey-58b3be438a927e684cfe74b98871847152f905b5.tar.gz misskey-58b3be438a927e684cfe74b98871847152f905b5.tar.bz2 misskey-58b3be438a927e684cfe74b98871847152f905b5.zip | |
Resolve #1872 (#3516)
Diffstat (limited to 'src/client/app/common')
| -rw-r--r-- | src/client/app/common/views/components/games/reversi/reversi.game.vue | 19 |
1 files changed, 16 insertions, 3 deletions
diff --git a/src/client/app/common/views/components/games/reversi/reversi.game.vue b/src/client/app/common/views/components/games/reversi/reversi.game.vue index 927337f013..758d02af34 100644 --- a/src/client/app/common/views/components/games/reversi/reversi.game.vue +++ b/src/client/app/common/views/components/games/reversi/reversi.game.vue @@ -30,8 +30,14 @@ :class="{ empty: stone == null, none: o.map[i] == 'null', isEnded: game.isEnded, myTurn: !game.isEnded && isMyTurn, can: turnUser ? o.canPut(turnUser.id == blackUser.id, i) : null, prev: o.prevPos == i }" @click="set(i)" :title="`${String.fromCharCode(65 + o.transformPosToXy(i)[0])}${o.transformPosToXy(i)[1] + 1}`"> - <img v-if="stone === true" :src="blackUser.avatarUrl" alt="black" :class="{ contrast: $store.state.settings.games.reversi.useContrastStones }"> - <img v-if="stone === false" :src="whiteUser.avatarUrl" alt="white" :class="{ contrast: $store.state.settings.games.reversi.useContrastStones }"> + <template v-if="!$store.state.settings.games.reversi.useWhiteBlackStones"> + <img v-if="stone === true" :src="blackUser.avatarUrl" alt="black" :class="{ contrast: $store.state.settings.games.reversi.useContrastStones }"> + <img v-if="stone === false" :src="whiteUser.avatarUrl" alt="white" :class="{ contrast: $store.state.settings.games.reversi.useContrastStones }"> + </template> + <template v-if="$store.state.settings.games.reversi.useWhiteBlackStones"> + <fa v-if="stone === true" :icon="fasCircle"/> + <fa v-if="stone === false" :icon="farCircle"/> + </template> </div> </div> <div class="labels-y" v-if="this.$store.state.settings.games.reversi.showBoardLabels"> @@ -74,6 +80,8 @@ import * as CRC32 from 'crc-32'; import Reversi, { Color } from '../../../../../../../games/reversi/core'; import { url } from '../../../../../config'; import { faAngleDoubleLeft, faAngleLeft, faAngleRight, faAngleDoubleRight } from '@fortawesome/free-solid-svg-icons'; +import { faCircle as fasCircle } from '@fortawesome/free-solid-svg-icons'; +import { faCircle as farCircle } from '@fortawesome/free-regular-svg-icons'; export default Vue.extend({ i18n: i18n('common/views/components/games/reversi/reversi.game.vue'), @@ -99,7 +107,7 @@ export default Vue.extend({ logs: [], logPos: 0, pollingClock: null, - faAngleDoubleLeft, faAngleLeft, faAngleRight, faAngleDoubleRight + faAngleDoubleLeft, faAngleLeft, faAngleRight, faAngleDoubleRight, fasCircle, farCircle }; }, @@ -412,6 +420,11 @@ export default Vue.extend({ &.none border-color transparent !important + > svg + display block + width 100% + height 100% + > img display block width 100% |