move all labels into locallang.xlf from modern template

ot_templating/Resources/Private/Language/locallang.xlf

@@ -99,7 +99,7 @@
 				<source>Rechercher</source>
 			</trans-unit>
 			<trans-unit id="more-informations">
-				<source>Plus d'informations</source>
+				<source>Plus d'infos</source>
 			</trans-unit>
 			<trans-unit id="network-partners">
 				<source>Partenaires de notre réseau</source>
@@ -167,6 +167,9 @@
 			<trans-unit id="until">
 				<source>Jusqu'au</source>
 			</trans-unit>
+			<trans-unit id="welcome">
+				<source>Bienvenue</source>
+			</trans-unit>
 
 			<trans-unit id="PRESIDENT" xml:space="preserve">
 			    <source>Président.e</source>

ot_templating/Resources/Private/Layouts/Classic/Contact.html

@@ -19,7 +19,7 @@
         </div>
 
         <div class="postal-adress">
-            <h2><i class="fa fa-envelope" style="margin-right: 12px;"></i><f:translate key="or-by-mail"/>:</h2>
+            <h2><i class="fa fa-envelope" style="margin-right: 12px;"></i><f:translate key="or-by-mail"/> :</h2>
 
             <ot:organizations.getById as="organization" organizationId="{settings.organizationId}">
                 <p>

ot_templating/Resources/Private/Layouts/Modern/Contact.html

@@ -20,7 +20,7 @@
                         </div>
 
                         <div class="postal-adress">
-                            <h2><i class="fa fa-envelope" style="margin-right: 12px;"></i>Ou par courrier :</h2>
+                            <h2><i class="fa fa-envelope" style="margin-right: 12px;"></i><f:translate key="or-by-mail"/> :</h2>
                             <ot:organizations.getById as="organization" organizationId="{settings.organizationId}">
                                 <p>
                                     {organization.name}<br/>

ot_templating/Resources/Private/Layouts/Modern/Legal.html

@@ -15,24 +15,24 @@
                     <div class="col-lg-12 col-md-12">
 
                         <div class="ot-legal">
-                            <h3>Mentions légales</h3>
+                            <h2>Mentions légales</h2>
 
                             <section>
                                 <p>
-                                    Ce site est mis à disposition de: <strong>{settings.structureName}</strong><br>
-                                    par la Société <strong>2IOpenService</strong> dans le cadre de sa gamme <strong>Opentalent</strong>
+                                    <f:translate key="site-published-for"/>: <strong>{settings.structureName}</strong><br>
+                                    <f:translate key="by-society"/> <strong>2IOpenService</strong> <f:translate key="within-collection"/> <strong>Opentalent</strong>
                                 </p>
 
                                 <ot:members.getPresident as="president" organizationId="{settings.organizationId}">
                                     <f:if condition="{president}">
                                         <p>
-                                            Directeur de publication: {president.fullName}
+                                            <f:translate key="director-of-publication"/>: {president.fullName}
                                         </p>
                                     </f:if>
                                 </ot:members.getPresident>
                             </section>
 
-                            <h4>Hébergeur</h4>
+                            <h4><f:translate key="hosting-provider"/></h4>
 
                             <section>
                                 <div>
@@ -45,42 +45,35 @@
                                 </div>
                             </section>
 
-                            <h4>Propriété intellectuelle</h4>
+                            <h4><f:translate key="copyright"/></h4>
 
                             <section>
                                 <p>
-                                    La société 2IOpenService est créatrice du design du site et détient tous les droits de propriété intellectuelle
-                                    afférents à ses différents éléments, notamment mais sans que cela ne soit exhaustif: la charte graphique, les textes,
-                                    la base de données, les logiciels et images placés dans les cadres non modifiables. Elle détient également
-                                    les droits relatifs aux pages telles que générées par Opentalent et mises à la disposition des sites
-                                    des structures et fédérations.
+                                    <f:translate key="copyright-section-1"/>
                                 </p>
                                 <p>
