Merge pull request #589 from FitzwilliamMuseum/feature/add-customisab…

…le-banner

Add editable banner to the top of the site

app/Helpers/helpers.php

@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Helpers;
+
+use App\Models\AnnouncementGlobal;
+
+class helpers {
+    /**
+     * Return the global announcement from the database
+     *
+     * @return array
+     */
+    public static function getGlobalAnnouncement() {
+        $globalAnnouncment = AnnouncementGlobal::list();
+
+        return $globalAnnouncment;
+    }
+}

app/Models/AnnouncementGlobal.php

@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Models;
+
+use App\DirectUs;
+
+class AnnouncementGlobal extends Model
+{
+    protected static string $table = 'announcement_global';
+
+    /**
+     * Return the announcement
+     *
+     * @returns array
+     */
+    public static function list(): array
+    {
+        $api = new DirectUs(
+            self::$table,
+            array(
+                'fields' => '*.*.*.*',
+                'filter[status]' => 'published',
+                'meta' => '*',
+                'sort' => 'id'
+            )
+        );
+
+        return $api->getData();
+    }
+}

config/app.php

@@ -230,6 +230,8 @@
         'View' => Illuminate\Support\Facades\View::class,
         'Str' => Illuminate\Support\Str::class,
         'Youtube' => Alaouy\Youtube\Facades\Youtube::class,
+
+        'SiteHelper' => App\Helpers\helpers::class,
     ],
 
 ];

resources/views/includes/structure/nav.blade.php

@@ -47,8 +47,30 @@
 
 
 <!-- Nav bars -->
+{{-- If the client has a global announcement published in the CMS, then output it at the top of the page --}}
+@if(
+(!empty(SiteHelper::getGlobalAnnouncement()['data'][0]['status']) && SiteHelper::getGlobalAnnouncement()['data'][0]['status'] == 'published')
+)
+<nav class="navbar  navbar-expand-lg navbar-dark bg-black fixed-top container-fluid" style="padding-top: 0; flex-direction: column;">
+    <div id="global-announcement" class="global-announcement" style="background: #EB0000; color: white; padding: 10px; text-align: center; width: 100%;">
+        <style>
+            #global-announcement a {
+                color: inherit;
+                text-decoration: underline;
+            }
+        </style>
+
+        {!! (SiteHelper::getGlobalAnnouncement()['data'][0]['announcement']) !!}
+    </div>
+    <div class="container-fluid" style="padding-top: 8px;">
+
+@else
+
 <nav class="navbar navbar-expand-lg navbar-dark bg-black fixed-top">
     <div class="container-fluid">
+
+@endif
+
         <a class="navbar-brand" href="{{ route('home') }}">
             <img src="{{asset("/images/logos/FitzLogo.svg")}}"
                  alt="The Fitzwilliam Museum Logo"