(feat): wordpress menu based sidenav instead of hardcoded sidenav. also added all den haag nlds icons

app/Navigation/NavigationMetaFields.php

@@ -0,0 +1,80 @@
+<?php
+
+declare( strict_types=1 );
+
+namespace App\Navigation;
+
+class NavigationMetaFields {
+
+	/**
+	 * NavigationMetaFields constructor.
+	 */
+	public function __construct() {
+		add_action( 'wp_nav_menu_item_custom_fields', [ $this, 'addCustomFields' ], 10, 2 );
+		add_action( 'wp_update_nav_menu_item', [ $this, 'updateNavItems' ], 10, 2 );
+	}
+
+	/**
+	 * Mapping of the meta fields to the menu item.
+	 *
+	 * @data-structure: 'FIELD_DESCRIPTION' => [
+	 *    'meta_field' => 'META_FIELD_NAME',
+	 *    'text'       => 'TEXT_SHOWN_BESIDE_CHECKBOX'
+	 * ]
+	 *
+	 * @return array[]
+	 */
+	public function getFields(): array {
+		return [
+			'counter' => [
+				'meta_field' => '_show-counter',
+				'text'       => __( 'Show counter next to this item', 'owc-formulieren' ),
+			],
+			'spacing' => [
+				'meta_field' => '_spacing-top',
+				'text'       => __( 'Add spacing to the top of this item', 'owc-formulieren' ),
+			],
+		];
+	}
+
+	/**
+	 * Add custom fields to the menu item edit screen form.
+	 *
+	 * @param $item_id
+	 * @param $item
+	 *
+	 * @return void
+	 */
+	public function addCustomFields( $item_id, $item ): void {
+		foreach ( $this->getFields() as $field_name => $meta_data ) {
+			$is_current_active = get_post_meta( $item_id, $meta_data['meta_field'], true );
+			?>
+			<p class="owc-<?php echo $field_name; ?> description description-wide">
+				<label for="owc-<?php echo $field_name; ?>-<?php echo $item_id; ?>">
+					<input
+						type="checkbox"
+						id="<?php echo $field_name; ?>-<?php echo $item_id; ?>"
+						name="<?php echo $field_name; ?>[<?php echo $item_id; ?>]"
+						<?php checked( $is_current_active, true ); ?>
+					/><?php echo $meta_data['text']; ?>
+				</label>
+			</p>
+			<?php
+		}
+	}
+
+	/**
+	 * Update the nav menu item meta fields based on submitted data.
+	 *
+	 * @param $menu_id
+	 * @param $menu_item_db_id
+	 *
+	 * @return void
+	 */
+	public function updateNavItems( $menu_id, $menu_item_db_id ): void {
+		foreach ( $this->getFields() as $field_name => $meta_data ) {
+			$value = ( $_POST[ $field_name ][ $menu_item_db_id ] ?? '' ) == 'on';
+			update_post_meta( $menu_item_db_id, $meta_data['meta_field'], $value );
+		}
+	}
+}

app/Navigation/SideNavWalker.php