-                                    2IOpenService ne gère en rien la propriété des droits existant sur les contenus mis en ligne par les structures
-                                    ou fédérations, qui en ont la propriété.
+                                    <f:translate key="copyright-section-2"/>
                                 </p>
                                 <p>
-                                    La marque Opentalent a été déposée auprès de l’INPI par la société 2IOpenService le 19 avril 2009 sous le numéro 3991145.
+                                    <f:translate key="copyright-section-3"/>
                                 </p>
                                 <p>
-                                    Il est formellement interdit à toute personne de porter atteinte aux droits détenus par la société
-                                    2IOpenService, et notamment de copier tout ou partie du site Internet, de ses éléments ou de la marque.
+                                    <f:translate key="copyright-section-4"/>
                                 </p>
                                 <p>
-                                    Les marques et logos des partenaires et autres entités apparaissant sur le site sont leur propriété et doivent,
-                                    en tant que tels, être respectés.
+                                    <f:translate key="copyright-section-5"/>
                                 </p>
                             </section>
 
-                            <h4>En cas de problème ou de litige:</h4>
+                            <h4><f:translate key="in-case-of-problem"/>:</h4>
 
                             <section>
                                 <div>
                                     <div>2IOpenService</div>
-                                    <div>SARL au capital de 46050,00 €</div>
-                                    <div>SIRET n° 504 653 122 000 52 | TVA n° FR62504653122</div>
-                                    <div>Établissement : 217, Rue Raoul Follereau - 74300 Cluses</div>
-                                    <div>Téléphone : 09 72 12 60 17</div>
+                                    <div><f:translate key="capitalized-llc"/> 46050,00 €</div>
+                                    <div>SIRET n° 504 653 122 000 52 | <f:translate key="vat"/> n° FR62504653122</div>
+                                    <div><f:translate key="offices"/> : 217, Rue Raoul Follereau - 74300 Cluses</div>
+                                    <div><f:translate key="phone"/> : 09 72 12 60 17</div>
                                 </div>
                             </section>
                         </div>

ot_templating/Resources/Private/Layouts/Modern/Members.html

@@ -13,7 +13,7 @@
             <div class="container">
                 <div class="row">
                     <div class="col-lg-12 col-md-12">
-                        <h1 class="text-center">Les Adhérents</h1>
+                        <h1 class="text-center"><f:translate key="list-of-members"/></h1>
 
                         <div class="ot-members">
                             <ot:members.getAll as="members"

ot_templating/Resources/Private/Layouts/Modern/MembersCa.html

@@ -14,7 +14,7 @@
             <div class="container">
                 <div class="row">
                     <div class="col-lg-12 col-md-12">
-                        <h1 class="text-center">Membres du CA</h1>
+                        <h1 class="text-center"><f:translate key="list-of-administrative-members"/></h1>
 
                         <div class="ot-members">
                             <ot:members.getAllCa as="members"

ot_templating/Resources/Private/Layouts/Modern/News.html

@@ -17,7 +17,7 @@
                 <div class="row">
                     <div class="col-sm-12 mt-30">
                         <f:comment><!-- All news or details --></f:comment>
-                        <h2>Actualités</h2>
+                        <h2><f:translate key="news"/></h2>
 
                         <div class="ot-news">
                             <f:if condition="{request.tx_news_pi1.news}">
@@ -25,7 +25,7 @@
                                     <f:comment><!-- a news was required, show details --></f:comment>
                                     <f:cObject typoscriptObjectPath="lib.tx_ottemplating.widgets.news_detail" />
 
-                                    <f:link.page>Revenir à la liste des actualités</f:link.page>
+                                    <f:link.page><f:translate key="go-back-to-news-list"/></f:link.page>
                                 </f:then>
                                 <f:else>
                                     <f:comment><!-- no news was required, show list --></f:comment>

ot_templating/Resources/Private/Layouts/Modern/Structures.html

@@ -16,7 +16,7 @@
                 <div class="row">
                     <div class="col-sm-12 mt-30">
                         <f:comment><!-- All members --></f:comment>
-                        <h3>Sociétés adhérentes</h3>
+                        <h3><f:translate key="member-companies"/></h3>
 
                         <div class="ot-structures">
 
