Release/8.8.5 - Layout config option, created option to extend promo repository

app/Http/Controllers/ChildpageController.php

@@ -44,6 +44,8 @@ public function index(Request $request): View
 
             $request->data['base']['hero'] = $components['components'][$hero_key]['data'];
 
+            config(['base.hero_full_controllers' => ['ChildpageController']]);
+
             unset($components['components'][$hero_key]);
         }
 

app/Http/Middleware/Data.php

@@ -52,6 +52,10 @@ public function handle(Request $request, Closure $next): Response|null
         // Merge server and page data so global repositories can use them
         $request->data = merge($data, $page);
 
+        // Get the site layout and merge
+        $layout['layout'] = config('base.layout');
+        $request->data = merge($request->data, $layout);
+
         // Get the global data config
         $config = config('base.global');
 

app/Repositories/PromoRepository.php

@@ -73,6 +73,22 @@ public function getBackToPromoPage($referer = null, $scheme = null, $host = null
      */
     public function getRequestData(array $data)
     {
+        /*
+        |--------------------------------------------------------------------------
+        | Do not edit this file!
+        |--------------------------------------------------------------------------
+        |
+        | Add to config/base.app Global Data => $global['all']['promos']['new_promo']
+        | - or -
+        | Extend this repository; copy and edit these stubs:
+        |     stubs/extend-repository.stub => app/Repositories/PromosExtendedRepository.php
+        |     stubs/extend-repository-styleguide.stub => styleguide/Repositories/PromosExtendedRepository.php
+        |
+        |     Update config/base.app Global Data 'callbacks' and replace:
+        |     '\Repositories\PromoRepository@getRequestData' => '\Repositories\PromosExtendedRepository@getRequestData'
+        |
+        */
+
         // Get the global promos config
         $config = config('base.global');
 
@@ -84,14 +100,7 @@ public function getRequestData(array $data)
             $groups = array_merge($groups, $config['sites'][$data['site']['id']]['promos']);
         }
 
-        // Setup the group reference
-        $group_reference = collect($groups)->reject(function ($group) {
-            return empty($group['id']);
-        })->mapWithKeys(function ($group, $name) {
-            $group_reference[$group['id']] = $name;
-
-            return [$group['id'] => $name];
-        })->toArray();
+        $group_reference = $this->createGlobalPromoGroupReference($data, $config, $groups);
 
         $params = [
             'method' => 'cms.promotions.listing',
@@ -104,7 +113,38 @@ public function getRequestData(array $data)
             return $this->wsuApi->sendRequest($params['method'], $params);
         });
 
