kadet/czydojade
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update manifest on page change

Browse Source
This commit is contained in:
Kacper Donat 2020-11-22 14:28:09 +01:00
parent b71ca34dd3
commit edba09be4c
4 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
api/templates/manifest.json.twig
View File

@ -2,7 +2,7 @@
"name": "Co Jedzie?{% if provider %} - {{ provider.shortName }}{% endif %}", "name": "Co Jedzie?{% if provider %} - {{ provider.shortName }}{% endif %}",
"short_name": "Co Jedzie?{% if provider %} - {{ provider.shortName }}{% endif %}", "short_name": "Co Jedzie?{% if provider %} - {{ provider.shortName }}{% endif %}",
"orientation": "portrait", "orientation": "portrait",
"lang": "pl_PL", "lang": "pl-PL",
"start_url": "{{ provider ? path('app', { provider: provider.identifier }) : path('choose') }}", "start_url": "{{ provider ? path('app', { provider: provider.identifier }) : path('choose') }}",
"display": "standalone", "display": "standalone",
"background_color": "white", "background_color": "white",

2
front/src/components/main.ts
View File

@ -4,6 +4,7 @@ import { Action, Mutation, State } from 'vuex-class'
import { Provider, Stop } from "@/model"; import { Provider, Stop } from "@/model";
import { DeparturesSettingsState } from "@/store/settings/departures"; import { DeparturesSettingsState } from "@/store/settings/departures";
import { MessagesSettingsState } from "@/store/settings/messages"; import { MessagesSettingsState } from "@/store/settings/messages";
import urls from "@/urls";
@Component({ template: require("@templates/main.html") }) @Component({ template: require("@templates/main.html") })
export class Main extends Vue { export class Main extends Vue {
@ -46,6 +47,7 @@ export class Main extends Vue {
mounted() { mounted() {
this.$el.classList.remove('not-ready'); this.$el.classList.remove('not-ready');
document.querySelector<HTMLLinkElement>('link[rel="manifest"]').href = urls.prepare(urls.manifest.provider, { provider: this.$route.params.provider });
} }
async created() { async created() {

5
front/src/components/provider-chooser.ts
View File

@ -3,6 +3,7 @@ import { Component } from 'vue-property-decorator'
import { Provider } from "@/model"; import { Provider } from "@/model";
import { Jsonified } from "@/utils"; import { Jsonified } from "@/utils";
import * as moment from 'moment'; import * as moment from 'moment';
import urls from "@/urls";
@Component({ @Component({
template: require('@templates/page/providers.html'), template: require('@templates/page/providers.html'),
@ -10,6 +11,10 @@ import * as moment from 'moment';
export class ProviderChooser extends Vue { export class ProviderChooser extends Vue {
private providers: Provider[] = []; private providers: Provider[] = [];
mounted() {
document.querySelector<HTMLLinkElement>('link[rel="manifest"]').href = urls.manifest.main;
}
async created() { async created() {
const response = await fetch('/api/v1/providers'); const response = await fetch('/api/v1/providers');
const result = await response.json() as Jsonified<Provider>[]; const result = await response.json() as Jsonified<Provider>[];

4
front/src/urls.ts
View File

@ -66,5 +66,9 @@ export default {
get: `/api/v1/providers/{provider}`, get: `/api/v1/providers/{provider}`,
}, },
trip: `${base}/trips/{id}`, trip: `${base}/trips/{id}`,
manifest: {
main: '/manifest.json',
provider: '/{provider}/manifest.json',
},
prepare: (url: string, params: UrlParams = { }) => prepare(url, Object.assign({}, { provider: store.state.provider?.id }, params)) prepare: (url: string, params: UrlParams = { }) => prepare(url, Object.assign({}, { provider: store.state.provider?.id }, params))
} }