@@ -30,7 +30,7 @@
                                             <form>
                                                 <input type="text"
                                                        name="search-loc"
-                                                       placeholder="Où?"
+                                                       placeholder="{f:translate(key: 'where')}?"
                                                        value="{ot:request.getArgument(argument: 'search-loc')}"/>
 
                                                 <f:comment><!--
@@ -41,7 +41,7 @@
                                                        name="no_cache"
                                                        value="1">
 
-                                                <button name="search-submit">Trouver</button>
+                                                <button name="search-submit"><f:translate key="find"/></button>
                                             </form>
                                         </div>
 
@@ -61,7 +61,7 @@
 
                                     <div class="structure-results">
                                         <f:if condition="{structuresCollection.totalItems} == 0">
-                                            <span>Aucun résultat</span>
+                                            <span><f:translate key="no-result"/></span>
                                         </f:if>
 
                                         <f:for each="{structuresCollection.members}" as="structure">
@@ -92,7 +92,7 @@
 
                                                 <a href="https://{structure.subdomain}.opentalent.fr" class="structure-see">
                                                     <i class="fa fa-plus" style="margin-right: 5px;"></i>
-                                                    <span>Voir</span>
+                                                    <span><f:translate key="see"/></span>
                                                 </a>
                                             </div>
                                         </f:for>

ot_templating/Resources/Private/Layouts/Modern/StructuresEvents.html

@@ -23,24 +23,24 @@
                             <div class="ot-all-events">
                                 <div class="events-controls">
                                     <div class="event-search">
-                                        <h3>Rechercher un évènement: </h3>
+                                        <h3><f:translate key="look-for-an-event"/>: </h3>
                                         <form>
                                             <input type="text"
                                                    name="search-loc"
-                                                   placeholder="Où?"
+                                                   placeholder="{f:translate(key: 'where')}?"
                                                    value="{ot:request.getArgument(argument: 'search-loc')}"/>
                                             <input type="text"
                                                    name="search-name"
-                                                   placeholder="Quoi?"
+                                                   placeholder="{f:translate(key: 'what')}?"
                                                    value="{ot:request.getArgument(argument: 'search-name')}" />
                                             <input type="text"
                                                    name="search-datestart"
-                                                   placeholder="Depuis le..."
+                                                   placeholder="{f:translate(key: 'since')}..."
                                                    class="datepicker datetimepicker"
                                                    value="{ot:request.getArgument(argument: 'search-datestart')}" />
                                             <input type="text"
                                                    name="search-dateend"
-                                                   placeholder="Jusqu'au..."
+                                                   placeholder="{f:translate(key: 'until')}..."
                                                    class="datepicker datetimepicker"
                                                    value="{ot:request.getArgument(argument: 'search-dateend')}" />
 
@@ -52,7 +52,7 @@
                                                    name="no_cache"
                                                    value="1">
 
-                                            <button name="search-submit">Rechercher</button>
+                                            <button name="search-submit"><f:translate key="search"/></button>
                                         </form>
                                     </div>
 
@@ -74,7 +74,7 @@
 
                                 <div class="events-results">
                                     <f:if condition="{eventsCollection.totalItems} == 0">
-                                        <span>Aucun résultat</span>
+                                        <span><f:translate key="no-result"/></span>
                                     </f:if>
 
                                     <f:for each="{eventsCollection.members}" as="event">
@@ -107,7 +107,7 @@
 
                                             <a href="{event.infosLink}" target="_blank" class="event-see">
                                                 <i class="fa fa-plus" style="margin-right: 5px;"></i>
-                                                <span>Plus d'infos</span>
+                                                <span><f:translate key="more-informations"/></span>
                                             </a>
                                         </div>
                                     </f:for>

ot_templating/Resources/Private/Partials/Modern/Donors.html

@@ -15,9 +15,12 @@
                     <div class="col-lg-12 col-md-12">
                         <div class="text-center">
                             <h2 class="mb-50">
