82 lines
2.5 KiB
Vue
82 lines
2.5 KiB
Vue
<template>
|
|
<div class="privacy-policy">
|
|
<div v-if="!isDesktop" class="line">
|
|
<div class="line__emoji">🚫🍪</div>
|
|
<div>No cookies!</div>
|
|
</div>
|
|
<div v-if="isDesktop" class="line">
|
|
<div class="line__emoji">🚫🌐</div>
|
|
<div>Everything is offline, except single request GitHub to check for updates on application start.</div>
|
|
</div>
|
|
<div class="line">
|
|
<div class="line__emoji">🚫👀</div>
|
|
<div>No user behavior / IP adress collection!</div>
|
|
</div>
|
|
<div class="line">
|
|
<div class="line__emoji">🤖</div>
|
|
<div>All transparent: Deployed automatically from master branch
|
|
of the <a :href="repositoryUrl" target="_blank">source code</a> with no changes.</div>
|
|
</div>
|
|
<div v-if="!isDesktop" class="line">
|
|
<div class="line__emoji">📈</div>
|
|
<div>Basic <a href="https://aws.amazon.com/cloudfront/reporting/" target="_blank">CDN statistics</a>
|
|
are collected by AWS but they cannot be related to you or your behavior. You can download the offline version if you don't want CDN data collection.</div>
|
|
</div>
|
|
<div class="line">
|
|
<div class="line__emoji">🎉</div>
|
|
<div>As almost no data is colected, the application gets better only with your active feedback.
|
|
Feel free to <a :href="feedbackUrl" target="_blank">create an issue</a> 😊</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component } from 'vue-property-decorator';
|
|
import { StatefulVue } from '@/presentation/StatefulVue';
|
|
import { Environment } from '@/application/Environment/Environment';
|
|
|
|
@Component
|
|
export default class TheFooter extends StatefulVue {
|
|
public repositoryUrl: string = '';
|
|
public feedbackUrl: string = '';
|
|
public isDesktop: boolean = false;
|
|
|
|
constructor() {
|
|
super();
|
|
this.isDesktop = Environment.CurrentEnvironment.isDesktop;
|
|
}
|
|
|
|
public async mounted() {
|
|
const state = await this.getCurrentStateAsync();
|
|
this.repositoryUrl = state.app.info.repositoryWebUrl;
|
|
this.feedbackUrl = state.app.info.feedbackUrl;
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import "@/presentation/styles/fonts.scss";
|
|
.privacy-policy {
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-family: $normal-font;
|
|
text-align:center;
|
|
|
|
.line {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
&:not(:first-child) {
|
|
margin-top:0.2rem;
|
|
}
|
|
}
|
|
|
|
a {
|
|
color:inherit;
|
|
&:hover {
|
|
opacity: 0.8;
|
|
}
|
|
}
|
|
}
|
|
</style>
|