-        // Setup the group reference array for this site
+        $group_config = $this->createGlobalPromoGroupConfig($data, $config, $groups);
+
+        $promos = $this->parsePromos->parse($promos, $group_reference, $group_config);
+
+        $global_promos = $this->manipulateGlobalPromos($promos, $groups);
+
+        return $global_promos;
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    public function createGlobalPromoGroupReference(array $data, array $config, array $groups)
+    {
+        // Setup the group reference of promo group IDs
+        $group_reference = collect($groups)->reject(function ($group) {
+            return empty($group['id']);
+        })->mapWithKeys(function ($group, $name) {
+            $group_reference[$group['id']] = $name;
+
+            return [$group['id'] => $name];
+        })->toArray();
+
+        return $group_reference;
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    public function createGlobalPromoGroupConfig(array $data, array $config, array $groups)
+    {
+        // Inject global promo config
         $group_config = collect($groups)->mapWithKeys(function ($group, $name) use ($config, $data) {
             $value = !empty($group['config']) ? $group['config'] : null;
 
@@ -118,9 +158,14 @@ public function getRequestData(array $data)
             $group_config = str_replace('|limit:1', '|limit:'.config('base.hero_rotating_limit'), $group_config);
         }
 
-        // Parsed promotions
-        $promos = $this->parsePromos->parse($promos, $group_reference, $group_config);
+        return $group_config;
+    }
 
+    /**
+     * {@inheritdoc}
+     */
+    public function manipulateGlobalPromos(array $promos, array $groups)
+    {
         // Override the site's social icons if it doesn't have any
         if (empty($promos['social']) && !empty($promos['main_social'])) {
             $promos['social'] = $promos['main_social'];

config/base.php

@@ -29,6 +29,16 @@
     */
     'gtm_code' => 'GTM-NCBVKQ2',
 
+    /*
+    |--------------------------------------------------------------------------
+    | Site layout
+    |--------------------------------------------------------------------------
+    |
+    | Create a new layout when adjustments to the content area are needed.
+    |
+    */
+    'layout' => 'main',
+
     /*
     |--------------------------------------------------------------------------
     | Top Menu Enabled
@@ -76,6 +86,21 @@
     */
     'homepage_menu_enabled' => true,
 
+    /*
+    |--------------------------------------------------------------------------
+    | Hero Full Width
+    |--------------------------------------------------------------------------
+    |
+    | This enables hero images to span 100% across the top of the site. You
+    | can specify which controllers you want this to work on by adding to
+    | the array. If a controller is not listed it will be contained
+    | within the content-area. If a page isn't in the menu and top
+    | menu is enabled then the controller will automatically act
+    | as if it was in this array.
+    |
+    */
+    'hero_full_controllers' => ['HomepageController'],
+
     /*
     |--------------------------------------------------------------------------
     | Hero Rotating

contracts/Repositories/PromoRepositoryContract.php

@@ -4,8 +4,33 @@
 
 interface PromoRepositoryContract
 {
+    /**
+     * {@inheritdoc}
+     */
+    public function getPromoView($id);
+
+    /**
+     * {@inheritdoc}
+     */
+    public function getBackToPromoPage($referer = null, $scheme = null, $host = null, $uri = null);
+
     /**
      * {@inheritdoc}
      */
     public function getRequestData(array $data);
+
+    /**
+     * {@inheritdoc}
+     */
+    public function createGlobalPromoGroupReference(array $data, array $config, array $groups);
+
+    /**
+     * {@inheritdoc}
+     */
+    public function createGlobalPromoGroupConfig(array $data, array $config, array $groups);
+
+    /**
+     * {@inheritdoc}
+     */
+    public function manipulateGlobalPromos(array $promos, array $groups);
 }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "base",
   "private": true,
-  "version": "8.8.4",
+  "version": "8.8.5",
   "description": "",
   "scripts": {
     "dev": "npm run development",

resources/views/article.blade.php

@@ -1,4 +1,4 @@
-@extends('components.content-area')
+@extends('layouts.' . (!empty($base['layout']) ? $base['layout'] : 'main'))
 
 @section('content')
     @include('components.page-title', ['title' => $article['data']['title']])

resources/views/articles.blade.php

@@ -1,4 +1,4 @@
-@extends('components.content-area')
+@extends('layouts.' . (!empty($base['layout']) ? $base['layout'] : 'main'))
 
 @section('content')
     @include('components.page-title', ['title' => $base['page']['title']])

resources/views/childpage.blade.php

@@ -1,4 +1,4 @@
-@extends('components.content-area')
+@extends('layouts.' . (!empty($base['layout']) ? $base['layout'] : 'main'))
 
 @section('content')
     @include('components.page-title', ['title' => $base['page']['title']])

resources/views/components/hero.blade.php

@@ -15,7 +15,15 @@
                 @if(!empty($hero['option']))
                     @include('components/hero/'.Str::slug($hero['option']))
                 @else
-                    @include('components/hero/banner-small')
+                    @if(!empty($base['layout']) && $base['layout'] === 'contained-hero') 
+                        @include('components/hero/banner-large')
+                    @else
+                        @if(config('base.layout') === 'contained-hero')
+                            @include('components/hero/banner-contained')
+                        @else
+                            @include('components/hero/banner-small')
+                        @endif
+                    @endif
                 @endif
             @endif
         @endforeach

resources/views/components/hero/banner-large.blade.php

@@ -2,5 +2,5 @@
     $hero => array // ['relative_url', 'title']
 --}}
 <div class="hero__wrapper w-full">
-    <div class="hero__bg h-hero max-h-hero w-full bg-cover bg-center relative{{ $loop->first !== true ? ' lazy' : '' }}" @if($loop->first === true) style="background-image: url('{{ $hero['relative_url'] }}')" @else data-src="{{ $hero['relative_url'] }}"@endif></div>
+    <div class="hero__bg aspect-hero max-h-hero w-full bg-cover bg-center relative{{ $loop->first !== true ? ' lazy' : '' }}" @if($loop->first === true) style="background-image: url('{{ $hero['relative_url'] }}')" @else data-src="{{ $hero['relative_url'] }}"@endif></div>
 </div>

resources/views/components/hero/text-overlay.blade.php

@@ -3,24 +3,26 @@
 --}}
 
 <div class="hero__wrapper w-full relative">
