enrecipes/app/components/About.vue

98 lines
3.1 KiB
Vue
Raw Normal View History

2020-09-15 11:10:16 +00:00
<template>
2020-10-14 19:32:32 +00:00
<Page>
<ActionBar :flat="viewIsScrolled ? false : true">
<!-- Settings Actionbar -->
<GridLayout rows="*" columns="auto, *" class="actionBarContainer">
<Label
class="bx leftAction"
:text="icon.menu"
automationText="Menu"
@tap="showDrawer"
col="0"
/>
<Label class="title orkm" :text="title" col="1" />
</GridLayout>
</ActionBar>
<ScrollView scrollBarIndicatorVisible="false">
<StackLayout class="main-container">
<StackLayout
horizontalAlignment="center"
orientation="horizontal"
class="app-icon-container"
>
<Image src="res://icon" class="app-icon" stretch="fill" />
<Label
text="EnRecipes"
verticalAlignment="center"
class="app-name orkb"
/>
</StackLayout>
<StackLayout orientation="horizontal" class="icon-option">
<Label verticalAlignment="center" class="bx" :text="icon.info" />
<StackLayout>
<Label text="Version" class="option-title" />
<Label text="1.0.0" class="option-info" textWrap="true" />
</StackLayout>
</StackLayout>
<StackLayout
orientation="horizontal"
class="icon-option"
@tap="openURL($event, 'https://github.com/vishnuraghavb/enrecipes')"
>
<Label class="bx" :text="icon.link" />
<Label text="View project on GitHub" class="option-title" />
</StackLayout>
<StackLayout orientation="horizontal" class="icon-option">
<Label class="bx" :text="icon.file" />
<Label text="Licenses" class="option-title" />
</StackLayout>
2020-09-15 11:10:16 +00:00
2020-10-14 19:32:32 +00:00
<StackLayout class="hr m-10"></StackLayout>
2020-09-15 11:10:16 +00:00
2020-10-14 19:32:32 +00:00
<Label text="Author" class="group-header" />
<StackLayout
orientation="horizontal"
class="icon-option"
@tap="openURL($event, 'https://www.vishnuraghav.com')"
>
<Label class="bx" :text="icon.user" />
<Label text="Vishnu Raghav" class="option-title" />
</StackLayout>
<StackLayout
orientation="horizontal"
class="icon-option"
@tap="openURL($event, 'https://github.com/vishnuraghavb')"
>
<Label class="bx" :text="icon.link" />
<Label text="Follow on GitHub" class="option-title" />
</StackLayout>
<StackLayout
orientation="horizontal"
class="icon-option"
@tap="openURL($event, 'https://mastodon.social/@vishnuraghavb')"
>
<Label class="bx" :text="icon.link" />
<Label text="Follow on Mastodon" class="option-title" />
</StackLayout>
</StackLayout>
</ScrollView>
</Page>
2020-09-15 11:10:16 +00:00
</template>
<script>
import * as utils from "tns-core-modules/utils/utils"
2020-10-14 19:32:32 +00:00
import { mapState, mapActions } from "vuex"
2020-09-15 11:10:16 +00:00
export default {
2020-10-14 19:32:32 +00:00
props: ["highlight", "viewIsScrolled", "showDrawer", "title"],
computed: {
...mapState(["icon"]),
2020-09-15 11:10:16 +00:00
},
methods: {
openURL(args, url) {
this.highlight(args)
utils.openUrl(url)
},
},
}
</script>