Changeset 13652 for trunk/src/bp-templates/bp-nouveau/includes/template-tags.php

Timestamp:

11/27/2023 10:55:27 PM (2 years ago)

Author:

imath

Message:

Introduce a new Theme Compat feature firstly designed for Block Themes

NB : this feature is also only available in the BP Nouveau template pack.

The Priority Navigations theme compat feature is used to make sure BP Single items primary and secondary navigations are displayed on a single row/line no matter how many items these navigations are containing.
When there's not enough space to display all the items on this row/line, an ellipsis is inserted and hovering on it shows the remaining nav items into a dropdown menu.

This commit also make sure the BP Customizer sections are neutralized so that the Customizer is not loaded on front-end when a Block Theme is active to start complying with the fact these kind of themes are not using the Customizer.

See #9030
See ​https://github.com/buddypress/buddypress/pull/197

File:

• trunk/src/bp-templates/bp-nouveau/includes/template-tags.php (modified) (3 diffs)

trunk/src/bp-templates/bp-nouveau/includes/template-tags.php

@@ -1573 +1573 @@
         $component  = bp_current_component();
         $bp_nouveau = bp_nouveau();
+        $object     = '';
 
         // @todo wasn't able to get $customizer_option to pass a string to get_settings
         // this is a temp workaround but differs from earlier dir approach- bad!
         if ( bp_is_group() ) {
+            $object   = 'group';
             $nav_tabs = (int) bp_nouveau_get_temporary_setting( 'group_nav_tabs', bp_nouveau_get_appearance_settings( 'group_nav_tabs' ) );
 
         } elseif ( bp_is_user() ) {
+            $object   = 'member';
             $nav_tabs = (int) bp_nouveau_get_temporary_setting( 'user_nav_tabs', bp_nouveau_get_appearance_settings( 'user_nav_tabs' ) );
+        }
+
+        if ( $object && bp_nouveau_single_item_supports_priority_nav( $object ) ) {
+            $classes[] = 'bp-priority-nav';
         }
 
@@ -1648 +1655 @@
         // Set user or group class string
         if ( bp_is_user() ) {
+            $object    = 'member';
             $classes[] = 'user-subnav';
         }
 
         if ( bp_is_group() ) {
+            $object    = 'group';
             $classes[] = 'group-subnav';
+        }
+
+        if ( $object && bp_nouveau_single_item_supports_priority_nav( $object ) ) {
+            $classes[] = 'bp-priority-nav';
         }
 
@@ -2737 +2750 @@
     return $retval;
 }
+
+/**
+ * Displays an ellipsis to show hidden primary nav items.
+ *
+ * @since 12.0.0
+ */
+function bp_nouveau_hidden_primary_nav() {
+    $object = bp_nouveau_get_current_priority_nav_object();
+
+    if ( ! $object || ! bp_nouveau_single_item_supports_priority_nav( $object ) ) {
+        return '';
+    }
+?>
+    <div class="primary-nav-more">
+        <ul class="bp-priority-object-nav-nav-items">
+            <li class="primary-nav-item primary-nav-item-has-children">
+                <button class="submenu-expand bp-priority-nav-more-toggle is-empty" tabindex="-1" aria-label="<?php esc_attr_e( 'More', 'buddypress' ); ?>" aria-haspopup="true" aria-expanded="false">
+                    <span class="dashicons dashicons-ellipsis"></span>
+                </button>
+                <ul class="sub-menu hidden-items"></ul>
+            </li>
+        </ul>
+    </div>
+<?php
+}
+
+/**
+ * Displays an ellipsis to show hidden secondary nav items.
+ *
+ * @since 12.0.0
+ */
+function bp_nouveau_hidden_secondary_nav() {
+    $object = bp_nouveau_get_current_priority_nav_object();
+
+    if ( ! $object || ! bp_nouveau_single_item_supports_priority_nav( $object ) ) {
+        return '';
+    }
+?>
+    <div class="secondary-nav-more">
+        <ul class="bp-priority-subnav-nav-items">
+            <li class="secondary-nav-item secondary-nav-item-has-children">
+                <button class="submenu-expand bp-priority-nav-more-toggle is-empty" tabindex="-1" aria-label="<?php esc_attr_e( 'More', 'buddypress' ); ?>" aria-haspopup="true" aria-expanded="false">
+                    <span class="dashicons dashicons-ellipsis"></span>
+                </button>
+                <ul class="sub-menu hidden-items"></ul>
+            </li>
+        </ul>
+    </div>
+<?php
+}