-                                {f:if(condition: '{fromParents}==1',
-                                      then: 'Partenaires de notre réseau',
-                                      else: 'Nos partenaires')}
+                                <f:then>
+                                    <f:translate key="network-partners"/>
+                                </f:then>
+                                <f:else>
+                                    <f:translate key="our-partners"/>
+                                </f:else>
                             </h2>
                         </div>
                     </div>

ot_templating/Resources/Private/Partials/Modern/EventsIndex.html

@@ -9,20 +9,20 @@
             <form>
                 <input type="text"
                        name="search-loc"
-                       placeholder="Où?"
+                       placeholder="{f:translate(key: 'where')}?"
                        value="{ot:request.getArgument(argument: 'search-loc')}"/>
                 <input type="text"
                        name="search-name"
-                       placeholder="Quoi?"
+                       placeholder="{f:translate(key: 'what')}?"
                        value="{ot:request.getArgument(argument: 'search-name')}" />
                 <input type="text"
                        name="search-datestart"
-                       placeholder="Depuis le..."
+                       placeholder="{f:translate(key: 'since')}..."
                        class="datepicker datetimepicker"
                        value="{ot:request.getArgument(argument: 'search-datestart')}" />
                 <input type="text"
                        name="search-dateend"
-                       placeholder="Jusqu'au..."
+                       placeholder="{f:translate(key: 'until')}..."
                        class="datepicker datetimepicker"
                        value="{ot:request.getArgument(argument: 'search-dateend')}" />
 
@@ -34,7 +34,7 @@
                        name="no_cache"
                        value="1">
 
-                <button name="search-submit">Rechercher</button>
+                <button name="search-submit"><f:translate key="search"/></button>
             </form>
         </div>
 
@@ -56,7 +56,7 @@
 
     <div class="events-results">
         <f:if condition="{eventsCollection.totalItems} == 0">
-            <span>Aucun résultat</span>
+            <span><f:translate key="no-result"/></span>
         </f:if>
 
         <f:for each="{eventsCollection.members}" as="event">
@@ -90,7 +90,7 @@
                 <f:link.page class="event-see"
                              additionalParams="{eventId: event.id}">
                     <i class="fa fa-plus" style="margin-right: 5px;"></i>
-                    <span>Plus d'infos</span>
+                    <span><f:translate key="more-informations"/></span>
                 </f:link.page>
             </div>
         </f:for>

ot_templating/Resources/Private/Partials/Modern/EventsShow.html

@@ -1,8 +1,8 @@
 <div class="ot-show-event">
 
     <header>
-        <h2 class="event-name">{event.name}</h2>
-        <f:link.action class="go-back"><i class="fa fa-list"> </i> Revenir à la liste des évènements</f:link.action>
+        <h2 class="event-name"><f:translate key="event-details"/></h2>
+        <f:link.action class="go-back"><i class="fa fa-list"> </i> <f:translate key="go-back-to-events-list"/></f:link.action>
     </header>
 
     <div class="event-content">
@@ -19,34 +19,36 @@
         </div>
 
         <div class="event-summary">
-            <table class="event-infos">
-                <tr>
-                    <td>Quand?</td>
-                    <td>
-                        {event.formattedDates}
-                    </td>
-                </tr>
-                <tr>
-                    <td>Où?</td>
-                    <td>
-                        {f:format.nl2br(value: '{event.fullAdress}')}
-                    </td>
-                </tr>
-            </table>
+            <h3 class="event-name">{event.name}</h3>
+            <f:if condition="{event.formattedDates}">
+                <span class="event-dates">
+                    <i class="fas fa-calendar-alt" style="width: 14px; margin-right: 5px;">
+                    </i>{event.formattedDates}
+                </span>
+            </f:if>
+            <f:if condition="{event.inlineFullAddress}">
+                <span class="event-loc">
+                    <i class="fas fa-map-marker-alt" style="width: 14px; margin-right: 5px; padding-top: 2px;">
+                    </i>{event.inlineFullAddress}
+                </span>
+            </f:if>
+            <span class="event-description">
+                {f:format.nl2br(value: '{event.description}')}
+            </span>
         </div>
     </div>