@@ -0,0 +1,88 @@
+<?php
+
+declare( strict_types=1 );
+
+namespace App\Navigation;
+
+class SideNavWalker extends \Walker_Nav_Menu {
+
+	/**
+	 * Manipulate the list item (start element).
+	 *
+	 * @param string $output Used to append additional content (passed by reference).
+	 * @param object $data_object The data object (WP_Post).
+	 * @param int $depth Depth of the item.
+	 * @param array $args An array of additional arguments.
+	 * @param int $current_object_id Optional. ID of the current item. Default 0.
+	 *
+	 * @return string
+	 */
+	public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ): string {
+		$current_class = $item->current ? 'denhaag-sidenav__link--current' : '';
+		$svg           = $this->getSvgByClassName( $item );
+		$counter       = get_post_meta( $item->ID, '_show-counter', true )
+			? '<div class="denhaag-badge-counter">
+					<span class="denhaag-dot-indicator denhaag-dot-indicator--overlap-rectangle">
+						<div
+							id="badge-counter--' . sanitize_title( $item->title ) . '"
+							class="denhaag-badge-counter__counter">
+							0
+						</div>
+						<span class="denhaag-dot-indicator__dot"></span>
+					</span>
+				</div>'
+			: '';
+
+		$output .= '
+			<li class="denhaag-sidenav__item">
+				<a class="denhaag-sidenav__link ' . esc_attr( $current_class ) . '" href="' . esc_url( $item->url ) . '">
+					' . $svg . '
+					' . esc_html( $item->title ) . '
+					' . $counter . '
+				</a>';
+
+		return $output;
+	}
+
+	/**
+	 * Closes the list item.
+	 *
+	 * @param string $output Used to append additional content (passed by reference).
+	 * @param object $data_object The data object.
+	 * @param int $depth Depth of the item.
+	 * @param array $args An array of additional arguments.
+	 *
+	 * @return string
+	 */
+	public function end_el( &$output, $item, $depth = 0, $args = array() ): string {
+		$output .= '</li>';
+
+		return $output;
+	}
+
+	/**
+	 * Returns an inline SVG based on a class name. The class name has to be identical to the file name.
+	 *
+	 * @path The path of the SVGs is WP_THEMES_FOLDER/PARENT_THEME/assets/img/icons
+	 *
+	 * @param $item
+	 *
+	 * @return string
+	 */
+	public function getSvgByClassName( $item ): string {
+		$first_class = $item->classes[0] ?? '';
+
+		if ( ! $first_class ) {
+			return '';
+		}
+
+		$path = '/assets/img/icons/' . esc_html( $first_class ) . '.svg';
+
+		if ( ! is_file( get_template_directory() . $path ) ) {
+			return '';
+		}
+
+		return file_get_contents( get_template_directory() . $path ) ?: '';
+	}
+}
+

composer.json

@@ -104,7 +104,7 @@
 		"plugin/owc-gravityforms-bag-address": "1.1.*",
 		"plugin/owc-gravityforms-digid": "1.1.7",
 		"plugin/owc-gravityforms-eherkenning": "dev-master",
-		"plugin/owc-gravityforms-zaaksysteem": "dev-master",
+		"plugin/owc-gravityforms-zaaksysteem": "dev-feat/remove-enable-u-add-individual-service-urls",
 		"plugin/owc-gravityforms-zaaksysteem-enable-u": "^1.1.0",
 		"plugin/prefill-gravity-forms": "^1.0.14",
 		"plugin/real-time-validation-for-gravity-forms": "^1.7",

htdocs/wp-content/themes/baralbrandswaard/assets/scss/editor.scss

@@ -9,4 +9,3 @@
   Parent theme
 --------------------------------------------------------------*/
 @import '../../../owc-formulieren/assets/scss/editor';
-@import 'settings/root';

htdocs/wp-content/themes/baralbrandswaard/assets/scss/settings/_bootstrap.scss

@@ -96,3 +96,8 @@ $input-border-radius: 0;
 --------------------------------------------------------------*/
 $transition-timing: cubic-bezier( 0.22, 1, 0.36, 1 ); // EaseOutQuint
 $transition-base: all 0.5s $transition-timing; // EaseOutQuint
+
+/*--------------------------------------------------------------
+  Dropdown
+--------------------------------------------------------------*/
+$dropdown-border-radius: $theme-border-radius;

htdocs/wp-content/themes/baralbrandswaard/assets/scss/settings/_colors.scss

@@ -5,7 +5,7 @@
 $theme-colors: (
 	primary: #244c96,
 	secondary: #e21d1d,
-);
+) !default;
 
 $primary-light: #758bc0;
 $gray-light: #f9f9f9;

htdocs/wp-content/themes/baralbrandswaard/assets/scss/settings/_variables.scss

@@ -1,3 +1,9 @@
 $navbar-height: 110px;
 $navbar-height-desktop: 110px;
 $navbar-shadow: $box-shadow;
