04 - Add additional languages to the website

Author: wachterjohannes

config/webspaces/example.xml

@@ -10,6 +10,8 @@
     <localizations>
         <!-- See: http://docs.sulu.io/en/latest/book/localization.html how to add new localizations -->
         <localization language="en" default="true"/>
+        <localization language="de"/>
+        <localization language="fr"/>
     </localizations>
 
     <default-templates>
@@ -48,22 +50,22 @@
             <environments>
                 <environment type="prod">
                     <urls>
-                        <url language="en">{host}</url>
+                        <url>{host}/{localization}</url>
                     </urls>
                 </environment>
                 <environment type="stage">
                     <urls>
-                        <url language="en">{host}</url>
+                        <url>{host}/{localization}</url>
                     </urls>
                 </environment>
                 <environment type="test">
                     <urls>
-                        <url language="en">{host}</url>
+                        <url>{host}/{localization}</url>
                     </urls>
                 </environment>
                 <environment type="dev">
                     <urls>
-                        <url language="en">{host}</url>
+                        <url>{host}/{localization}</url>
                     </urls>
                 </environment>
             </environments>

src/Controller/Website/EventWebsiteController.php

@@ -21,7 +21,7 @@ public function __construct(
     ) {
     }
 
-    #[Route('/event/{id}', name: 'app.event')]
+    #[Route('/{_locale}/event/{id}', name: 'app.event')]
     public function indexAction(int $id, Request $request): Response
     {
         $event = $this->eventRepository->findById($id, $request->getLocale());

templates/base.html.twig

@@ -41,6 +41,12 @@
                             </li>
                         {% endfor %}
                     </ul>
+
+                    <div class="navbar-nav">
+                        {% for localization in localizations %}
+                            <a class="nav-link" href="{{ localization.url }}">{{ localization.locale }}</a>
+                        {% endfor %}
+                    </div>
                 </div>
             </nav>
         </div>

tests/Functional/Controller/Website/EventWebsiteControllerTest.php

@@ -26,7 +26,7 @@ public function testIndexAction(): void
     {
         $event = $this->createEvent('Sulu is awesome', 'en');
 
-        $crawler = $this->client->request('GET', '/event/' . $event->getId());
+        $crawler = $this->client->request('GET', '/en/event/' . $event->getId());
 
         $response = $this->client->getResponse();
         $this->assertInstanceOf(Response::class, $response);

tests/Functional/Pages/HomepageTest.php

@@ -47,7 +47,7 @@ public function testHomepage(): void
             ],
         );
 
-        $crawler = $this->client->request(Request::METHOD_GET, '/homepage');
+        $crawler = $this->client->request(Request::METHOD_GET, '/en/homepage');
 
         $response = $this->client->getResponse();
         $this->assertInstanceOf(Response::class, $response);