-    <div class="hero__primary-image h-hero max-h-hero w-full bg-cover bg-center relative{{ $loop->first !== true ? ' lazy' : '' }}" @if($loop->first === true) style="background-image: url('{{ $hero['relative_url'] }}')" @else data-src="{{ $hero['relative_url'] }}"@endif></div>
+    <div class="hero__primary-image aspect-hero max-h-hero w-full bg-cover bg-center relative{{ $loop->first !== true ? ' lazy' : '' }}" @if($loop->first === true) style="background-image: url('{{ $hero['relative_url'] }}')" @else data-src="{{ $hero['relative_url'] }}"@endif></div>
     <div class="hero__content-position relative lg:absolute print:relative p-6 lg:p-0 lg:bottom-0 lg:inset-x-0 lg:bg-gradient-darkest lg:pt-20">
         <div class="row">
             <{{ !empty($hero['link']) ? 'a href='.$hero['link'] : 'div' }} class="hero__content relative block {{ !empty($hero['link']) ? 'group no-underline ' : '' }} p-4 lg:pb-2 pl-6 lg:pl-4 pb-8 border-l-12 border-gold border-solid lg:border-0 text-green-900 lg:text-white lg:white-links">
-                <div class="hero__title lg:drop-shadow-px leading-tight mt-4 text-3xl mb-3 lg:text-5xl group-hover:underline">
+                <div class="hero__title lg:drop-shadow-px leading-tight mt-4 text-3xl mb-4 lg:text-5xl group-hover:underline">
                     {!! strip_tags($hero['title'], ['em', 'strong']) !!}
                 </div>
                 @if(!empty($hero['description']))
-                    <div class="hero__description text-lg content">
+                    <div class="hero__description text-lg content -mt-2">
                         @if(!empty($hero['link']))
                             {!! preg_replace(array('"<a href(.*?)>"', '"</a>"'), array('',''), $hero['description']) !!}
                         @else
                             {!! $hero['description'] !!}
                         @endif
                     </div>
                 @endif
+            {!! !empty($hero['link']) ? '</a>' : '</div>' !!}
+            <div class="relative px-4 -mt-4 mb-4">
                 @yield('hero-buttons')
-            <{{ !empty($hero['link']) ? '/a' : '/div' }}>
+            </div>
         </div>
     </div>
 </div>

resources/views/components/promo/grid-item.blade.php

@@ -41,4 +41,4 @@
             </div>
         </div>
     </div>
-<{{ !empty($item['link']) ? '/a' : '/div' }}>
+{!! !empty($item['link']) ? '</a>' : '</div>' !!}

resources/views/components/promo/list-item.blade.php

@@ -40,4 +40,4 @@
             @endif
         </div>
     </div>
