From 98cb912512215303f159b1ae4ea1d4fd829efc36 Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Tue, 17 Jan 2023 17:32:28 +0100
Subject: [PATCH] add contacts to person single

---
 .../sass/_theme/design-system/contacts.sass   | 26 +++++++++++
 assets/sass/_theme/hugo-osuny.sass            |  1 +
 .../sass/_theme/sections/organizations.sass   | 26 -----------
 layouts/organizations/single.html             |  6 +--
 layouts/partials/persons/contact-details.html | 45 +++++++++++++++++++
 layouts/persons/single.html                   |  2 +
 6 files changed, 77 insertions(+), 29 deletions(-)
 create mode 100644 assets/sass/_theme/design-system/contacts.sass
 create mode 100644 layouts/partials/persons/contact-details.html

diff --git a/assets/sass/_theme/design-system/contacts.sass b/assets/sass/_theme/design-system/contacts.sass
new file mode 100644
index 00000000..cbc2e38e
--- /dev/null
+++ b/assets/sass/_theme/design-system/contacts.sass
@@ -0,0 +1,26 @@
+.contacts-details
+    @include grid(2, md)
+    margin-top: $spacing3
+    ul
+        @include list-reset
+        padding-left: 0
+        li
+            list-style-type: none
+            + li
+                margin-top: $spacing1
+            address
+                @extend .p
+            > span
+                @include meta
+                display: block
+    @include media-breakpoint-down(md)
+        width: auto
+        ul + ul
+            margin-top: $spacing1
+        li
+            display: flex
+            justify-content: space-between
+            align-items: baseline
+            span
+                flex-shrink: 0
+                margin-right: $spacing1
\ No newline at end of file
diff --git a/assets/sass/_theme/hugo-osuny.sass b/assets/sass/_theme/hugo-osuny.sass
index 8ffa13c6..aa3da638 100644
--- a/assets/sass/_theme/hugo-osuny.sass
+++ b/assets/sass/_theme/hugo-osuny.sass
@@ -18,6 +18,7 @@
 @import "design-system/layout"
 @import "design-system/a11y"
 @import "design-system/breadcrumb"
+@import "design-system/contacts"
 @import "design-system/footer"
 @import "design-system/header"
 @import "design-system/hero"
diff --git a/assets/sass/_theme/sections/organizations.sass b/assets/sass/_theme/sections/organizations.sass
index 8ed64017..2c011009 100644
--- a/assets/sass/_theme/sections/organizations.sass
+++ b/assets/sass/_theme/sections/organizations.sass
@@ -34,7 +34,6 @@
     .organizations
         margin-top: $spacing2
 
-
 .organizations__page
     .lead
         font-family: $lead-sidebar-font-family
@@ -63,37 +62,12 @@
                 object-position: center
         .blocks
             margin-top: $spacing3
-        .contacts-details
-            @include grid(2, md)
-            margin-top: $spacing3
-            width: col(8)
-            ul
-                @include list-reset
-                padding-left: 0
-                li
-                    list-style-type: none
-                    + li
-                        margin-top: $spacing1
-                    address
-                        @extend .p
-                    > span
-                        @include meta
-                        display: block
     @include media-breakpoint-down(md)
         .document-content
             .logo
                 margin-top: $spacing3
                 display: flex
                 justify-content: space-between
-            .contacts-details
-                width: auto
-                ul + ul
-                    margin-top: $spacing1
-                li
-                    display: flex
-                    justify-content: space-between
-                    align-items: baseline
-                        
     @include media-breakpoint-up(md)
         .document-content
             > .container
diff --git a/layouts/organizations/single.html b/layouts/organizations/single.html
index f2c22b7c..3d6039cf 100644
--- a/layouts/organizations/single.html
+++ b/layouts/organizations/single.html
@@ -19,12 +19,12 @@
               partial "H2AddId" .Content
             ) }}
         {{ end }}
+        
+        {{ partial "organizations/contact-details.html" . }}
+
       </div>
       {{ partial "organizations/logo.html" . }}
     </div>
-    <div class="container">
-      {{ partial "organizations/contact-details.html" . }}
-    </div>
     {{ partial "blocks/list.html" . }}
   </div>
 {{ end }}
diff --git a/layouts/partials/persons/contact-details.html b/layouts/partials/persons/contact-details.html
new file mode 100644
index 00000000..447c104a
--- /dev/null
+++ b/layouts/partials/persons/contact-details.html
@@ -0,0 +1,45 @@
+{{ with .Params }}
+  {{ if or .website .linkedin .twitter .email .phone }}
+    <div class="contacts-details">
+      {{ if or .website .linkedin .twitter .email .phone }}
+        <ul>
+          {{ with .website }}
+            <li>
+              <span>{{ i18n "commons.contact.website" }}</span>
+              <a href="{{ chomp . }}" target="_blank" rel="noopener" itemprop="url">{{ chomp . }}</a>
+            </li>
+          {{ end }}
+
+          {{ with .linkedin }}
+            <li>
+              <span>LinkedIn</span>
+              <a href="{{ chomp . }}" target="_blank" rel="noopener" itemprop="url">{{ chomp . }}</a>
+            </li>
+          {{ end }}
+        
+          {{ with .twitter }}
+            <li>
+              <span>Twitter</span>
+              <a href="https://twitter.com/{{ chomp . }}" target="_blank" rel="noopener" itemprop="url">{{ chomp . }}</a>
+            </li>
+          {{ end }}
+
+          {{ with .email }}
+            <li>
+              <span>{{ i18n "commons.contact.email" }}</span>
+              <a href="mailto:{{ chomp . }}" itemprop="email">{{ chomp . }}</a>
+            </li>
+          {{ end }}
+
+          {{ with .phone }}
+            <li>
+              <span>{{ i18n "commons.contact.phone" }}</span>
+              <a href="tel:{{ . }}" itemprop="telephone">{{ . }}</a>
+            </li>
+          {{ end }}
+        </ul>
+      {{ end }}
+
+    </div>
+  {{ end }}
+{{ end }}
diff --git a/layouts/persons/single.html b/layouts/persons/single.html
index c56f6e99..e2048212 100644
--- a/layouts/persons/single.html
+++ b/layouts/persons/single.html
@@ -45,6 +45,8 @@
               {{ partial "PrepareHTML" .Content }}
             </div>
           {{ end }}
+
+          {{ partial "persons/contact-details.html" . }}
         </div>
         {{ range $programsForAdministrator }}
         {{ $program := . }}
-- 
GitLab