-    <p class="event-description">
-        {f:format.nl2br(value: '{event.description}')}
-    </p>
+
     <f:if condition="{event.longitude}">
         <f:then>
-            <div id="event-map">
-                <i class="item-geodata" style="display: none;"
-                   data-id="{event.id}"
-                   data-long="{event.longitude}"
-                   data-lat="{event.latitude}"
-                   data-label="<b>{event.name}</b><br/>{event.locAndDate}">
-                </i>
+            <div class="event-map-container">
+                <div id="event-map">
+                    <i class="item-geodata" style="display: none;"
+                       data-id="{event.id}"
+                       data-long="{event.longitude}"
+                       data-lat="{event.latitude}"
+                       data-label="<b>{event.name}</b><br/>{event.locAndDate}">
+                    </i>
+                </div>
             </div>
         </f:then>
     </f:if>

ot_templating/Resources/Private/Partials/Modern/Header.html

@@ -9,6 +9,9 @@
 
 <header id="header" class="header default fullWidth">
 
+    <f:comment><!-- Render the no-script warning box defined in partial/NoScriptWarning.html--></f:comment>
+    <f:render partial="Classic/NoScriptWarning" />
+
     <f:comment><!-- Render the topbar defined in partial/Topbar.html--></f:comment>
     <f:render partial="Modern/Topbar" arguments="{_all}" />
 

ot_templating/Resources/Private/Partials/Modern/LatestNews.html

@@ -13,7 +13,7 @@
 
                 <div class="col-lg-12 col-md-12">
                     <div class="text-center">
-                        <h2>Dernières actualités</h2>
+                        <h2><f:translate key="latest-news"/></h2>
                     </div>
                 </div>
 
@@ -25,7 +25,7 @@
                     <div class="col-lg-12 col-md-12">
                         <div class="text-center">
                             <f:link.page pageUid="{newsPageUid}">
-                                Voir toutes les actualités
+                                <f:translate key="see-all-news"/>
                             </f:link.page>
                         </div>
                     </div>

ot_templating/Resources/Private/Partials/Modern/MembersList.html

@@ -38,6 +38,6 @@
 
     </f:then>
     <f:else>
-        <h5>Aucun adhérent</h5>
+        <h5><f:translate key="no-members"/></h5>
     </f:else>
 </f:if>

ot_templating/Resources/Private/Partials/Modern/NextEvents.html

@@ -34,13 +34,13 @@
                         <div class="text-center">
                             <f:if condition="{fromParents}">
                                 <f:then>
-                                    <h2 class="mb-50">Prochains événements de notre réseau</h2>
+                                    <h2 class="mb-50"><f:translate key="next-events-of-our-network"/></h2>
                                 </f:then>
                                 <f:else if="{fromChildren}">
-                                    <h2 class="mb-50">Prochains événements de nos structures</h2>
+                                    <h2 class="mb-50"><f:translate key="next-events-of-our-structures"/></h2>
                                 </f:else>
                                 <f:else>
-                                    <h2 class="mb-50">Nos prochains évènements</h2>
+                                    <h2 class="mb-50"><f:translate key="our-next-events"/></h2>
                                 </f:else>
                             </f:if>
                         </div>
@@ -85,7 +85,7 @@
                             <div class="card border-0 theme-bg o-hidden h-100">
                                 <f:link.page pageUid="{eventsPageUid}" class="p-4 more-events">
                                     <h2 class="text-white"> <i class="fa fa-plus fa-3x"></i> </h2>
-                                    <h3 class="text-white"> Voir tous les évènements </h3>
+                                    <h3 class="text-white"> <f:translate key="see-all-events"/> </h3>
                                 </f:link.page>
                             </div>
                         </div>

ot_templating/Resources/Private/Partials/Modern/NoScriptWarning.html

@@ -0,0 +1,9 @@
+{namespace v=FluidTYPO3\Vhs\ViewHelpers}
+<noscript>
+    <div class="no-script-warning">
+        <p>
+            <f:translate key="javascript-not-enabled"/>
+        </p>
+        <p> <f:translate key="please-enable-js-and"/> <a href="{v:site.url()}"><f:translate key="reload-this-page"/></a>.</p>
+    </div>
+</noscript>

