Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-24 12:13:08 +00:00
Code Issues Projects Releases Packages Wiki Activity

Only show platform settings if a platform is selected

Browse source
This commit is contained in:
Roman Cervantes 2019-07-11 12:50:37 -07:00
parent e6e765c7d3
commit 1ab410f55d
1 changed files with 42 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

82
src/components/Settings/GameBoardSettings.vue
View file

@ -10,49 +10,51 @@
/>
</div>
<div class="settings">
<h3>{{ $t('gameBoard.settings.wallpaper') }}</h3>
<wallpaper-upload />
</div>
<section>
<h3>{{ $t('gameBoard.settings.shareLink') }}</h3>
<div class="links">
<a class="link tiny primary" :href="tweetUrl" target="_blank">
<i class="fab fa-twitter" />
</a>
<a class="link tiny primary reddit" :href="redditUrl" target="_blank">
<i class="fab fa-reddit" />
</a>
<a class="link tiny info" :href="shareUrl" target="_blank">
<i class="fas fa-link" />
</a>
<template v-if="platform">
<div class="settings">
<h3>{{ $t('gameBoard.settings.wallpaper') }}</h3>
<wallpaper-upload />
</div>
</section>
<section>
<h3>{{ $t('gameBoard.settings.dangerZone') }}</h3>
<!-- TODO: move to it's own component -->
<!-- TODO: translate -->
<modal
:action-text="`Delete forever`"
:message="`Your ${platform.name} collection will be deleted forever.`"
:title="`Delete ${platform.name} collection`"
padded
show-close
@action="deletePlatform"
>
<button
class="small accent hollow"
:title="$t('list.delete')"
<section>
<h3>{{ $t('gameBoard.settings.shareLink') }}</h3>
<div class="links">
<a class="link tiny primary" :href="tweetUrl" target="_blank">
<i class="fab fa-twitter" />
</a>
<a class="link tiny primary reddit" :href="redditUrl" target="_blank">
<i class="fab fa-reddit" />
</a>
<a class="link tiny info" :href="shareUrl" target="_blank">
<i class="fas fa-link" />
</a>
</div>
</section>
<section>
<h3>{{ $t('gameBoard.settings.dangerZone') }}</h3>
<!-- TODO: move to it's own component -->
<!-- TODO: translate -->
<modal
:action-text="`Delete forever`"
:message="`Your ${platform.name} collection will be deleted forever.`"
:title="`Delete ${platform.name} collection`"
padded
show-close
@action="deletePlatform"
>
<i class="far fa-trash-alt" />
Delete {{ platform.name }} collection
</button>
</modal>
</section>
<button
class="small accent hollow"
:title="$t('list.delete')"
>
<i class="far fa-trash-alt" />
Delete {{ platform.name }} collection
</button>
</modal>
</section>
</template>
</section>
</template>