2021-03-05 12:51:41 +13:00
|
|
|
<template>
|
|
|
|
|
|
|
|
<q-dialog
|
|
|
|
v-model="dialogModel"
|
|
|
|
@hide="triggerDialogClose"
|
|
|
|
>
|
|
|
|
<q-card
|
|
|
|
class="aboutDialog"
|
|
|
|
dark
|
|
|
|
>
|
|
|
|
<q-card-section>
|
2021-03-19 14:54:44 +13:00
|
|
|
<h6 class="text-center q-mt-lg q-mb-sm">About Fantasia Archive</h6>
|
2021-03-05 12:51:41 +13:00
|
|
|
</q-card-section>
|
|
|
|
|
|
|
|
<q-card-section>
|
|
|
|
<div>
|
|
|
|
Currently running Fantasia Archive version: <span class="text-bold text-primary">{{appVersion}}</span>
|
|
|
|
</div>
|
|
|
|
</q-card-section>
|
|
|
|
|
2021-03-19 14:54:44 +13:00
|
|
|
<q-separator color="primary" horizonatal dark class="q-my-lg q-mx-auto" style="opacity: 0.5; width: 400px;" />
|
|
|
|
|
|
|
|
<q-card-section>
|
|
|
|
<div class="col-12 q-mb-lg">
|
|
|
|
<div class="discordButton" @click="openDiscordInviteLink">
|
|
|
|
Join our Discord!
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-12 q-mt-sm">
|
|
|
|
<div class="patreonButton" @click="openPatreonLink">
|
|
|
|
Support Fantasia Archive on Patreon!
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</q-card-section>
|
|
|
|
|
2021-03-05 12:51:41 +13:00
|
|
|
<q-card-actions align="around" class="q-mb-lg q-mt-md">
|
|
|
|
<q-btn flat label="Close" color="accent" v-close-popup />
|
|
|
|
</q-card-actions>
|
|
|
|
</q-card>
|
|
|
|
</q-dialog>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
|
|
|
|
import { Component, Watch } from "vue-property-decorator"
|
2021-03-19 14:54:44 +13:00
|
|
|
import { shell, remote } from "electron"
|
2021-03-05 12:51:41 +13:00
|
|
|
|
|
|
|
import DialogBase from "src/components/dialogs/_DialogBase"
|
|
|
|
@Component({
|
|
|
|
components: { }
|
|
|
|
})
|
|
|
|
export default class AboutApp extends DialogBase {
|
2021-04-03 12:33:49 +13:00
|
|
|
/**
|
|
|
|
* React to dialog opening request
|
|
|
|
*/
|
2021-03-05 12:51:41 +13:00
|
|
|
@Watch("dialogTrigger")
|
|
|
|
openDialog (val: string|false) {
|
|
|
|
if (val) {
|
|
|
|
if (this.SGET_getDialogsState) {
|
|
|
|
return
|
|
|
|
}
|
|
|
|
this.SSET_setDialogState(true)
|
|
|
|
this.dialogModel = true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-04-03 12:33:49 +13:00
|
|
|
/**
|
|
|
|
* Current app version
|
|
|
|
* NOTE: Show Electon version in DEV mode instead of NPM package version
|
|
|
|
*/
|
2021-03-06 08:54:03 +13:00
|
|
|
appVersion = remote.app.getVersion()
|
2021-03-19 14:54:44 +13:00
|
|
|
|
2021-04-03 12:33:49 +13:00
|
|
|
/**
|
|
|
|
* Opens Discord link via browser
|
|
|
|
*/
|
2021-03-19 14:54:44 +13:00
|
|
|
openDiscordInviteLink () {
|
|
|
|
shell.openExternal("https://discord.gg/JQDBvsN9Te").catch(e => console.log(e))
|
|
|
|
}
|
|
|
|
|
2021-04-03 12:33:49 +13:00
|
|
|
/**
|
|
|
|
* Opens Patreon link via browser
|
|
|
|
*/
|
2021-03-19 14:54:44 +13:00
|
|
|
openPatreonLink () {
|
|
|
|
shell.openExternal("https://www.patreon.com/elvanos").catch(e => console.log(e))
|
|
|
|
}
|
2021-03-05 12:51:41 +13:00
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
.aboutDialog {
|
|
|
|
text-align: center;
|
|
|
|
width: 500px;
|
|
|
|
|
|
|
|
h6 {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|