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