ajoute la barre de partage

ot_templating/Resources/Private/Language/locallang.xlf

@@ -277,6 +277,9 @@
 			<trans-unit id="two_cols_container">
 				<source>Container à deux colonnes</source>
 			</trans-unit>
+			<trans-unit id="flux.newContentWizard.ot_widgets">
+				<source>Contenus Opentalent</source>
+			</trans-unit>
 			<trans-unit id="available_themes">
 				<source>Thèmes disponibles</source>
 			</trans-unit>
@@ -353,11 +356,17 @@
 				<source>Page introuvable</source>
 			</trans-unit>
 			<trans-unit id="share-on">
-				<source>Partager sur</source>
+				<source>Pour partager cette page</source>
 			</trans-unit>
 			<trans-unit id="find-us-on">
 				<source>Retrouvez-nous sur</source>
 			</trans-unit>
+			<trans-unit id="share-bar">
+				<source>Boutons de partage</source>
+			</trans-unit>
+			<trans-unit id="share-bar-description">
+				<source>Boutons de partage de la page vers les réseaux sociaux</source>
+			</trans-unit>
 
 			<!-- Email template -->
 			<trans-unit id="hello">

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

@@ -26,6 +26,7 @@
                         <f:translate key="go-back-to-news-list"/>
                     </f:link.page>
 
+                    <f:render partial="Classic/ShareBar"/>
                 </f:then>
                 <f:else>
                     <f:comment><!-- no news was required, show list --></f:comment>

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

@@ -26,6 +26,8 @@
                                     <f:cObject typoscriptObjectPath="lib.tx_ottemplating.widgets.news_detail" />
 
                                     <f:link.page><f:translate key="go-back-to-news-list"/></f:link.page>
+
+                                    <f:render partial="Modern/ShareBar"/>
                                 </f:then>
                                 <f:else>
                                     <f:comment><!-- no news was required, show list --></f:comment>

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

@@ -53,4 +53,5 @@
         </f:then>
     </f:if>
 
+    <f:render partial="Classic/ShareBar"/>
 </div>

ot_templating/Resources/Private/Partials/Classic/ShareBar.html

@@ -0,0 +1,19 @@
+
+
+<div class="share-bar">
+  <h5><f:translate key="share-on"/>: </h5>
+
+  <a href="#"
+     onclick="
+      window.open(
+        'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),
+        'facebook-share-dialog',
+        'width=626,height=436');
+      return false;">
+    <i class="fab fa-facebook" style="color: #129af6"></i> Facebook
+  </a>
+
+  <a href="#">
+    <i class="fab fa-twitter" style="color: #1da1f2"></i> Twitter
+  </a>
+</div>

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

@@ -53,4 +53,5 @@
         </f:then>
     </f:if>
 
+    <f:render partial="Modern/ShareBar"/>
 </div>

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

@@ -0,0 +1,25 @@
+
+
+<div class="share-bar">
+  <h5><f:translate key="share-on"/>: </h5>
+
+  <a href="#"
+     onclick="
+      window.open(
+        'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),
+        'facebook-share-dialog',
+        'width=626,height=436');
+      return false;">
+    <i class="fa fa-facebook" style="color: #129af6"></i> Facebook
+  </a>
+
+  <a href="#"
+     onclick="
+      window.open(
+        'https://www.twitter.com/share?url='+encodeURIComponent(location.href),
+        'facebook-share-dialog',
+        'width=626,height=436');
+      return false;">
+    <i class="fa fa-twitter" style="color: #1da1f2"></i> Twitter
+  </a>
+</div>

ot_templating/Resources/Private/Templates/Content/Carousel.html

@@ -17,7 +17,7 @@
                    description="{f:translate(key: 'insert_carousel')}"
                    extensionName="OtTemplating"
         >
-            <flux:form.option.group value="fce" />
+            <flux:form.option.group value="ot_widgets" />
             <flux:form.option.icon value="EXT:ot_templating/Resources/Public/Icons/opentalent-144x144.png" />
 
             <flux:field.input name="width" eval="trim" default="600" label="{f:translate(key: 'width_in_pixels')}"/>

ot_templating/Resources/Private/Templates/Content/FCE50-50.html

@@ -3,7 +3,7 @@
 {namespace v=FluidTYPO3\Vhs\ViewHelpers}
 {namespace flux=FluidTYPO3\Flux\ViewHelpers}
 
