mediawiki-skins-Vector/includes/templates/PinnableHeader.mustache

<div
	class="vector-pinnable-header {{data-name}}-pinnable-header vector-pinnable-header-{{#is-pinned}}pinned{{/is-pinned}}{{^is-pinned}}unpinned{{/is-pinned}}"
	data-name="{{data-name}}"
	{{#data-feature-name}}data-feature-name="{{.}}"{{/data-feature-name}}
	{{#data-pinnable-element-id}}data-pinnable-element-id="{{.}}"{{/data-pinnable-element-id}}
	{{#data-pinned-container-id}}data-pinned-container-id="{{.}}"{{/data-pinned-container-id}}
	{{#data-unpinned-container-id}}data-unpinned-container-id="{{.}}"{{/data-unpinned-container-id}}
>
	<{{label-tag-name}} class="vector-pinnable-header-label">{{label}}</{{label-tag-name}}>
	<button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.{{data-name}}.pin">{{pin-label}}</button>
	<button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.{{data-name}}.unpin">{{unpin-label}}</button>
</div>
Add generic PinnableHeader template, CSS & JS Bug: T317897 Change-Id: Iedc5e6f64e72a4d7762cb4f2fa834980d6757793 2022-10-19 20:43:40 +00:00			`<div`
Remove PinnableHeader class Currently unused in template. When used as a subcomponent, adds unnecessary classes due to how Mustache cascades template properties. Change-Id: I907e2e7af67e021461f9f831850db4b39b818586 2022-12-05 23:09:37 +00:00			`class="vector-pinnable-header {{data-name}}-pinnable-header vector-pinnable-header-{{#is-pinned}}pinned{{/is-pinned}}{{^is-pinned}}unpinned{{/is-pinned}}"`
Update TOC to use PinnableHeader - Update 'collapsed' naming convention to 'pinned' - Introduce VectorComponentPinnableHeader Bug: T317897 Change-Id: I752eadc9bf54d58c799060a9eaefa0b125dd7952 2022-10-20 21:32:07 +00:00			`data-name="{{data-name}}"`
Set default pinnable state for page tools * Leverage the infrastructure around feature management to handle the page tools pinning and persistence * Make pinnableHeader.js leverage features.js if the data-feature-name attribute is set * Sets tests/.eslintrc.json ecmaVersion to 2018 to enable destructuring in test files. * Adds a isPinned helper method to pinnableElement * Add a logged in requirement so that the pinned feature is disabled for anon users. Bug: T322051 Change-Id: Ib86282216882fa94e37b7088a3f4bd0c1bcf6cd4 2022-12-07 22:15:31 +00:00			`{{#data-feature-name}}data-feature-name="{{.}}"{{/data-feature-name}}`
Update TOC to use PinnableHeader - Update 'collapsed' naming convention to 'pinned' - Introduce VectorComponentPinnableHeader Bug: T317897 Change-Id: I752eadc9bf54d58c799060a9eaefa0b125dd7952 2022-10-20 21:32:07 +00:00			`{{#data-pinnable-element-id}}data-pinnable-element-id="{{.}}"{{/data-pinnable-element-id}}`
			`{{#data-pinned-container-id}}data-pinned-container-id="{{.}}"{{/data-pinned-container-id}}`
			`{{#data-unpinned-container-id}}data-unpinned-container-id="{{.}}"{{/data-unpinned-container-id}}`
Add generic PinnableHeader template, CSS & JS Bug: T317897 Change-Id: Iedc5e6f64e72a4d7762cb4f2fa834980d6757793 2022-10-19 20:43:40 +00:00			`>`
Reintroduce h2 to Table of contents label Depends-on: I752eadc9bf54d58c799060a9eaefa0b125dd7952 Bug: T320451 Change-Id: Ic4ca5490a9a33cb319821bbdaa57d29f0ed9c887 2022-11-14 18:24:43 +00:00			`<{{label-tag-name}} class="vector-pinnable-header-label">{{label}}</{{label-tag-name}}>`
Log events for pinnable header button Bug: T324878 Change-Id: I3174fc7f90b106c32ae4eb1fb42d089e01967220 2023-01-05 19:43:14 +00:00			`<button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.{{data-name}}.pin">{{pin-label}}</button>`
			`<button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.{{data-name}}.unpin">{{unpin-label}}</button>`
Add generic PinnableHeader template, CSS & JS Bug: T317897 Change-Id: Iedc5e6f64e72a4d7762cb4f2fa834980d6757793 2022-10-19 20:43:40 +00:00			`</div>`