mediawiki-skins-MinervaNeue/includes/Skins/PageActionsMenu/PageActionsMenu.mustache

<nav class="page-actions-menu">
	<ul id="p-views" class="page-actions-menu__list">
		{{#toolbar}}
		<li id="{{name}}" class="page-actions-menu__list-item">
			{{#components}}
				{{>Button}}
			{{/components}}
		</li>
		{{/toolbar}}
		{{#overflowMenu}}
			<li id="{{item-id}}" class="page-actions-menu__list-item">
				{{> ToggleList/ToggleList}}
			</li>
		{{/overflowMenu}}
	</ul>
</nav>
Hygiene: extract ToggleList to a reusable component A list that toggles visibility via the checkbox hack is needed in at least two spots: the page actions overflow menu and the user menu. This patch makes several refactors to turn what was previously hardcoded into page actions a reusable component: - Start a new components directory. Components are reusable and composable. The subdirectories are organized by function, not ResourceLoader module bundling which greatly improves the ability to see a component's full functionality in one directory instead of examining the entire codebase. See updates to README. - Extract pageactions.less into: - ToggleList.less: LESS for any checkbox hack list. - DropDownList.less: LESS for lists that open downwards. - MenuListItem.less: LESS for list items of menus. The division makes it easier to see concerns, dependencies, and change code. - Move pageActionMenu.mustache to a component and extract ToggleList template. - Extract ToggleList.js from Toolbar.js. Bug: T214540 Change-Id: I171831469a6733c458bc5c7ba249a5096ca975b8 2019-06-20 19:17:50 +00:00			`<nav class="page-actions-menu">`
Support extension of page actions via hook and addPortletLink This adds support for: mw.util.addPortletLink('p-views', '#', 'text', 'fooz',null, null,'#page-actions-overflow' ) and adding multiple edit icons via hooks. Depends-On: I655097769620301143140ded1cde4c7a16879ef4 Depends-On: I401805224c0f387ac85b52b50c1f298b83c03a91 Bug: T346944 Change-Id: I3c9d59f49f1b939981a7b2b450448db6736d5958 2023-09-27 00:17:21 +00:00			`<ul id="p-views" class="page-actions-menu__list">`
Hygiene: extract ToggleList to a reusable component A list that toggles visibility via the checkbox hack is needed in at least two spots: the page actions overflow menu and the user menu. This patch makes several refactors to turn what was previously hardcoded into page actions a reusable component: - Start a new components directory. Components are reusable and composable. The subdirectories are organized by function, not ResourceLoader module bundling which greatly improves the ability to see a component's full functionality in one directory instead of examining the entire codebase. See updates to README. - Extract pageactions.less into: - ToggleList.less: LESS for any checkbox hack list. - DropDownList.less: LESS for lists that open downwards. - MenuListItem.less: LESS for list items of menus. The division makes it easier to see concerns, dependencies, and change code. - Move pageActionMenu.mustache to a component and extract ToggleList template. - Extract ToggleList.js from Toolbar.js. Bug: T214540 Change-Id: I171831469a6733c458bc5c7ba249a5096ca975b8 2019-06-20 19:17:50 +00:00			`{{#toolbar}}`
			`<li id="{{name}}" class="page-actions-menu__list-item">`
			`{{#components}}`
[Icons] Use Button template in PageActionsMenu. Use the Button.mustache partial in the PageActionsMenu.mustache template. This converts the page actions menu to use the Button template in a way that doesn't change the existing HTML. The mw-ui-icon-element and mw-ui-icon-with-label-desktop classes are placed onto the Button.mustache markup. Bug: T342908 Change-Id: Ib5dadd929eea2e72a24e061c4174348615890617 2023-08-08 23:33:28 +00:00			`{{>Button}}`
Hygiene: extract ToggleList to a reusable component A list that toggles visibility via the checkbox hack is needed in at least two spots: the page actions overflow menu and the user menu. This patch makes several refactors to turn what was previously hardcoded into page actions a reusable component: - Start a new components directory. Components are reusable and composable. The subdirectories are organized by function, not ResourceLoader module bundling which greatly improves the ability to see a component's full functionality in one directory instead of examining the entire codebase. See updates to README. - Extract pageactions.less into: - ToggleList.less: LESS for any checkbox hack list. - DropDownList.less: LESS for lists that open downwards. - MenuListItem.less: LESS for list items of menus. The division makes it easier to see concerns, dependencies, and change code. - Move pageActionMenu.mustache to a component and extract ToggleList template. - Extract ToggleList.js from Toolbar.js. Bug: T214540 Change-Id: I171831469a6733c458bc5c7ba249a5096ca975b8 2019-06-20 19:17:50 +00:00			`{{/components}}`
			`</li>`
			`{{/toolbar}}`
			`{{#overflowMenu}}`
			`<li id="{{item-id}}" class="page-actions-menu__list-item">`
			`{{> ToggleList/ToggleList}}`
			`</li>`
			`{{/overflowMenu}}`
			`</ul>`
			`</nav>`