-<{{ !empty($item['link']) ? '/a' : '/div' }}>
+{!! !empty($item['link']) ? '</a>' : '</div>' !!}

resources/views/contact-tables.blade.php

@@ -1,4 +1,4 @@
-@extends('components.content-area')
+@extends('layouts.' . (!empty($base['layout']) ? $base['layout'] : 'main'))
 
 @section('content')
     @include('components.page-title', ['title' => $base['page']['title']])

resources/views/directory.blade.php

@@ -1,4 +1,4 @@
-@extends('components.content-area')
+@extends('layouts.' . (!empty($base['layout']) ? $base['layout'] : 'main'))
 
 @section('content')
     @include('components.page-title', ['title' => $base['page']['title']])

resources/views/homepage.blade.php

@@ -1,4 +1,4 @@
-@extends('components.content-area')
+@extends('layouts.' . (!empty($base['layout']) ? $base['layout'] : 'main'))
 
 @section('content')
     @include('components.page-title', ['title' => $base['page']['title']])

resources/views/components/content-area.blade.php → resources/views/layouts/contained-hero.blade.php

@@ -1,9 +1,44 @@
-@extends('layouts.' . (!empty($layout) ? $layout : 'main'))
+<!DOCTYPE html>
+<html class="bg-white antialiased" lang="en">
+<head>
+    @include('components.meta')
 
-@section('content-area')
+    <title>{{ $base['meta']['title'] ?? 'Wayne State University' }}</title>
+
+    <link rel="icon" type="image/x-icon" href="https://wayne.edu/favicon.ico">
+    <link rel="stylesheet" href="{{ mix('_resources/css/main.css') }}">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
+
+    @if(!empty($base['page']['canonical']))<link rel="canonical" href="{{ $base['page']['canonical'] }}">@endif
+
+    @include('components.gtm-head')
+
+    @yield('head')
+</head>
+<body class="font-sans font-normal text-black leading-normal text-base">
+
+@include('components.gtm-body')
+@include('components.skip')
+
+<header>
+    @include('components.header')
+
+    @if(!empty($base['site']))
+        @include('components.menu-top', ['site' => $base['site'], 'top_menu_output' => $base['top_menu_output']])
+    @endif
+
+    @if(!empty($base['flag']))
+        @include('components.flag', ['flag' => $base['flag']])
+    @endif
+</header>
+
+<div id="panel" class="site-theme">
     @yield('top')
 
-    @if(!empty($base['hero']))
+    @if(!empty($base['hero']) && in_array($base['page']['controller'], config('base.hero_full_controllers')))
         @include('components.hero', ['data' => $base['hero']])
 
         @yield('under-hero')
@@ -47,6 +82,12 @@
 
         <main class="w-full {{$base['show_site_menu'] === true ? 'mt:w-3/4' : '' }} content-area mb-8 print:w-full" tabindex="-1">
 
+            @if(!empty($base['hero']) && !in_array($base['page']['controller'], config('base.hero_full_controllers')))
+                @include('components.hero', ['data' => $base['hero']])
+
+                @yield('under-hero')
+            @endif
+
             @if(!empty($base['breadcrumbs']))
                 @include('components.breadcrumbs', ['breadcrumbs' => $base['breadcrumbs']])
             @endif
@@ -58,4 +99,20 @@
     @if(!in_array($base['page']['controller'], config('base.full_width_controllers')))</div>@endif
 
     @yield('bottom')
-@endsection
+</div>
+
+<footer>
+    @if(!empty($base['social']))
+        @include('components.footer-social', ['social' => $base['social']])
+    @endif
+
+    @if(!empty($base['contact']))
+        @include('components.footer-contact', ['contact' => $base['contact']])
+    @endif
+
+    @include('components.footer')
+</footer>
+
+<script src="{{ mix('_resources/js/main.js') }}"></script>
+</body>
+</html>