1b9be8fe2d
- Migrate `StatefulVue`:
- Introduce `UseCollectionState` that replaces its behavior and acts
as a shared state store.
- Add more encapsulated, granular functions based on read or write
access to state in CollectionState.
- Some linting rules get activates due to new code-base compability to
modern parses, fix linting errors.
- Rename Dialog to ModalDialog as after refactoring,
eslintvue/no-reserved-component-names does not allow name Dialog.
- To comply with `vue/multi-word-component-names`, rename:
- `Code` -> `CodeInstruction`
- `Handle` -> `SliderHandle`
- `Documentable` -> `DocumentableNode`
- `Node` -> `NodeContent`
- `INode` -> `INodeContent`
- `Responsive` -> `SizeObserver`
- Remove `vue-property-decorator` and `vue-class-component`
dependencies.
- Refactor `watch` with computed properties when possible for cleaner
code.
- Introduce `UseApplication` to reduce repeated code in new components
that use `computed` more heavily than before.
- Change TypeScript target to `es2017` to allow top level async calls
for getting application context/state/instance to simplify the code by
removing async calls. However, mocha (unit and integration) tests do
not run with top level awaits, so a workaround is used.
85 lines
2.4 KiB
Vue
85 lines
2.4 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 address collection!</div>
|
|
</div>
|
|
<div class="line">
|
|
<div class="line__emoji">🤖</div>
|
|
<div>
|
|
All transparent: Deployed automatically from the master branch
|
|
of the <a :href="repositoryUrl" target="_blank" rel="noopener noreferrer">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" rel="noopener noreferrer">CDN statistics</a>
|
|
are collected by AWS but they cannot be traced to you or your behavior.
|
|
You can download the offline version if you don't want any CDN data collection.
|
|
</div>
|
|
</div>
|
|
<div class="line">
|
|
<div class="line__emoji">🎉</div>
|
|
<div>
|
|
As almost no data is collected, the application gets better
|
|
only with your active feedback.
|
|
Feel free to <a :href="feedbackUrl" target="_blank" rel="noopener noreferrer">create an issue</a> 😊</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent, computed } from 'vue';
|
|
import { Environment } from '@/application/Environment/Environment';
|
|
import { useApplication } from '@/presentation/components/Shared/Hooks/UseApplication';
|
|
|
|
const { isDesktop } = Environment.CurrentEnvironment;
|
|
|
|
export default defineComponent({
|
|
setup() {
|
|
const { info } = useApplication();
|
|
|
|
const repositoryUrl = computed<string>(() => info.repositoryUrl);
|
|
const feedbackUrl = computed<string>(() => info.feedbackUrl);
|
|
|
|
return {
|
|
repositoryUrl,
|
|
feedbackUrl,
|
|
isDesktop,
|
|
};
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@use "@/presentation/assets/styles/main" as *;
|
|
|
|
.privacy-policy {
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-family: $font-normal;
|
|
text-align:center;
|
|
|
|
.line {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
&:not(:first-child) {
|
|
margin-top:0.2rem;
|
|
}
|
|
}
|
|
}
|
|
</style>
|