summaryrefslogtreecommitdiff
path: root/src/client/app/common/views/widgets/donation.vue
blob: 4ef1557f97c8de1241fca4074ec75ef3d49f0468 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<template>
<div>
	<mk-widget-container :show-header="false">
		<article class="dolfvtibguprpxxhfndqaosjitixjohx">
			<h1><fa icon="heart"/>%i18n:@title%</h1>
			<p v-if="meta">
				{{ '%i18n:@text%'.substr(0, '%i18n:@text%'.indexOf('{')) }}
				<a :href="meta.maintainer.url">{{ meta.maintainer.name }}</a>
				{{ '%i18n:@text%'.substr('%i18n:@text%'.indexOf('}') + 1) }}
			</p>
		</article>
	</mk-widget-container>
</div>
</template>

<script lang="ts">
import define from '../../../common/define-widget';
export default define({
	name: 'donation'
}).extend({
	data() {
		return {
			meta: null
		};
	},
	created() {
		(this as any).os.getMeta().then(meta => {
			this.meta = meta;
		});
	}
});
</script>

<style lang="stylus" scoped>
.dolfvtibguprpxxhfndqaosjitixjohx
	padding 20px
	background var(--donationBg)
	color var(--donationFg)

	> h1
		margin 0 0 5px 0
		font-size 1em

		> [data-icon]
			margin-right 0.25em

	> p
		display block
		z-index 1
		margin 0
		font-size 0.8em

</style>