+
+/* --------------------------------------------------------------
+  Mijn Zaken: footer
+-------------------------------------------------------------- */
+$mijn-zaken-footer-color: #fff !default;
+$mijn-zaken-footer-bg-color: #244c96 !default;

htdocs/wp-content/themes/baralbrandswaard/src/setup.php

@@ -40,6 +40,8 @@
     // This theme uses wp_nav_menu() in one location.
     register_nav_menus([
         'primary' => __('Primary Menu', 'baralbrandswaard'),
+        'primary-mijn-zaken' => __('Mijn Zaken menu', 'openpdd-hoeksche-waard'),
+        'footer-bottom'      => __('Footer bottom', 'openpdd-hoeksche-waard'),
     ]);
 });
 
@@ -50,17 +52,18 @@
  */
 add_filter('yard/config-expander/config/admin', function ($defaults) {
     $defaults['DISABLE_REST_API'] = false;
+
     return $defaults;
 });
 
 add_filter('owc/config-expander/rest-api/whitelist', function ($endpoints_whitelist) {
     $endpoints_whitelist['/irma/v1/gf/handle'] = [
         'endpoint_stub' => '/irma/v1/gf/handle',
-        'methods'       => ['POST']
+        'methods'       => ['POST'],
     ];
     $endpoints_whitelist['/irma/v1/gf/session'] = [
         'endpoint_stub' => '/irma/v1/gf/session',
-        'methods'       => ['GET']
+        'methods'       => ['GET'],
     ];
 
     return $endpoints_whitelist;

htdocs/wp-content/themes/baralbrandswaard/templates/template-mijn-zaken.php

@@ -0,0 +1,18 @@
+<?php declare(strict_types=1);
+/**
+ * Template name: Mijn Zaken
+ */
+get_template_part('mijn-zaken/header');
+
+?>
+    <main class="page-main page-main--mijn-zaken container" id="readspeaker">
+        <aside class="page-main__aside">
+            <?php get_template_part('mijn-zaken/sidebar'); ?>
+        </aside>
+        <article class="page-main__content">
+            <?php the_content(); ?>
+        </article>
+    </main>
+<?php
+
+get_template_part('mijn-zaken/footer');

htdocs/wp-content/themes/barbarendrecht/src/setup.php

@@ -40,6 +40,8 @@
     // This theme uses wp_nav_menu() in one location.
     register_nav_menus([
         'primary' => __('Primary Menu', 'barbarendrecht'),
+        'primary-mijn-zaken' => __('Mijn Zaken menu', 'openpdd-hoeksche-waard'),
+        'footer-bottom'      => __('Footer bottom', 'openpdd-hoeksche-waard'),
     ]);
 });
 
@@ -50,17 +52,18 @@
  */
 add_filter('yard/config-expander/config/admin', function ($defaults) {
     $defaults['DISABLE_REST_API'] = false;
+
     return $defaults;
 });
 
 add_filter('owc/config-expander/rest-api/whitelist', function ($endpoints_whitelist) {
     $endpoints_whitelist['/irma/v1/gf/handle'] = [
         'endpoint_stub' => '/irma/v1/gf/handle',
-        'methods'       => ['POST']
+        'methods'       => ['POST'],
     ];
     $endpoints_whitelist['/irma/v1/gf/session'] = [
         'endpoint_stub' => '/irma/v1/gf/session',
-        'methods'       => ['GET']
+        'methods'       => ['GET'],
     ];
 
     return $endpoints_whitelist;

htdocs/wp-content/themes/barbarendrecht/templates/template-mijn-zaken.php

@@ -0,0 +1,18 @@
+<?php declare(strict_types=1);
+/**
+ * Template name: Mijn Zaken
+ */
+get_template_part('mijn-zaken/header');
+
+?>
+    <main class="page-main page-main--mijn-zaken container" id="readspeaker">
+        <aside class="page-main__aside">
+            <?php get_template_part('mijn-zaken/sidebar'); ?>
+        </aside>
+        <article class="page-main__content">
+            <?php the_content(); ?>
+        </article>
+    </main>
+<?php
+
+get_template_part('mijn-zaken/footer');