framework/sage
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

default content block that uses core inner blocks

Browse Source
This commit is contained in:
Steve Ross
2025-11-23 17:34:49 +00:00
parent de94d0e68e
commit 00d0861014
27 changed files with 698 additions and 732 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
app/ACF/CloneGroup.php
View File

@@ -8,21 +8,51 @@ class CloneGroup
{ {
} }
public function background() public function block_background()
{ {
return [ return [
'contrast', 'contrast',
'bg_type',
'bg_colour', 'bg_colour',
'bg_tint', 'bg_tint',
'bg_opacity',
'bg_image',
'bg_video',
'pattern',
'pattern_top',
'pattern_bottom',
'padding_top',
'padding_bottom',
]; ];
} }
public function block_intro()
{
return [
'overline',
'heading',
'blurb',
'intro_alignment',
];
}
public function block_footer()
{
return [
'blurb_footer',
'links',
'footer_alignment',
];
}
public function block_settings()
{
return [
'section_anchor_id',
'padding_top',
'padding_bottom',
'container_width',
'angle_status',
'angle_position',
'angle_direction',
'angle_colour',
'angle_tint',
];
}
public function block_all()
{
return array_merge($this->block_intro(), $this->block_footer(), $this->block_settings(), $this->block_background());
}
} }

20
app/Admin/Blocks.php
View File

@@ -1,14 +1,30 @@
<?php <?php
namespace App\Admin; namespace App\Admin;
use Blocks\Content;
class Blocks class Blocks
{ {
public function __construct() public function __construct()
{ {
add_filter( 'block_categories_all' , [$this, 'categories']);
add_action('allowed_block_types_all', [$this, 'blacklist'], 100, 2); add_action('allowed_block_types_all', [$this, 'blacklist'], 100, 2);
} }
public function categories( $categories )
{
// Adding a new category.
$categories = array_merge([
[
'slug' => 'badegg',
'title' => __('Provided by Bad Egg Digital'),
],
], $categories);
return $categories;
}
public function blacklist() public function blacklist()
{ {
// Reference: // Reference:
@@ -130,6 +146,10 @@ class Blocks
'core/social-links', 'core/social-links',
]; ];
$Content = new Content\Content();
$blacklist = array_diff($blacklist, $Content->inner_blocks());
return array_values( array_diff( $blocks, $blacklist ) ); return array_values( array_diff( $blocks, $blacklist ) );
} }
} }

65
app/Blocks/BadExample.php
View File

@@ -1,65 +0,0 @@
<?php
namespace App\Blocks;
use App\Utilities;
use App\ACF;
class BadExample
{
public function __construct()
{
add_action('acf/init', [$this, 'init']);
}
public function init()
{
acf_register_block_type([
'name' => 'badegg/bad-example',
'title' => __('Bad Example'),
'description' => __('This is an example block'),
'render_callback' => [ $this, 'render'],
'category' => 'layout',
'multiple' => false,
'icon' => [
'src' => 'dismiss',
],
'supports' => [
'align' => false,
],
]);
}
public function render($block)
{
$CssClasses = new Utilities\CssClasses;
$Colour = new Utilities\Colour;
$CloneGroup = new ACF\CloneGroup;
$data = [];
$fields = [
'heading',
'blurb',
];
$fields = array_merge($fields, $CloneGroup->background());
foreach($fields as $field):
$data[$field] = get_field($field);
endforeach;
unset($block['data']);
$block['name'] = str_replace('acf/', '', $block['name']);
$data = array_merge($data, $block);
$data['section_classes'] = $CssClasses->section($data);
$data['block'] = $block;
$data['knockout'] = ($Colour->is_dark($data['bg_colour'], $data['bg_tint'], $data['contrast'])) ? null : 'knockout';
echo \Roots\view('blocks.bad-example', [
'data' => $data,
'block' => $block,
])->render();
}
}

3
app/Utilities/CssClasses.php
View File