ot_templating/Resources/Private/Partials/Modern/Pagination.html

@@ -8,7 +8,7 @@
 
 <f:if condition="{collection.lastPage} > 0">
     <div class="pagination-bar">
-        <p>Pages:</p>
+        <p><f:translate key="pages"/>:</p>
         <ul>
             <f:for each="{collection.pages}" as="page">
                 <li class="{f:if(condition: '{page}=={collection.currentPage}', then: 'current', else: '')}">

ot_templating/Resources/Private/Partials/Modern/UserToolbar.html

@@ -6,11 +6,11 @@
 <f:security.ifAuthenticated>
     <f:then>
         <li>
-            <span>Bienvenue <b>{user.username}</b>!</span>
+            <span><f:translate key="welcome"/> <b>{user.username}</b>!</span>
         </li>
         <li>
             <a href="{settings.opentalentDashboardUrl}">
-                Accéder à l'intranet
+                <f:translate key="member-area-of-my-structure"/>
             </a>
         </li>
         <li>
@@ -25,7 +25,7 @@
                target="_blank"
                class="{f:if(condition: '{ot:loginFailed()}', then: 'trigger-on-load')}"
             >
-                Se connecter
+                <f:translate key="login"/>
             </a>
         </li>
     </f:else>

ot_templating/Resources/Public/assets/Modern/style/custom.css

@@ -815,22 +815,16 @@ Event's details pages
     align-items: center;
 }
 
-.ot-show-event .event-name {
-    font-size: 1.8em;
-    font-weight: bold;
+.ot-show-event header h2 {
     flex: 1;
 }
 
 .ot-show-event .go-back {
     font-weight: bold;
-    padding: 0.5em 0.7em;
-    border: solid 2px #cccccc;
-    border-radius: 6px;
-    margin: auto;
 }
 
 .ot-show-event .go-back:hover {
-    background-color: #d8edf3;
+    color: #4d4d4d;
     text-decoration: none;
 }
 
@@ -838,10 +832,13 @@ Event's details pages
     display: flex;
     flex-direction: row;
     margin-bottom: 2em;
+    padding: 2em;
 }
 
 .ot-show-event .event-content .event-poster {
     flex: 1;
+    max-width: 30%;
+    margin-right: 5%;
 }
 
 .ot-show-event .event-poster img {
@@ -849,6 +846,7 @@ Event's details pages
     max-width: 100%;
     min-width: 40%;
     height: auto;
+    margin: 1.4em;
 }
 
 .ot-show-event .event-summary {
@@ -857,33 +855,28 @@ Event's details pages
     flex-direction: column;
 }
 
-.ot-show-event .event-description {
-    margin-bottom: 1em;
-    padding: 1em 0.5em;
-}
-
-.ot-show-event .event-infos {
-    border: 1px solid #cccccc;
-    width: 94%;
-    margin: 0 3%;
-    padding-top: 1em;
+.ot-show-event .event-name {
+    font-weight: 800;
 }
 
-.ot-show-event .event-infos tr {
-    background-color: #e6e6e6;
+.ot-show-event .event-dates {
+    color: #4d4d4d;
+    margin-top: 0.5em;
 }
 
-.ot-show-event .event-infos tr:nth-child(odd) {
-    background-color: #ffffff;
+.ot-show-event .event-loc {
+    color: #4d4d4d;
+    margin-top: 0.5em;
+    display: flex;
+    flex-direction: row;
 }
 
-.ot-show-event .event-content .event-infos td {
-    padding: 0.8em 1.6em;
+.ot-show-event .event-description {
+    margin-top: 2em;
 }
 
-.ot-show-event .event-content .event-infos tr td:first-child {
-    font-weight: bold;
-    color: #2E2D2D;
+.ot-show-event .event-map-container {
+    padding: 3.2em;
 }
 
 .ot-show-event #event-map {