From a84b845f8f7e956ce6ccaf47083529ba532f5b77 Mon Sep 17 00:00:00 2001
From: dvogel <daniel.vogel@hallowelt.com>
Date: Fri, 3 Feb 2023 13:16:30 +0100
Subject: [PATCH] Add a rel attribute to the main button of
 DropdownIconSplitButton

ERM30832
---
 bootstrap.php                                    |  5 ++++-
 .../dropdown-icon-split-button.mustache          |  4 ++--
 src/Component/SimpleDropdownIconSplitButton.php  | 16 ++++++++++++----
 src/IDropdownIconSplitButton.php                 |  5 +++++
 src/Renderer/DropdownIconSplitButton.php         |  8 ++++++++
 5 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/bootstrap.php b/bootstrap.php
index c92cb70..1d59219 100644
--- a/bootstrap.php
+++ b/bootstrap.php
@@ -150,7 +150,10 @@
 			'dropdown' => 'MWStake\\MediaWiki\\Component\\CommonUserInterface\\Renderer\\Dropdown',
 			'dropdown-button' => 'MWStake\\MediaWiki\\Component\\CommonUserInterface\\Renderer\\DropdownButton',
 			'dropdown-icon' => 'MWStake\\MediaWiki\\Component\\CommonUserInterface\\Renderer\\DropdownIcon',
-			'dropdown-icon-split-button' => 'MWStake\\MediaWiki\\Component\\CommonUserInterface\\Renderer\\DropdownIconSplitButton',
+			'dropdown-icon-split-button' => [
+				'class' => 'MWStake\\MediaWiki\\Component\\CommonUserInterface\\Renderer\\DropdownIconSplitButton',
+				'services' => [ 'MainConfig' ]
+			],
 			'dropdown-split-button' => 'MWStake\\MediaWiki\\Component\\CommonUserInterface\\Renderer\\DropdownSplitButton',
 			'dropdown-split-link' => 'MWStake\\MediaWiki\\Component\\CommonUserInterface\\Renderer\\DropdownSplitLink',
 			'dropdown-itemlist' => 'MWStake\\MediaWiki\\Component\\CommonUserInterface\\Renderer\\DropdownItemlist',
diff --git a/resources/templates/dropdown-icon-split-button.mustache b/resources/templates/dropdown-icon-split-button.mustache
index 76f3f9a..58840f9 100644
--- a/resources/templates/dropdown-icon-split-button.mustache
+++ b/resources/templates/dropdown-icon-split-button.mustache
@@ -1,9 +1,9 @@
 <div class="dropdown{{#cnt-class}} {{.}}{{/cnt-class}}">
 	<div class="btn-group{{#btn-group-class}} {{.}}{{/btn-group-class}}">
-		<a role="button" href="{{href}}" {{#btn-class}}class="{{.}}"{{/btn-class}}{{#id}} id={{.}}{{/id}} title="{{btn-title}}"{{#btn-data}} {{{.}}}{{/btn-data}} aria-haspopup="true" aria-label="{{btn-aria-label}}"{{#btn-disabled}} disabled{{/btn-disabled}}>
+		<a role="button" href="{{href}}" {{#btn-class}}class="{{.}}"{{/btn-class}}{{#id}} id={{.}}{{/id}} title="{{btn-title}}" aria-haspopup="true" aria-label="{{btn-aria-label}}"{{#btn-rel}} rel="{{.}}"{{/btn-rel}}{{#btn-disabled}} disabled{{/btn-disabled}}>
 			<i{{#icon-class}} class="{{.}}"{{/icon-class}}></i>
 		</a>
-		<button class="dropdown-toggle{{#split-btn-class}} {{.}}{{/split-btn-class}}"{{#id}} id="{{.}}-menu-btn"{{/id}} title="{{split-btn-title}}"{{#split-btn-data}} {{{.}}}{{/split-btn-data}} data-bs-toggle="dropdown" aria-haspopup="true" aria-label="{{split-btn-aria-label}}" aria-expanded="false" aria-controls="{{id}}-menu"{{#split-btn-disabled}} disabled{{/split-btn-disabled}}>
+		<button class="dropdown-toggle{{#split-btn-class}} {{.}}{{/split-btn-class}}"{{#id}} id="{{.}}-menu-btn"{{/id}} title="{{split-btn-title}}" data-bs-toggle="dropdown" aria-haspopup="true" aria-label="{{split-btn-aria-label}}" aria-expanded="false" aria-controls="{{id}}-menu"{{#split-btn-disabled}} disabled{{/split-btn-disabled}}>
 		</button>
 		<div id="{{id}}-menu" class="dropdown-menu{{#menu-class}} {{.}}{{/menu-class}}" aria-labelledby="{{id}}-menu-btn">
 			{{{body}}}
diff --git a/src/Component/SimpleDropdownIconSplitButton.php b/src/Component/SimpleDropdownIconSplitButton.php
index e8f3109..16f55ee 100644
--- a/src/Component/SimpleDropdownIconSplitButton.php
+++ b/src/Component/SimpleDropdownIconSplitButton.php
@@ -22,6 +22,7 @@ public function __construct( $options ) {
 				'split-button-title' => new RawMessage( 'SimpleSplitButton' ),
 				'split-button-aria-label' => new RawMessage( 'SimpleSplitButton' ),
 				'button-href' => '',
+				'button-rel' => '',
 				'button-disabled' => false,
 				'split-button-disabled' => false,
 				'items' => [],
@@ -134,11 +135,18 @@ public function buttonIsDisabled() : bool {
 		return $this->options['button-disabled'];
 	}
 
-		/**
-		 *
-		 * @return bool
-		 */
+	/**
+	 *
+	 * @return bool
+	 */
 	public function splitButtonIsDisabled() : bool {
 		return $this->options['split-button-disabled'];
 	}
+
+	/**
+	 * @inheritDoc
+	 */
+	public function getButtonRel() : string {
+		return $this->options['button-rel'];
+	}
 }
diff --git a/src/IDropdownIconSplitButton.php b/src/IDropdownIconSplitButton.php
index 881120e..e8e2aed 100644
--- a/src/IDropdownIconSplitButton.php
+++ b/src/IDropdownIconSplitButton.php
@@ -72,4 +72,9 @@ public function buttonIsDisabled() : bool;
 	 * @return bool
 	 */
 	public function splitButtonIsDisabled() : bool;
+
+	/**
+	 * @return string
+	 */
+	public function getButtonRel() : string;
 }
diff --git a/src/Renderer/DropdownIconSplitButton.php b/src/Renderer/DropdownIconSplitButton.php
index 880a411..a88c16e 100644
--- a/src/Renderer/DropdownIconSplitButton.php
+++ b/src/Renderer/DropdownIconSplitButton.php
@@ -87,6 +87,14 @@ public function getRendererDataTreeNode( $component, $subComponentNodes ) : arra
 					]
 				);
 			}
+			if ( $component->getButtonRel() !== '' ) {
+				$templateData = array_merge(
+					$templateData,
+					[
+						'btn-rel' => $component->getButtonRel()
+					]
+				);
+			}
 			if ( $component->buttonIsDisabled() ) {
 				$templateData = array_merge(
 					$templateData,