@@ -14,7 +14,8 @@ class CssClasses {
$classes = [ $classes = [
'section', 'section',
'section-' . str_replace('acf/', '', $props['name']), 'section-' . $props['name'],
// 'section-' . str_replace('acf/', '', $props['name']),
'bg-' . $this->colourTint([ 'bg-' . $this->colourTint([
'colour' => @$props['bg_colour'], 'colour' => @$props['bg_colour'],
'tint' => @$props['bg_tint'], 'tint' => @$props['bg_tint'],

3
app/View/Composers/App.php
View File

@@ -31,9 +31,6 @@ class App extends Composer
'VideoSrcset' => new Utilities\VideoSrcset, 'VideoSrcset' => new Utilities\VideoSrcset,
'ImageSrcset' => new Utilities\ImageSrcset, 'ImageSrcset' => new Utilities\ImageSrcset,
'siteName' => $this->siteName(), 'siteName' => $this->siteName(),
'company_legal' => get_field('badegg_company_legal', 'option'),
'company_tel' => get_field('badegg_company_tel', 'option'),
'company_email' => get_field('badegg_company_email', 'option'),
]; ];
} }
} }

3
composer.json
View File

@@ -35,7 +35,8 @@
}, },
"autoload": { "autoload": {
"psr-4": { "psr-4": {
"App\\": "app/" "App\\": "app/",
"Blocks\\": "resources/views/blocks"
} }
}, },
"require": { "require": {

15
functions.php
View File

@@ -57,9 +57,22 @@ autoload_psr4('PostTypes');
autoload_psr4('ACF'); autoload_psr4('ACF');
autoload_psr4('Utilities'); autoload_psr4('Utilities');
autoload_psr4('Admin'); autoload_psr4('Admin');
autoload_psr4('Blocks');
autoload_psr4('Ajax'); autoload_psr4('Ajax');
function autoload_psr4_blocks() {
$path = __dir__ . '/resources/views/blocks/*';
$namespace = 'Blocks\\';
foreach(glob($path, GLOB_ONLYDIR) as $directory) {
$name = basename($directory);
$class = $namespace . $name . '\\' . $name;
new $class();
}
}
autoload_psr4_blocks();
/* /*
|-------------------------------------------------------------------------- |--------------------------------------------------------------------------
| Register Sage Theme Files | Register Sage Theme Files

47
resources/acf/group_block_bad_example.json → resources/acf/group_block_content.json
View File

@@ -1,9 +1,9 @@
{ {
"key": "group_block_bad_example", "key": "group_block_content",
"title": "Block: Bad Example", "title": "Block: Content",
"fields": [ "fields": [
{ {
"key": "field_676599038e31d", "key": "field_67659ad8dc795",
"label": "", "label": "",
"name": "", "name": "",
"aria-label": "", "aria-label": "",
@@ -16,42 +16,7 @@
"class": "", "class": "",
"id": "" "id": ""
}, },
"message": "<h3><span class=\"dashicons dashicons-dismiss\"><\/span> Bad Example<\/h3>", "message": "You can insert a variety of blocks inside of this one to build your page or post.",
"new_lines": "wpautop",
"esc_html": 0
},
{
"key": "field_67659accdc794",
"label": "Content",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_67659ad8dc795",
"label": "Example",
"name": "",
"aria-label": "",
"type": "message",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"message": "Place your block-specific custom fields here.",
"new_lines": "wpautop", "new_lines": "wpautop",
"esc_html": 0 "esc_html": 0
}, },
@@ -127,7 +92,7 @@
{ {
"param": "block", "param": "block",
"operator": "==", "operator": "==",
"value": "acf\/badegg-bad-example" "value": "acf\/badegg-content"
} }
] ]
], ],
@@ -140,5 +105,5 @@
"active": true, "active": true,
"description": "", "description": "",
"show_in_rest": 0, "show_in_rest": 0,
"modified": 1734712286 "modified": 1763915024
} }

82
resources/acf/group_block_intro.json
View File

@@ -1,82 +0,0 @@
{
"key": "group_block_intro",
"title": "Clone: Block Intro",
"fields": [
{
"key": "field_67659970db415",
"label": "Introduction",
"name": "",
"aria-label": "",
"type": "tab",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"placement": "top",
"endpoint": 0
},
{
"key": "field_676599964d3cc",
"label": "Heading",
"name": "heading",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_6765999d4d3cd",
"label": "Blurb",
"name": "blurb",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"rows": 3,
"placeholder": "",
"new_lines": ""
}
],
"location": [
[
{
"param": "widget",
"operator": "==",
"value": "rss"
}
]
],
"menu_order": 0,
"position": "normal",
"style": "default",
"label_placement": "top",
"instruction_placement": "label",
"hide_on_screen": "",
"active": true,
"description": "",
"show_in_rest": 0,
"modified": 1734711913
}

471
resources/acf/group_clone_background_settings.json
View File

@@ -2,33 +2,6 @@
"key": "group_clone_background_settings", "key": "group_clone_background_settings",
"title": "Clone: Background Settings", "title": "Clone: Background Settings",
"fields": [ "fields": [
{
"key": "field_672d3ba78bc40",
"label": "Background Type",
"name": "bg_type",
"aria-label": "",
"type": "select",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "20",
"class": "",
"id": ""
},
"choices": {
"0": "Solid Colour",
"image": "Still Photo",
"video": "Looping Video"
},
"default_value": 0,
"return_format": "value",
"multiple": 0,
"allow_null": 0,
"ui": 0,
"ajax": 0,
"placeholder": ""
},
{ {
"key": "field_67325dd23234e", "key": "field_67325dd23234e",
"label": "Background Colour", "label": "Background Colour",
@@ -39,26 +12,33 @@
"required": 0, "required": 0,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "20", "width": "50",
"class": "", "class": "",
"id": "" "id": ""
}, },
"choices": { "choices": {
"primary": "<i class=\"fas fa-circle\" style=\"color: #7A74A6\"><\/i> Kimberly", "primary": "<i class=\"fas fa-circle\" style=\"color: #002448\"><\/i> Prussian Blue",
"secondary": "<i class=\"fas fa-circle\" style=\"color: #9C729E\"><\/i> Trendy Pink", "secondary": "<i class=\"fas fa-circle\" style=\"color: #fc533e\"><\/i> Sunset Orange",
"tertiary": "<i class=\"fas fa-circle\" style=\"color: #B8728B\"><\/i> Turkish Rose", "tertiary": "<i class=\"fas fa-circle\" style=\"color: #fdd400\"><\/i> Gold",
"quaternary": "<i class=\"fas fa-circle\" style=\"color: #5875A0\"><\/i> Waikawa Gray", "quaternary": "<i class=\"fas fa-circle\" style=\"color: #7d89d1\"><\/i> Moody Blue",
"quinary": "<i class=\"fas fa-circle\" style=\"color: #4298B7\"><\/i> Boston Blue", "quinary": "<i class=\"fas fa-circle\" style=\"color: #ffdab4\"><\/i> Frangipani",
"0": "<i class=\"fas fa-circle\" style=\"color: #FFFFFF\"><\/i> White",
"black": "<i class=\"fas fa-circle\" style=\"color: #000000\"><\/i> Black", "black": "<i class=\"fas fa-circle\" style=\"color: #000000\"><\/i> Black",
"0": "<i class=\"fas fa-circle\" style=\"color: #FFFFFF\"><\/i> White" "quaternary-white": "<i class=\"fas fa-circle text-gradient text-gradient-quaternary-white\"><\/i> Moody Blue to White",
"quinary-white": "<i class=\"fas fa-circle text-gradient text-gradient-quinary-white\"><\/i> Frangipani to White",
"white-quaternary": "<i class=\"fas fa-circle text-gradient text-gradient-white-quaternary\"><\/i> White to Moody Blue",
"white-quinary": "<i class=\"fas fa-circle text-gradient text-gradient-white-quinary\"><\/i> White to Frangipani"
}, },
"default_value": 0, "default_value": 0,
"return_format": "value", "return_format": "value",
"multiple": 0, "multiple": 0,
"allow_null": 0, "allow_null": 0,
"allow_in_bindings": 1,
"ui": 1, "ui": 1,
"ajax": 0, "ajax": 0,
"placeholder": "" "placeholder": "",
"create_options": 0,
"save_options": 0
}, },
{ {
"key": "field_67325e213234f", "key": "field_67325e213234f",
@@ -70,7 +50,7 @@
"required": 0, "required": 0,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "20", "width": "50",
"class": "", "class": "",
"id": "" "id": ""
}, },
@@ -87,9 +67,12 @@
"return_format": "value", "return_format": "value",
"multiple": 0, "multiple": 0,
"allow_null": 0, "allow_null": 0,
"allow_in_bindings": 1,
"ui": 1, "ui": 1,
"ajax": 0, "ajax": 0,
"placeholder": "" "placeholder": "",
"create_options": 0,
"save_options": 0
}, },
{ {
"key": "field_67350f526abf1", "key": "field_67350f526abf1",
@@ -101,7 +84,7 @@
"required": 0, "required": 0,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "20", "width": "",
"class": "", "class": "",
"id": "" "id": ""
}, },
@@ -116,413 +99,9 @@
"allow_null": 0, "allow_null": 0,
"ui": 0, "ui": 0,
"ajax": 0, "ajax": 0,
"placeholder": "" "placeholder": "",
}, "create_options": 0,
{ "save_options": 0
"key": "field_67325e3432350",
"label": "Opacity",
"name": "bg_opacity",
"aria-label": "",
"type": "range",
"instructions": "",
"required": 0,
"conditional_logic": [
[
{
"field": "field_672d3ba78bc40",
"operator": "!=",
"value": "0"
}
]
],
"wrapper": {
"width": "20",
"class": "",
"id": ""
},
"default_value": 30,
"min": 5,
"max": 100,
"step": 5,
"prepend": "",
"append": "%"
},
{
"key": "field_6734b234f9c47",
"label": "Pattern Edge",
"name": "pattern",
"aria-label": "",
"type": "select",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "20",
"class": "",
"id": ""
},
"choices": {
"0": "Disabled",
"top": "Top",
"bottom": "Bottom",
"both": "Both"
},
"default_value": 0,
"return_format": "value",
"multiple": 0,
"allow_null": 0,
"ui": 0,
"ajax": 0,
"placeholder": ""
},
{
"key": "field_6734b2daf9c4b",
"label": "Top Pattern",
"name": "pattern_top",
"aria-label": "",
"type": "group",
"instructions": "",
"required": 0,
"conditional_logic": [
[
{
"field": "field_6734b234f9c47",
"operator": "==",
"value": "top"
}
],
[
{
"field": "field_6734b234f9c47",
"operator": "==",
"value": "both"
}
]
],
"wrapper": {
"width": "40",
"class": "",
"id": ""
},
"layout": "block",
"sub_fields": [
{
"key": "field_673514b45e977",
"label": "Colour",
"name": "colour",
"aria-label": "",
"type": "select",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "50",
"class": "",
"id": ""
},
"choices": {
"primary": "<i class=\"fas fa-circle\" style=\"color: #7A74A6\"><\/i> Kimberly",
"secondary": "<i class=\"fas fa-circle\" style=\"color: #9C729E\"><\/i> Trendy Pink",
"tertiary": "<i class=\"fas fa-circle\" style=\"color: #B8728B\"><\/i> Turkish Rose",
"quaternary": "<i class=\"fas fa-circle\" style=\"color: #5875A0\"><\/i> Waikawa Gray",
"quinary": "<i class=\"fas fa-circle\" style=\"color: #4298B7\"><\/i> Boston Blue",
"black": "<i class=\"fas fa-circle\" style=\"color: #000000\"><\/i> Black",
"0": "<i class=\"fas fa-circle\" style=\"color: #FFFFFF\"><\/i> White"
},
"default_value": false,
"return_format": "",
"multiple": 0,
"allow_null": 0,
"ui": 1,
"ajax": 0,
"placeholder": ""
},
{
"key": "field_673514d85e978",
"label": "Tint",
"name": "tint",
"aria-label": "",
"type": "select",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "50",
"class": "",
"id": ""
},
"choices": {
"lightest": "Lightest",
"lighter": "Lighter",
"light": "Light",
"0": "None",
"dark": "Dark",
"darker": "Darker",
"darkest": "Darkest"
},
"default_value": 0,
"return_format": "value",
"multiple": 0,
"allow_null": 0,
"ui": 0,
"ajax": 0,
"placeholder": ""
}
]
},
{
"key": "field_673514f15e979",
"label": "Bottom Pattern",
"name": "pattern_bottom",
"aria-label": "",
"type": "group",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "40",
"class": "",
"id": ""
},
"layout": "block",
"sub_fields": [
{
"key": "field_673514f15e97a",
"label": "Colour",
"name": "colour",
"aria-label": "",
"type": "select",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "50",
"class": "",
"id": ""
},
"choices": {
"primary": "<i class=\"fas fa-circle\" style=\"color: #7A74A6\"><\/i> Kimberly",
"secondary": "<i class=\"fas fa-circle\" style=\"color: #9C729E\"><\/i> Trendy Pink",
"tertiary": "<i class=\"fas fa-circle\" style=\"color: #B8728B\"><\/i> Turkish Rose",
"quaternary": "<i class=\"fas fa-circle\" style=\"color: #5875A0\"><\/i> Waikawa Gray",
"quinary": "<i class=\"fas fa-circle\" style=\"color: #4298B7\"><\/i> Boston Blue",
"black": "<i class=\"fas fa-circle\" style=\"color: #000000\"><\/i> Black",
"0": "<i class=\"fas fa-circle\" style=\"color: #FFFFFF\"><\/i> White"
},
"default_value": false,
"return_format": "value",
"multiple": 0,
"allow_null": 0,
"ui": 1,
"ajax": 0,
"placeholder": ""
},
{
"key": "field_673514f15e97b",
"label": "Tint",
"name": "tint",
"aria-label": "",
"type": "select",
"instructions": "",
"required": 0,
"conditional_logic": [
[
{
"field": "field_673514f15e97a",
"operator": "!=",
"value": "black"
}
],
[
{
"field": "field_673514f15e97a",
"operator": "!=",
"value": "0"
}
]
],
"wrapper": {
"width": "50",
"class": "",
"id": ""
},
"choices": {
"lightest": "Lightest",
"lighter": "Lighter",
"light": "Light",
"0": "None",
"dark": "Dark",
"darker": "Darker",
"darkest": "Darkest"
},
"default_value": 0,
"return_format": "value",
"multiple": 0,
"allow_null": 0,
"ui": 0,
"ajax": 0,
"placeholder": ""
}
]
},
{
"key": "field_672d3b128bc39",
"label": "Background Image",
"name": "bg_image",
"aria-label": "",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": [
[
{
"field": "field_672d3ba78bc40",
"operator": "!=",
"value": "0"
}
]
],
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "id",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": "",
"preview_size": "medium"
},
{
"key": "field_672d3b228bc3a",
"label": "Background Video",
"name": "bg_video",
"aria-label": "",
"type": "group",
"instructions": "",
"required": 0,
"conditional_logic": [
[
{
"field": "field_672d3ba78bc40",
"operator": "==",
"value": "video"
}
]
],
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "block",
"sub_fields": [
{
"key": "field_672d3b428bc3b",
"label": "Extra Small",
"name": "xs",
"aria-label": "",
"type": "file",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "20",
"class": "",
"id": ""
},
"return_format": "array",
"library": "all",
"min_size": "",
"max_size": "",
"mime_types": "mp4"
},
{
"key": "field_672d3b678bc3c",
"label": "Small",
"name": "sm",
"aria-label": "",
"type": "file",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "20",
"class": "",
"id": ""
},
"return_format": "array",
"library": "all",
"min_size": "",
"max_size": "",
"mime_types": "mp4"
},
{
"key": "field_672d3b728bc3d",
"label": "Medium",
"name": "md",
"aria-label": "",
"type": "file",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "20",
"class": "",
"id": ""
},
"return_format": "array",
"library": "all",
"min_size": "",
"max_size": "",
"mime_types": "mp4"
},
{
"key": "field_672d3b7a8bc3e",
"label": "Large",
"name": "lg",
"aria-label": "",
"type": "file",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "20",
"class": "",
"id": ""
},
"return_format": "array",
"library": "all",
"min_size": "",
"max_size": "",
"mime_types": "mp4"
},
{
"key": "field_672d3b838bc3f",
"label": "Extra Large",
"name": "xl",
"aria-label": "",
"type": "file",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "20",
"class": "",
"id": ""
},
"return_format": "array",
"library": "all",
"min_size": "",
"max_size": "",
"mime_types": "mp4"
}
]
} }
], ],
"location": [ "location": [
@@ -543,5 +122,5 @@
"active": true, "active": true,
"description": "", "description": "",
"show_in_rest": 0, "show_in_rest": 0,
"modified": 1733505903 "modified": 1748194684
} }

59
resources/acf/group_block_footer.json → resources/acf/group_clone_block_footer.json
View File

@@ -1,5 +1,5 @@
{ {
"key": "group_block_footer", "key": "group_clone_block_footer",
"title": "Clone: Block Footer", "title": "Clone: Block Footer",
"fields": [ "fields": [
{ {
@@ -7,7 +7,7 @@
"label": "Footer", "label": "Footer",
"name": "", "name": "",
"aria-label": "", "aria-label": "",
"type": "tab", "type": "accordion",
"instructions": "", "instructions": "",
"required": 0, "required": 0,
"conditional_logic": 0, "conditional_logic": 0,
@@ -16,7 +16,8 @@
"class": "", "class": "",
"id": "" "id": ""
}, },
"placement": "top", "open": 0,
"multi_expand": 0,
"endpoint": 0 "endpoint": 0
}, },
{ {
@@ -53,7 +54,7 @@
"class": "", "class": "",
"id": "" "id": ""
}, },
"layout": "table", "layout": "block",
"pagination": 0, "pagination": 0,
"min": 0, "min": 0,
"max": 2, "max": 2,
@@ -85,6 +86,54 @@
"parent_repeater": "field_67659b7502137" "parent_repeater": "field_67659b7502137"
} }
] ]
},
{
"key": "field_682fb9ff58080",
"label": "Alignment",
"name": "footer_alignment",
"aria-label": "",
"type": "select",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"choices": {
"centre": "Centre",
"left": "Left",
"right": "Right"
},
"default_value": "centre",
"return_format": "value",
"multiple": 0,
"allow_null": 0,
"allow_in_bindings": 0,
"ui": 0,
"ajax": 0,
"placeholder": "",
"create_options": 0,
"save_options": 0
},
{
"key": "field_6828dac95eb68",
"label": "Footer (end)",
"name": "",
"aria-label": "",
"type": "accordion",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"open": 0,
"multi_expand": 0,
"endpoint": 1
} }
], ],
"location": [ "location": [
@@ -105,5 +154,5 @@
"active": true, "active": true,
"description": "", "description": "",
"show_in_rest": 0, "show_in_rest": 0,
"modified": 1734712326 "modified": 1747958307
} }

149
resources/acf/group_clone_block_intro.json Normal file
View File

@@ -0,0 +1,149 @@
{
"key": "group_clone_block_intro",
"title": "Clone: Block Intro",
"fields": [
{
"key": "field_67659970db415",
"label": "Introduction",
"name": "",
"aria-label": "",
"type": "accordion",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"open": 0,
"multi_expand": 0,
"endpoint": 0
},
{
"key": "field_676599964d3cc",
"label": "Heading",
"name": "heading",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "hfont",
"id": ""
},
"default_value": "",
"maxlength": "",
"allow_in_bindings": 0,
"rows": 2,
"placeholder": "",
"new_lines": ""
},
{
"key": "field_6765999d4d3cd",
"label": "Blurb",
"name": "blurb",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"rows": 3,
"placeholder": "",
"new_lines": ""
},
{
"key": "field_68bf1126c2760",
"label": "Links",
"name": "links",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "block",
"pagination": 0,
"min": 0,
"max": 1,
"collapsed": "",
"button_label": "Add Button",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_68bf1171c2761",
"label": "Link",
"name": "link",
"aria-label": "",
"type": "clone",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"clone": [
"group_clone_button"
],
"display": "seamless",
"layout": "block",
"prefix_label": 0,
"prefix_name": 0,
"parent_repeater": "field_68bf1126c2760"
}
]
},
{
"key": "field_6828dae1d1bb0",
"label": "Intro (end)",
"name": "",
"aria-label": "",
"type": "accordion",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"open": 0,
"multi_expand": 0,
"endpoint": 1
}
],
"location": [
[
{
"param": "widget",
"operator": "==",
"value": "rss"
}
]
],
"menu_order": 0,
"position": "normal",
"style": "default",
"label_placement": "top",
"instruction_placement": "label",
"hide_on_screen": "",
"active": true,
"description": "",
"show_in_rest": 0,
"modified": 1757498726
}

100
resources/acf/group_clone_block_settings.json
View File

@@ -7,7 +7,7 @@
"label": "Settings", "label": "Settings",
"name": "", "name": "",
"aria-label": "", "aria-label": "",
"type": "tab", "type": "accordion",
"instructions": "", "instructions": "",
"required": 0, "required": 0,
"conditional_logic": 0, "conditional_logic": 0,
@@ -16,9 +16,59 @@
"class": "", "class": "",
"id": "" "id": ""
}, },
"placement": "top", "open": 0,
"multi_expand": 0,
"endpoint": 0 "endpoint": 0
}, },
{
"key": "field_680016e0fac24",
"label": "Anchor ID",
"name": "section_anchor_id",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "#",
"append": ""
},
{
"key": "field_6800097e61765",
"label": "Container Width",
"name": "container_width",
"aria-label": "",
"type": "select",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"choices": {
"0": "Full Width",
"large": "Large",
"medium": "Medium",
"small": "Small",
"narrow": "Narrow"
},
"default_value": 0,
"return_format": "value",
"multiple": 0,
"allow_null": 0,
"ui": 0,
"ajax": 0,
"placeholder": ""
},
{ {
"key": "field_67350eb62cdf9", "key": "field_67350eb62cdf9",
"label": "Top Padding", "label": "Top Padding",
@@ -29,7 +79,7 @@
"required": 0, "required": 0,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "33.33", "width": "50",
"class": "", "class": "",
"id": "" "id": ""
}, },
@@ -54,7 +104,7 @@
"required": 0, "required": 0,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "33.33", "width": "50",
"class": "", "class": "",
"id": "" "id": ""
}, },
@@ -108,6 +158,46 @@
"layout": "block", "layout": "block",
"prefix_label": 0, "prefix_label": 0,
"prefix_name": 0 "prefix_name": 0
},
{
"key": "field_67fff4d4ddbb7",
"label": "Angle",
"name": "angle",
"aria-label": "",
"type": "clone",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"clone": [
"group_clone_angle"
],
"display": "seamless",
"layout": "block",
"prefix_label": 1,
"prefix_name": 1
},
{
"key": "field_6828da67543fc",
"label": "Settings (end)",
"name": "",
"aria-label": "",
"type": "accordion",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"open": 0,
"multi_expand": 0,
"endpoint": 1
} }
], ],
"location": [ "location": [
@@ -128,5 +218,5 @@
"active": true, "active": true,
"description": "", "description": "",
"show_in_rest": 0, "show_in_rest": 0,
"modified": 1731536288 "modified": 1747508044
} }

71
resources/acf/group_clone_button.json
View File

@@ -9,14 +9,15 @@
"aria-label": "", "aria-label": "",
"type": "link", "type": "link",
"instructions": "", "instructions": "",
"required": 0, "required": 1,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "40", "width": "",
"class": "", "class": "",
"id": "" "id": ""
}, },
"return_format": "array" "return_format": "array",
"allow_in_bindings": 1
}, },
{ {
"key": "field_673529a2a37a1", "key": "field_673529a2a37a1",
@@ -26,14 +27,22 @@
"type": "text", "type": "text",
"instructions": "", "instructions": "",
"required": 0, "required": 0,
"conditional_logic": 0, "conditional_logic": [
[
{
"field": "field_672d3d7b2c273",
"operator": "!=empty"
}
]
],
"wrapper": { "wrapper": {
"width": "20", "width": "",
"class": "", "class": "",
"id": "" "id": ""
}, },
"default_value": "", "default_value": "",
"maxlength": "", "maxlength": "",
"allow_in_bindings": 1,
"placeholder": "", "placeholder": "",
"prepend": "", "prepend": "",
"append": "" "append": ""
@@ -46,28 +55,42 @@
"type": "select", "type": "select",
"instructions": "", "instructions": "",
"required": 0, "required": 0,
"conditional_logic": 0, "conditional_logic": [
[
{
"field": "field_672d3d7b2c273",
"operator": "!=empty"
}
]
],
"wrapper": { "wrapper": {
"width": "20", "width": "",
"class": "", "class": "",
"id": "" "id": ""
}, },
"choices": { "choices": {
"primary": "<i class=\"fas fa-circle\" style=\"color: #7A74A6\"><\/i> Kimberly", "primary": "<i class=\"fas fa-circle\" style=\"color: #002448\"><\/i> Prussian Blue",
"secondary": "<i class=\"fas fa-circle\" style=\"color: #9C729E\"><\/i> Trendy Pink", "secondary": "<i class=\"fas fa-circle\" style=\"color: #fc533e\"><\/i> Sunset Orange",
"tertiary": "<i class=\"fas fa-circle\" style=\"color: #B8728B\"><\/i> Turkish Rose", "tertiary": "<i class=\"fas fa-circle\" style=\"color: #fdd400\"><\/i> Gold",
"quaternary": "<i class=\"fas fa-circle\" style=\"color: #5875A0\"><\/i> Waikawa Gray", "quaternary": "<i class=\"fas fa-circle\" style=\"color: #7d89d1\"><\/i> Moody Blue",
"quinary": "<i class=\"fas fa-circle\" style=\"color: #4298B7\"><\/i> Boston Blue", "quinary": "<i class=\"fas fa-circle\" style=\"color: #ffdab4\"><\/i> Frangipani",
"0": "<i class=\"fas fa-circle\" style=\"color: #FFFFFF\"><\/i> White",
"black": "<i class=\"fas fa-circle\" style=\"color: #000000\"><\/i> Black", "black": "<i class=\"fas fa-circle\" style=\"color: #000000\"><\/i> Black",
"0": "<i class=\"fas fa-circle\" style=\"color: #FFFFFF\"><\/i> White" "quaternary-white": "<i class=\"fas fa-circle text-gradient text-gradient-quaternary-white\"><\/i> Moody Blue to White",
"quinary-white": "<i class=\"fas fa-circle text-gradient text-gradient-quinary-white\"><\/i> Frangipani to White",
"white-quaternary": "<i class=\"fas fa-circle text-gradient text-gradient-white-quaternary\"><\/i> White to Moody Blue",
"white-quinary": "<i class=\"fas fa-circle text-gradient text-gradient-white-quinary\"><\/i> White to Frangipani"
}, },
"default_value": 0, "default_value": "primary",
"return_format": "value", "return_format": "value",
"multiple": 0, "multiple": 0,
"allow_null": 0, "allow_null": 0,
"allow_in_bindings": 1,
"ui": 1, "ui": 1,
"ajax": 0, "ajax": 0,
"placeholder": "" "placeholder": "",
"create_options": 0,
"save_options": 0
}, },
{ {
"key": "field_672d3dc52c275", "key": "field_672d3dc52c275",
@@ -77,9 +100,16 @@
"type": "select", "type": "select",
"instructions": "", "instructions": "",
"required": 0, "required": 0,
"conditional_logic": 0, "conditional_logic": [
[
{
"field": "field_672d3d7b2c273",
"operator": "!=empty"
}
]
],
"wrapper": { "wrapper": {
"width": "20", "width": "",
"class": "", "class": "",
"id": "" "id": ""
}, },
@@ -91,9 +121,12 @@
"return_format": "value", "return_format": "value",
"multiple": 0, "multiple": 0,
"allow_null": 0, "allow_null": 0,
"allow_in_bindings": 1,
"ui": 0, "ui": 0,
"ajax": 0, "ajax": 0,
"placeholder": "" "placeholder": "",
"create_options": 0,
"save_options": 0
} }
], ],
"location": [ "location": [
@@ -114,5 +147,5 @@
"active": true, "active": true,
"description": "", "description": "",
"show_in_rest": 0, "show_in_rest": 0,
"modified": 1731537485 "modified": 1748001311
} }

18
resources/views/blocks/Content/Content.blade.php Normal file
View File

@@ -0,0 +1,18 @@
@if(@$data['section_anchor_id'])
<div id="{{ $data['section_anchor_id'] }}" class="section-anchor"></div>
@endif
<section
id="{{ $block['id'] }}"
class="badegg-block
@if(@$data['section_classes']) {{ implode(' ', $data['section_classes']) }} @endif
{{ @$block['className'] }}
">
<div class="section-{{ $block['name'] }}-inner">
<div class="container{{ @$data['container_width'] ? ' container-' . $data['container_width'] : '' }} block-content wysiwyg">
<InnerBlocks allowedBlocks="{!! esc_attr( wp_json_encode( $data['allowed_blocks'] ) ) !!}" />
</div>
</div>
</section>

BIN
resources/views/blocks/Content/Content.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

111
resources/views/blocks/Content/Content.php Normal file
View File

@@ -0,0 +1,111 @@
<?php
namespace Blocks\Content;
use App\Utilities;
use App\ACF;
class Content
{
public function __construct()
{
add_action('acf/init', [$this, 'init']);
}
public function init()
{
acf_register_block_type([
'name' => 'badegg/content',
'title' => __('Content'),
'description' => __('Wordpress blocks inside a wrapper'),
'render_callback' => [ $this, 'render'],
'category' => 'badegg',
'icon' => 'columns',
'supports' => [
'align' => false,
'jsx' => true,
],
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => [
'inserter' => true,
],
],
],
]);
}
public function render($block, $content = '', $is_preview = false)
{
$name = basename(__FILE__, '.php');
$themeURL = get_template_directory_uri();
if($is_preview && @$block['data']['inserter']):
echo '<img style="display: block; width: 100%" src="' . $themeURL . '/resources/views/blocks/' . $name . '/' . $name . '.jpg" />';
return;
endif;
$CssClasses = new Utilities\CssClasses;
$Colour = new Utilities\Colour;
$CloneGroup = new ACF\CloneGroup;
$data = [];
$fields = [
];
$fields = array_merge($fields, $CloneGroup->block_all());
foreach($fields as $field):
$data[$field] = get_field($field);
endforeach;
unset($block['data']);
$block['name'] = str_replace('acf/', '', $block['name']);
$data = array_merge($data, $block);
$data['section_classes'] = $CssClasses->section($data);
$data['allowed_blocks'] = $this->inner_blocks();
$data['block'] = $block;
echo \Roots\view("blocks.$name.$name", [
'data' => $data,
'block' => $block,
])->render();
}
public function inner_blocks()
{
return [
// Design
'core/separator',
'core/spacer',
// Media
'core/cover',
'core/file',
'core/gallery',
'core/image',
'core/media-text',
'core/audio',
'core/video',
// Text
'core/footnotes',
'core/heading',
'core/list',
'core/code',
'core/details',
'core/freeform',
'core/list-item',
'core/missing',
'core/paragraph',
'core/preformatted',
'core/pullquote',
'core/quote',
'core/table',
'core/verse',
];
}
}

0
resources/views/blocks/bad-example.blade.php → resources/views/blocks/Content/Content.scss
View File

5
resources/views/components/button.blade.php Normal file
View File

@@ -0,0 +1,5 @@
@if(@$link)
<a href="{{ @$link['url'] }}" target="{{ @$link['target'] }}" class="btn {{ @$colour ?: 'primary' }} {{ $style ?: 'solid' }} {{ @$class }}">
<span>{{ @$link['title'] }}</span>
</a>
@endif

11
resources/views/components/image.blade.php
View File

@@ -1,15 +1,18 @@
@php($image = wp_get_attachment_image_src(@$id, 'medium')) @php($image = wp_get_attachment_image_src(@$id, @$size))
@if($image)
<img <img
@if(@$lazy) @if(@$lazy && !is_admin())
src="{{ wp_get_attachment_image_src($id, 'lazy')[0] }}" src="{{ wp_get_attachment_image_src($id, 'lazy')[0] }}"
data-src="{{ $image[0] }}" data-src="{{ @$image[0] }}"
class="lazy" class="lazy {{ @$class }}"
@else @else
src="{{ $image[0] }}" src="{{ $image[0] }}"
class="{{ @$class }}"
@endif @endif
alt="{{ get_post_meta( $id, '_wp_attachment_image_alt', true ) }}" alt="{{ get_post_meta( $id, '_wp_attachment_image_alt', true ) }}"
width="{{ $image[1] }}" width="{{ $image[1] }}"
height="{{ $image[2] }}" height="{{ $image[2] }}"
/> />
@endif

9
resources/views/layouts/app.blade.php
View File

@@ -17,8 +17,9 @@
{{ __('Skip to content', 'sage') }} {{ __('Skip to content', 'sage') }}
</a> </a>
@include('sections.header') @include('sections.header.header')
<div class="wrapper">
<main id="main" class="main"> <main id="main" class="main">
@yield('content') @yield('content')
</main> </main>
@@ -29,7 +30,11 @@
</aside> </aside>
@endif @endif
@include('sections.footer') @include('sections.footer.footer')
</div>
@include('partials.menu-off-canvas')
</div> </div>
@php(do_action('get_footer')) @php(do_action('get_footer'))

46
resources/views/layouts/block.blade.php
View File

@@ -1,34 +1,50 @@
<section id="{{ $block['id'] }}" class="{{ implode(' ', $data['section_classes']) }} {{ @$block['className'] }}"> @if(@$data['section_anchor_id'])
<div id="{{ $data['section_anchor_id'] }}" class="section-anchor"></div>
@endif
<section
id="{{ $block['id'] }}"
class="badegg-block
@if(@$data['section_classes']) {{ implode(' ', $data['section_classes']) }} @endif
{{ @$block['className'] }}
">
<div class="section-{{ $block['name'] }}-inner">
@if(@$data['heading'] || @$data['blurb']) @if(@$data['heading'] || @$data['blurb'])
<div class="section-intro container container-narrow align-centre wysiwyg bg-watermarked-content {{ @$data['knockout'] }}"> <div class="section-intro inner inner-bottom @if($data['bg_colour'] != 'white') knockout @endif">
<div class="container">
<div class="section-intro-inner wysiwyg">
<h2>{{ @$data['heading'] }}</h2> <h2>{{ @$data['heading'] }}</h2>
@include('components.divider')
<p>{{ @$data['blurb'] }}</p> <p>{{ @$data['blurb'] }}</p>
</div> </div>
@if(@$data['links'])
<div class="btn-wrap">
@foreach($data['links'] as $link)
@include('components.button', $link)
@endforeach
</div>
@endif
</div>
</div>
@endif @endif
<div class="section container container-large block-content bg-watermarked-content"> <div class="container{{ @$data['container_width'] ? ' container-' . $data['container_width'] : '' }} block-content">
@yield('block-content') @yield('block-content')
</div> </div>
@if(@$data['links']) @if(@$data['links'])
<div class="section-footer container container-narrow align-centre wysiwyg bg-watermarked-content {{ @$data['knockout'] }}"> <div class="section-footer inner-top">
<div class="button-wrap"> <div class="container">
<div class="btn-wrap">
@foreach($data['links'] as $link) @foreach($data['links'] as $link)
@include('components.button', $link) @include('components.button', $link)
@endforeach @endforeach
</div> </div>
</div> </div>
@endif
@if(@$data['bg_image'])
<div class="bg-watermarked-image" style="opacity: {!! (@$data['bg_opacity'] ?: 30) * 0.01 !!}">
{!! $ImageSrcset->render([
'image' => $data['bg_image'],
'name' => 'hero',
'lazy' => true,
]) !!}
</div> </div>
@endif @endif
</div>
</section> </section>

28
resources/views/partials/menu-off-canvas.blade.php Normal file
View File

@@ -0,0 +1,28 @@
<div class="menu-off-canvas bg-white">
<div class="inner">
<div class="menu-off-canvas-logo">
<a class="brand" href="{{ home_url('/') }}">
Site Logo
</a>
<button
class="block menu-toggle menu-close js-menu-close"
type="button"
command="toggle-popover"
commandfor="menu-side"
aria-expanded="false"
aria-controls="menu-side"
>
<i></i>
<i></i>
<i></i>
<span class="visually-hidden">Close Mobile Menu</span>
</button>
</div>
@if (has_nav_menu('primary_navigation'))
{!! wp_nav_menu(['theme_location' => 'primary_navigation', 'menu_class' => 'caret-links nolist']) !!}
@endif
</div>
</div>

0
resources/views/sections/footer.blade.php → resources/views/sections/footer/footer.blade.php
View File

0
resources/views/sections/footer/footer.scss Normal file
View File

0
resources/views/sections/header.blade.php → resources/views/sections/header/header.blade.php
View File

0
resources/views/sections/header/header.scss Normal file
View File