PWA per provider basis

src/Controller/MainController.php

@@ -24,4 +24,12 @@ class MainController extends Controller
     {
         return $this->render('app.html.twig', ['provider' => $provider]);
     }
+
+    /**
+     * @Route("/{provider}/manifest.json", name="webapp_manifest")
+     */
+    public function manifest(Provider $provider)
+    {
+        return $this->render('manifest.json.twig', ['provider' => $provider]);
+    }
 }

src/Provider/Dummy/DummyProvider.php

@@ -42,6 +42,11 @@ class DummyProvider implements Provider
         return "Dummy data for debugging";
     }
 
+    public function getShortName()
+    {
+        return "dummy";
+    }
+
     public function getIdentifier()
     {
         return "dummy";

src/Provider/Provider.php

@@ -11,5 +11,6 @@ interface Provider
     public function getTrackRepository(): TrackRepository;
 
     public function getName();
+    public function getShortName();
     public function getIdentifier();
 }

src/Provider/ZtmGdansk/ZtmGdanskProvider.php

@@ -30,6 +30,11 @@ class ZtmGdanskProvider implements Provider
         return 'MZKZG - Trójmiasto';
     }
 
+    public function getShortName()
+    {
+        return 'Trójmiasto';
+    }
+
     public function getIdentifier()
     {
         return 'trojmiasto';

templates/app.html.twig

@@ -1,5 +1,6 @@
 {% extends 'base.html.twig' %}
 {% block title "#{parent()} - #{provider.name}" %}
+{% block manifest path('webapp_manifest', { provider: provider.identifier }) %}
 
 {% block body %}
     <div class="row">

templates/base.html.twig

@@ -4,7 +4,7 @@
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         <link rel="stylesheet" href="{{ asset('main.css') }}" />
-        <link rel="manifest" href="manifest.json" />
+        <link rel="manifest" href="{% block manifest 'manifest.json' %}" />
 
         <!-- icons -->
         <link rel="icon" href="images/favicon.png" sizes="16x16" />

templates/manifest.json.twig

@@ -0,0 +1,30 @@
+{
+    "name": "Czy Dojadę? - {{ provider.shortName }}",
+    "short_name": "Czy Dojadę? - {{ provider.shortName }}",
+    "orientation": "portrait",
+    "lang": "pl_PL",
+    "start_url": "{{ path('app', { provider: provider.identifier }) }}",
+    "display": "standalone",
+    "background_color": "white",
+    "theme_color": "#005ea8",
+    "description": "Odpowiedź na odwieczne pytanie ludzkości - czy tramwaje jeżdżą?",
+    "icons": [{
+        "src": "{{ asset('images/icon-256.png') }}",
+        "sizes": "256x256"
+    },{
+        "src": "{{ asset('images/icon-512.png') }}",
+        "sizes": "512x512"
+    },{
+        "src": "{{ asset('images/icon-64.png') }}",
+        "sizes": "64x64"
+    },{
+        "src": "{{ asset('images/icon-128.png') }}",
+        "sizes": "128x128"
+    },{
+        "src": "{{ asset('images/icon-192.png') }}",
+        "sizes": "192x192"
+    },{
+        "src": "{{ asset('images/icon-96.png') }}",
+        "sizes": "96x96"
+    }]
+}