-<f:layout name="CustomContent" />
+<f:layout name="{settings.template}/CustomContent" />
 
 <f:section name="Configuration">
     <flux:form id="FCE50-50"
@@ -11,7 +11,7 @@
                description="{f:translate(key: 'two_cols_container')}"
                extensionName="OtTemplating"
     >
-        <flux:form.option.group value="fce" />
+        <flux:form.option.group value="ot_widgets" />
         <flux:form.option.icon value="EXT:ot_templating/Resources/Public/Icons/opentalent-144x144.png" />
     </flux:form>
     <flux:grid>

ot_templating/Resources/Private/Templates/Content/Faq.html

@@ -8,7 +8,7 @@
      xmlns:v="http://fedext.net/ns/vhs/ViewHelpers"
      xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
-    <f:layout name="CustomContent"/>
+    <f:layout name="{settings.template}/CustomContent"/>
 
     <f:section name="Configuration">
         <flux:form id="Faq"
@@ -16,7 +16,7 @@
                    description="{f:translate(key: 'make_your_faq_section')}"
                    extensionName="OtTemplating"
         >
-            <flux:form.option.group value="fce" />
+            <flux:form.option.group value="ot_widgets" />
             <flux:form.option.icon value="EXT:ot_templating/Resources/Public/Icons/opentalent-144x144.png" />
 
             <flux:form.section name="faq">

ot_templating/Resources/Private/Templates/Content/ShareBar.html

@@ -0,0 +1,25 @@
+<f:comment><!-- Widget flux: : Share Bar --></f:comment>
+
+{namespace v=FluidTYPO3\Vhs\ViewHelpers}
+{namespace flux=FluidTYPO3\Flux\ViewHelpers}
+
+<f:layout name="{settings.template}/CustomContent" />
+
+<f:section name="Configuration">
+  <flux:form id="ShareBar"
+             label="{f:translate(key: 'share-bar')}"
+             description="{f:translate(key: 'share-bar-description')}"
+             extensionName="OtTemplating"
+  >
+    <flux:form.option.group value="ot_widgets" />
+    <flux:form.option.icon value="EXT:ot_templating/Resources/Public/Icons/opentalent-144x144.png" />
+  </flux:form>
+</f:section>
+
+<f:section name="Preview">
+  <p>{f:translate(key: 'share-bar-description')}</p>
+</f:section>
+
+<f:section name="Main">
+  <f:render partial="{settings.template}/ShareBar"/>
+</f:section>

ot_templating/Resources/Public/assets/Classic/style/classic-blue.css

@@ -664,6 +664,29 @@ footer .logo-ot {
   text-align: center;
 }
 
