Merge pull request #117 from Cogapp/feature/custom-tours

Custom Tours Sprint 1

app/Http/Controllers/CustomTourController.php

@@ -28,4 +28,9 @@ public function show($id)
 
         return view('site.customTour', ['id' => $customTourItem->id, 'custom_tour' => $customTour]);
     }
+
+    public function showCustomTourBuilder()
+    {
+        return view('site.customTourBuilder');
+    }
 }

database/seeders/CustomTourSeeder.php

@@ -0,0 +1,76 @@
+<?php
+
+namespace Database\Seeders;
+
+use App\Models\CustomTour;
+use Illuminate\Database\Seeder;
+
+class CustomTourSeeder extends Seeder
+{
+    public function run(): void
+    {
+        // Custom Tour - Complete Content
+        $tourJson = [
+            "title" => "Custom Tour - Complete Content",
+            "description" => "My custom tour description",
+            "artworks" => [
+                [
+                    "id" => 656,
+                    "title" => "Lion (One of a Pair, South Pedestal)",
+                    "objectNote" => "Note about Lion (One of a Pair, South Pedestal)",
+                ],
+                [
+                    "id" => 28560,
+                    "title" => "The Bedroom",
+                    "objectNote" => "Note about The Bedroom",
+                ],
+                [
+                    "id" => 117266,
+                    "title" => "Nightlife",
+                    "objectNote" => "Note about Nightlife",
+                ],
+                [
+                    "id" => 24306,
+                    "title" => "Blue and Green Music",
+                    "objectNote" => "Note about Blue and Green Music",
+                ],
+                [
+                    "id" => 64818,
+                    "title" => "Stacks of Wheat (End of Summer)",
+                    "objectNote" => "Note about Stacks of Wheat (End of Summer)",
+                ],
+            ],
+        ];
+
+        $customTour = new CustomTour();
+        $customTour->tour_json = json_encode($tourJson);
+        $customTour->save();
+
+        // Custom Tour - No Description
+        $tourJson = [
+            "title" => "Custom Tour - No Description",
+            "description" => "",
+            "artworks" => [
+                [
+                    "id" => 117266,
+                    "title" => "Nightlife",
+                    "objectNote" => "Note about Nightlife",
+                ],
+                [
+                    "id" => 24306,
+                    "title" => "Blue and Green Music",
+                    "objectNote" => "Note about Blue and Green Music",
+                ],
+                [
+                    "id" => 64818,
+                    "title" => "Stacks of Wheat (End of Summer)",
+                    "objectNote" => "Note about Stacks of Wheat (End of Summer)",
+                ],
+            ],
+        ];
+
+        $customTour = new CustomTour();
+        $customTour->tour_json = json_encode($tourJson);
+        $customTour->save();
+    }
+}

database/seeders/DatabaseSeeder.php

@@ -14,6 +14,7 @@ class DatabaseSeeder extends Seeder
         HomePageSeeder::class,
         VisitPageSeeder::class,
         IlluminateTagSeeder::class,
+        CustomTourSeeder::class,
     ];
 
     public function run(): void

frontend/a17-script/gulp/gulp_tasks/scripts.js

@@ -28,6 +28,7 @@ module.exports = function(gulp, data, util, taskName) {
           collectionSearch: scriptsPath + 'collectionSearch.js',
           videojs: scriptsPath + 'videojs.js',
           recaptcha: scriptsPath + 'recaptcha.js',
+          customTourBuilder: scriptsPath + 'customTourBuilder.js',
         },
         stats: {
           errorDetails: true,

frontend/js/behaviors/customTourBuilder/customTourBuilder.js

@@ -0,0 +1,25 @@
+import ReactDOM from 'react-dom';
+import React from 'react';
+import CustomTourBuilder from 'custom-tour-builder';
+
+export default function customTourBuilder(container) {
+  this.init = function () {
+    ReactDOM.render(
+      <CustomTourBuilder
+        initMessage="Custom Tour Builder will render here!"
+      />,
+      container,
+      () => {
+        // This is informed by where I think the header scroll hiding is happening
+        // See: frontend/js/functions/core/setScrollDirection.js
+        // Catch if the scroll is below the threshold and remove the class
+        if (window.scrollY < 100) {
+          document.documentElement.classList.remove('s-header-hide');
+        }
+      }
+    );
+  }
+  this.destroy = function () {
+    ReactDOM.unmountComponentAtNode(container);
+  }
+}

frontend/js/behaviors/customTourBuilder/index.js

@@ -0,0 +1 @@
+export { default as customTourBuilder } from './customTourBuilder';

frontend/js/customTourBuilder.js

@@ -0,0 +1,6 @@
+import { manageBehaviors } from '@area17/a17-helpers';
+import * as Behaviors from './behaviors/customTourBuilder';
+
+document.addEventListener('DOMContentLoaded', function() {
+  manageBehaviors(Behaviors);
+});