+.share-bar {
+  width: 100%;
+  height: 36px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  font-weight: 600;
+}
+
+.share-bar > * {
+  margin: 0 6px;
+}
+
+.share-bar h5 {
+  color: #666666;
+  font-weight: 600;
+}
+
+.share-bar a:hover {
+  text-decoration: none;
+}
+
 .breadcrumb {
   list-style: none;
   /* OLD - iOS 6-, Safari 3.1-6 */

ot_templating/Resources/Public/assets/Classic/style/classic-green.css

@@ -664,6 +664,29 @@ footer .logo-ot {
   text-align: center;
 }
 
+.share-bar {
+  width: 100%;
+  height: 36px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  font-weight: 600;
+}
+
+.share-bar > * {
+  margin: 0 6px;
+}
+
+.share-bar h5 {
+  color: #666666;
+  font-weight: 600;
+}
+
+.share-bar a:hover {
+  text-decoration: none;
+}
+
 .breadcrumb {
   list-style: none;
   /* OLD - iOS 6-, Safari 3.1-6 */

ot_templating/Resources/Public/assets/Classic/style/classic-grey.css

@@ -664,6 +664,29 @@ footer .logo-ot {
   text-align: center;
 }
 
+.share-bar {
+  width: 100%;
+  height: 36px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  font-weight: 600;
+}
+
+.share-bar > * {
+  margin: 0 6px;
+}
+
+.share-bar h5 {
+  color: #666666;
+  font-weight: 600;
+}
+
+.share-bar a:hover {
+  text-decoration: none;
+}
+
 .breadcrumb {
   list-style: none;
   /* OLD - iOS 6-, Safari 3.1-6 */

ot_templating/Resources/Public/assets/Classic/style/classic-light-blue.css

@@ -664,6 +664,29 @@ footer .logo-ot {
   text-align: center;
 }
 
+.share-bar {
+  width: 100%;
+  height: 36px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  font-weight: 600;
+}
+
+.share-bar > * {
+  margin: 0 6px;
+}
+
+.share-bar h5 {
+  color: #666666;
+  font-weight: 600;
+}
+
+.share-bar a:hover {
+  text-decoration: none;
+}
+
 .breadcrumb {
   list-style: none;
   /* OLD - iOS 6-, Safari 3.1-6 */

ot_templating/Resources/Public/assets/Classic/style/classic-light-red.css

@@ -664,6 +664,29 @@ footer .logo-ot {
   text-align: center;
 }
 
+.share-bar {
+  width: 100%;
+  height: 36px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  font-weight: 600;
+}
+
+.share-bar > * {
+  margin: 0 6px;
+}
+
+.share-bar h5 {
+  color: #666666;
+  font-weight: 600;
+}
+
+.share-bar a:hover {
+  text-decoration: none;
+}
+
 .breadcrumb {
   list-style: none;
   /* OLD - iOS 6-, Safari 3.1-6 */

ot_templating/Resources/Public/assets/Classic/style/classic-orange.css

@@ -664,6 +664,29 @@ footer .logo-ot {
   text-align: center;
 }
 
+.share-bar {
+  width: 100%;
+  height: 36px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  font-weight: 600;
+}
+
+.share-bar > * {
+  margin: 0 6px;
+}
+
+.share-bar h5 {
+  color: #666666;
+  font-weight: 600;
+}
+
+.share-bar a:hover {
+  text-decoration: none;
+}
+
 .breadcrumb {
   list-style: none;
   /* OLD - iOS 6-, Safari 3.1-6 */

ot_templating/Resources/Public/assets/Classic/style/classic-purple.css

@@ -664,6 +664,29 @@ footer .logo-ot {
   text-align: center;
 }
 
+.share-bar {
+  width: 100%;
+  height: 36px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  font-weight: 600;
+}
+
+.share-bar > * {
+  margin: 0 6px;
+}
+
+.share-bar h5 {
+  color: #666666;
+  font-weight: 600;
+}
+
+.share-bar a:hover {
+  text-decoration: none;
+}
+
 .breadcrumb {
   list-style: none;
   /* OLD - iOS 6-, Safari 3.1-6 */

ot_templating/Resources/Public/assets/Classic/style/classic-red.css

@@ -664,6 +664,29 @@ footer .logo-ot {
   text-align: center;
 }
 
+.share-bar {
+  width: 100%;
+  height: 36px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  font-weight: 600;
+}
+
+.share-bar > * {
+  margin: 0 6px;
+}
+
+.share-bar h5 {
+  color: #666666;
+  font-weight: 600;
+}
+
+.share-bar a:hover {
+  text-decoration: none;
+}
+
 .breadcrumb {
   list-style: none;
   /* OLD - iOS 6-, Safari 3.1-6 */

ot_templating/Resources/Public/assets/Classic/style/module/_share-bar.scss

@@ -0,0 +1,23 @@
+
+.share-bar {
+  width: 100%;
+  height: 36px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  font-weight: 600;
+}
+
+.share-bar>* {
+  margin: 0 6px;
+}
+
+.share-bar h5 {
+  color: #666666;
+  font-weight: 600;
+}
+
+.share-bar a:hover {
+  text-decoration: none;
+}

ot_templating/Resources/Public/assets/Classic/style/style.scss

@@ -83,6 +83,7 @@ $warning-font-color: #ffffff !default;
 "module/_content",
 "module/_footer",
 "module/_user-toolbar",
+"module/_share-bar",
 "module/_breadcrumb",
 "module/_carousel",
 "module/_ot-box",

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

@@ -384,6 +384,39 @@
     padding: 12px;
 }
 
+/*------------------------
+    Social
+------------------------*/
+.share-bar {
+    width: 100%;
+    height: 36px;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    font-weight: 600;
+}
+
+.share-bar>* {
+    margin: 0 6px;
+}
+
+.share-bar h5 {
+    color: #666666;
+    font-size: 16px;
+    font-weight: 600;
+}
+
+.share-bar a:hover {
+    text-decoration: none;
+}
+
+.share-bar a .fa {
+    font-size: 16px;
+    margin-right: 3px;
+}
+
+
 /*------------------------
     Pied de page
 ------------------------*/