wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-28 09:30:17 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-skins-Vector/stories/PersonalMenu.stories.data.js

50 lines
4.8 KiB
JavaScript
Raw Normal View History

Use template partials rather than HTML strings CHANGES to index.mustache: Changes can be understood by looking at the diff of the file stories/skin.stories.js The additional changes in stories folder export the data passed to those templates. A new file is used as exporting any variable in a file suffixed stories.js will be assumed to be a story entry. The changes to index.mustache are as follows: * html-footer is replaced with data-footer and Footer component is rendered via template partial * html-navigation is replaced with data-navigation and Navigation component is rendered via template partial CHANGES to Navigation.mustache: Changes are best explained by looking at the diff to stories/navigation.stories.js and navigation.stories.data.js * html-personal-menu is replaced with data-personal-menu Bug: T245456 Change-Id: Ie96e92447a932b8a7f3844df277a1d31a2af423c
2020-02-17 19:49:43 +00:00
import personalMenuTemplate from '!!raw-loader!../includes/templates/PersonalMenu.mustache';
import { htmluserlangattributes } from './utils';
Refactor: Standardize menu data (DRY!) VectorTemplate has various functions that repeat themselves, only differing in their choice of names. This refactor begins by focusing on the personal menu and introducing a generic getMenuData function. Hardcoded `p-personal` is replaced with an `id` template key and `msg-label` is renamed `label`. Future patches will simplify VectorTemplate by using this new function. You'll note the resulting PersonalMenu.mustache file is identical to VectorTabs. These will be merged in I098e6921e8f7ef65dacacf09b9c25f70c945e58e Bug: T249372 Change-Id: I5ae44a1008b065381eeff93f9fa625be5c5a9de9
2020-04-03 20:05:22 +00:00
/**
* @type {MenuDefinition}
*/
Use template partials rather than HTML strings CHANGES to index.mustache: Changes can be understood by looking at the diff of the file stories/skin.stories.js The additional changes in stories folder export the data passed to those templates. A new file is used as exporting any variable in a file suffixed stories.js will be assumed to be a story entry. The changes to index.mustache are as follows: * html-footer is replaced with data-footer and Footer component is rendered via template partial * html-navigation is replaced with data-navigation and Navigation component is rendered via template partial CHANGES to Navigation.mustache: Changes are best explained by looking at the diff to stories/navigation.stories.js and navigation.stories.data.js * html-personal-menu is replaced with data-personal-menu Bug: T245456 Change-Id: Ie96e92447a932b8a7f3844df277a1d31a2af423c
2020-02-17 19:49:43 +00:00
const loggedOut = {
Refactor: Standardize menu data (DRY!) VectorTemplate has various functions that repeat themselves, only differing in their choice of names. This refactor begins by focusing on the personal menu and introducing a generic getMenuData function. Hardcoded `p-personal` is replaced with an `id` template key and `msg-label` is renamed `label`. Future patches will simplify VectorTemplate by using this new function. You'll note the resulting PersonalMenu.mustache file is identical to VectorTabs. These will be merged in I098e6921e8f7ef65dacacf09b9c25f70c945e58e Bug: T249372 Change-Id: I5ae44a1008b065381eeff93f9fa625be5c5a9de9
2020-04-03 20:05:22 +00:00
id: 'p-personal',
class: '',
'label-id': 'p-personal-label',
label: 'Personal tools',
Use template partials rather than HTML strings CHANGES to index.mustache: Changes can be understood by looking at the diff of the file stories/skin.stories.js The additional changes in stories folder export the data passed to those templates. A new file is used as exporting any variable in a file suffixed stories.js will be assumed to be a story entry. The changes to index.mustache are as follows: * html-footer is replaced with data-footer and Footer component is rendered via template partial * html-navigation is replaced with data-navigation and Navigation component is rendered via template partial CHANGES to Navigation.mustache: Changes are best explained by looking at the diff to stories/navigation.stories.js and navigation.stories.data.js * html-personal-menu is replaced with data-personal-menu Bug: T245456 Change-Id: Ie96e92447a932b8a7f3844df277a1d31a2af423c
2020-02-17 19:49:43 +00:00
'html-userlangattributes': htmluserlangattributes,
Refactor: Standardize menu data (DRY!) VectorTemplate has various functions that repeat themselves, only differing in their choice of names. This refactor begins by focusing on the personal menu and introducing a generic getMenuData function. Hardcoded `p-personal` is replaced with an `id` template key and `msg-label` is renamed `label`. Future patches will simplify VectorTemplate by using this new function. You'll note the resulting PersonalMenu.mustache file is identical to VectorTabs. These will be merged in I098e6921e8f7ef65dacacf09b9c25f70c945e58e Bug: T249372 Change-Id: I5ae44a1008b065381eeff93f9fa625be5c5a9de9
2020-04-03 20:05:22 +00:00
'html-items': `'<li id="pt-anonuserpage">Not logged in</li><li id="pt-anontalk"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [⌃⌥n]" accesskey="n">Talk</a></li><li id="pt-anoncontribs"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [⌃⌥y]" accesskey="y">Contributions</a></li><li id="pt-createaccount"><a href="/w/index.php?title=Special:CreateAccount&amp;returnto=Main+Page" title="You are encouraged to create an account and log in; however, it is not mandatory">Create account</a></li><li id="pt-login"><a href="/w/index.php?title=Special:UserLogin&amp;returnto=Main+Page" title="You're encouraged to log in; however, it's not mandatory. [⌃⌥o]" accesskey="o">Log in</a></li>`
Use template partials rather than HTML strings CHANGES to index.mustache: Changes can be understood by looking at the diff of the file stories/skin.stories.js The additional changes in stories folder export the data passed to those templates. A new file is used as exporting any variable in a file suffixed stories.js will be assumed to be a story entry. The changes to index.mustache are as follows: * html-footer is replaced with data-footer and Footer component is rendered via template partial * html-navigation is replaced with data-navigation and Navigation component is rendered via template partial CHANGES to Navigation.mustache: Changes are best explained by looking at the diff to stories/navigation.stories.js and navigation.stories.data.js * html-personal-menu is replaced with data-personal-menu Bug: T245456 Change-Id: Ie96e92447a932b8a7f3844df277a1d31a2af423c
2020-02-17 19:49:43 +00:00
};
Refactor: Standardize menu data (DRY!) VectorTemplate has various functions that repeat themselves, only differing in their choice of names. This refactor begins by focusing on the personal menu and introducing a generic getMenuData function. Hardcoded `p-personal` is replaced with an `id` template key and `msg-label` is renamed `label`. Future patches will simplify VectorTemplate by using this new function. You'll note the resulting PersonalMenu.mustache file is identical to VectorTabs. These will be merged in I098e6921e8f7ef65dacacf09b9c25f70c945e58e Bug: T249372 Change-Id: I5ae44a1008b065381eeff93f9fa625be5c5a9de9
2020-04-03 20:05:22 +00:00
/**
* @type {MenuDefinition}
*/
Use template partials rather than HTML strings CHANGES to index.mustache: Changes can be understood by looking at the diff of the file stories/skin.stories.js The additional changes in stories folder export the data passed to those templates. A new file is used as exporting any variable in a file suffixed stories.js will be assumed to be a story entry. The changes to index.mustache are as follows: * html-footer is replaced with data-footer and Footer component is rendered via template partial * html-navigation is replaced with data-navigation and Navigation component is rendered via template partial CHANGES to Navigation.mustache: Changes are best explained by looking at the diff to stories/navigation.stories.js and navigation.stories.data.js * html-personal-menu is replaced with data-personal-menu Bug: T245456 Change-Id: Ie96e92447a932b8a7f3844df277a1d31a2af423c
2020-02-17 19:49:43 +00:00
const loggedInWithEcho = {
Refactor: Standardize menu data (DRY!) VectorTemplate has various functions that repeat themselves, only differing in their choice of names. This refactor begins by focusing on the personal menu and introducing a generic getMenuData function. Hardcoded `p-personal` is replaced with an `id` template key and `msg-label` is renamed `label`. Future patches will simplify VectorTemplate by using this new function. You'll note the resulting PersonalMenu.mustache file is identical to VectorTabs. These will be merged in I098e6921e8f7ef65dacacf09b9c25f70c945e58e Bug: T249372 Change-Id: I5ae44a1008b065381eeff93f9fa625be5c5a9de9
2020-04-03 20:05:22 +00:00
id: 'p-personal',
'label-id': 'p-personal-label',
label: 'Personal tools',
Use template partials rather than HTML strings CHANGES to index.mustache: Changes can be understood by looking at the diff of the file stories/skin.stories.js The additional changes in stories folder export the data passed to those templates. A new file is used as exporting any variable in a file suffixed stories.js will be assumed to be a story entry. The changes to index.mustache are as follows: * html-footer is replaced with data-footer and Footer component is rendered via template partial * html-navigation is replaced with data-navigation and Navigation component is rendered via template partial CHANGES to Navigation.mustache: Changes are best explained by looking at the diff to stories/navigation.stories.js and navigation.stories.data.js * html-personal-menu is replaced with data-personal-menu Bug: T245456 Change-Id: Ie96e92447a932b8a7f3844df277a1d31a2af423c
2020-02-17 19:49:43 +00:00
'html-userlangattributes': htmluserlangattributes,
Refactor: Standardize menu data (DRY!) VectorTemplate has various functions that repeat themselves, only differing in their choice of names. This refactor begins by focusing on the personal menu and introducing a generic getMenuData function. Hardcoded `p-personal` is replaced with an `id` template key and `msg-label` is renamed `label`. Future patches will simplify VectorTemplate by using this new function. You'll note the resulting PersonalMenu.mustache file is identical to VectorTabs. These will be merged in I098e6921e8f7ef65dacacf09b9c25f70c945e58e Bug: T249372 Change-Id: I5ae44a1008b065381eeff93f9fa625be5c5a9de9
2020-04-03 20:05:22 +00:00
'html-items': `<li id="pt-userpage"><a href="/wiki/User:Jdlrobson" dir="auto" title="Your user page [⌃⌥.]" accesskey=".">Jdlrobson</a></li><li id="pt-notifications-alert"><a href="/wiki/Special:Notifications" class="mw-echo-notifications-badge mw-echo-notification-badge-nojs oo-ui-icon-bell mw-echo-notifications-badge-all-read" data-counter-num="0" data-counter-text="0" title="Your alerts">Alerts (0)</a></li><li id="pt-notifications-notice"><a href="/wiki/Special:Notifications" class="mw-echo-notifications-badge mw-echo-notification-badge-nojs oo-ui-icon-tray" data-counter-num="3" data-counter-text="3" title="Your notices">Notices (3)</a></li><li id="pt-mytalk"><a href="/wiki/User_talk:Jdlrobson" title="Your talk page [⌃⌥n]" accesskey="n">Talk</a></li><li id="pt-sandbox"><a href="/wiki/User:Jdlrobson/sandbox" title="Your sandbox">Sandbox</a></li><li id="pt-preferences"><a href="/wiki/Special:Preferences" title="Your preferences">Preferences</a></li><li id="pt-betafeatures"><a href="/wiki/Special:Preferences#mw-prefsection-betafeatures" title="Beta features">Beta</a></li><li id="pt-watchlist"><a href="/wiki/Special:Watchlist" title="A list of pages you are monitoring for changes [⌃⌥l]" accesskey="l">Watchlist</a></li><li id="pt-mycontris"><a href="/wiki/Special:Contributions/Jdlrobson" title="A list of your contributions [⌃⌥y]" accesskey="y">Contributions</a></li><li id="pt-logout"><a href="/w/index.php?title=Special:UserLogout&amp;returnto=Main+Page&amp;returntoquery=useskin%3Dvector" title="Log out">Log out</a></li>`
Use template partials rather than HTML strings CHANGES to index.mustache: Changes can be understood by looking at the diff of the file stories/skin.stories.js The additional changes in stories folder export the data passed to those templates. A new file is used as exporting any variable in a file suffixed stories.js will be assumed to be a story entry. The changes to index.mustache are as follows: * html-footer is replaced with data-footer and Footer component is rendered via template partial * html-navigation is replaced with data-navigation and Navigation component is rendered via template partial CHANGES to Navigation.mustache: Changes are best explained by looking at the diff to stories/navigation.stories.js and navigation.stories.data.js * html-personal-menu is replaced with data-personal-menu Bug: T245456 Change-Id: Ie96e92447a932b8a7f3844df277a1d31a2af423c
2020-02-17 19:49:43 +00:00
};
Refactor: Standardize menu data (DRY!) VectorTemplate has various functions that repeat themselves, only differing in their choice of names. This refactor begins by focusing on the personal menu and introducing a generic getMenuData function. Hardcoded `p-personal` is replaced with an `id` template key and `msg-label` is renamed `label`. Future patches will simplify VectorTemplate by using this new function. You'll note the resulting PersonalMenu.mustache file is identical to VectorTabs. These will be merged in I098e6921e8f7ef65dacacf09b9c25f70c945e58e Bug: T249372 Change-Id: I5ae44a1008b065381eeff93f9fa625be5c5a9de9
2020-04-03 20:05:22 +00:00
const ULS_LANGUAGE_SELECTOR = '<li class="uls-trigger active"><a href="#">English</a></li>';
/**
* @type {MenuDefinition}
*/
Use template partials rather than HTML strings CHANGES to index.mustache: Changes can be understood by looking at the diff of the file stories/skin.stories.js The additional changes in stories folder export the data passed to those templates. A new file is used as exporting any variable in a file suffixed stories.js will be assumed to be a story entry. The changes to index.mustache are as follows: * html-footer is replaced with data-footer and Footer component is rendered via template partial * html-navigation is replaced with data-navigation and Navigation component is rendered via template partial CHANGES to Navigation.mustache: Changes are best explained by looking at the diff to stories/navigation.stories.js and navigation.stories.data.js * html-personal-menu is replaced with data-personal-menu Bug: T245456 Change-Id: Ie96e92447a932b8a7f3844df277a1d31a2af423c
2020-02-17 19:49:43 +00:00
const loggedInWithULS = {
Refactor: Standardize menu data (DRY!) VectorTemplate has various functions that repeat themselves, only differing in their choice of names. This refactor begins by focusing on the personal menu and introducing a generic getMenuData function. Hardcoded `p-personal` is replaced with an `id` template key and `msg-label` is renamed `label`. Future patches will simplify VectorTemplate by using this new function. You'll note the resulting PersonalMenu.mustache file is identical to VectorTabs. These will be merged in I098e6921e8f7ef65dacacf09b9c25f70c945e58e Bug: T249372 Change-Id: I5ae44a1008b065381eeff93f9fa625be5c5a9de9
2020-04-03 20:05:22 +00:00
id: 'p-personal',
'label-id': 'p-personal-label',
label: 'Personal tools',
Use template partials rather than HTML strings CHANGES to index.mustache: Changes can be understood by looking at the diff of the file stories/skin.stories.js The additional changes in stories folder export the data passed to those templates. A new file is used as exporting any variable in a file suffixed stories.js will be assumed to be a story entry. The changes to index.mustache are as follows: * html-footer is replaced with data-footer and Footer component is rendered via template partial * html-navigation is replaced with data-navigation and Navigation component is rendered via template partial CHANGES to Navigation.mustache: Changes are best explained by looking at the diff to stories/navigation.stories.js and navigation.stories.data.js * html-personal-menu is replaced with data-personal-menu Bug: T245456 Change-Id: Ie96e92447a932b8a7f3844df277a1d31a2af423c
2020-02-17 19:49:43 +00:00
'html-userlangattributes': htmluserlangattributes,
Refactor: Standardize menu data (DRY!) VectorTemplate has various functions that repeat themselves, only differing in their choice of names. This refactor begins by focusing on the personal menu and introducing a generic getMenuData function. Hardcoded `p-personal` is replaced with an `id` template key and `msg-label` is renamed `label`. Future patches will simplify VectorTemplate by using this new function. You'll note the resulting PersonalMenu.mustache file is identical to VectorTabs. These will be merged in I098e6921e8f7ef65dacacf09b9c25f70c945e58e Bug: T249372 Change-Id: I5ae44a1008b065381eeff93f9fa625be5c5a9de9
2020-04-03 20:05:22 +00:00
'html-items': `${ULS_LANGUAGE_SELECTOR}<li id="pt-userpage"><a href="/wiki/User:Jdlrobson" dir="auto" title="Your user page [⌃⌥.]" accesskey=".">Jdlrobson</a></li><li id="pt-notifications-alert"><a href="/wiki/Special:Notifications" class="mw-echo-notifications-badge mw-echo-notification-badge-nojs oo-ui-icon-bell mw-echo-notifications-badge-all-read" data-counter-num="0" data-counter-text="0" title="Your alerts">Alerts (0)</a></li><li id="pt-notifications-notice"><a href="/wiki/Special:Notifications" class="mw-echo-notifications-badge mw-echo-notification-badge-nojs oo-ui-icon-tray" data-counter-num="3" data-counter-text="3" title="Your notices">Notices (3)</a></li><li id="pt-mytalk"><a href="/wiki/User_talk:Jdlrobson" title="Your talk page [⌃⌥n]" accesskey="n">Talk</a></li><li id="pt-sandbox"><a href="/wiki/User:Jdlrobson/sandbox" title="Your sandbox">Sandbox</a></li><li id="pt-preferences"><a href="/wiki/Special:Preferences" title="Your preferences">Preferences</a></li><li id="pt-betafeatures"><a href="/wiki/Special:Preferences#mw-prefsection-betafeatures" title="Beta features">Beta</a></li><li id="pt-watchlist"><a href="/wiki/Special:Watchlist" title="A list of pages you are monitoring for changes [⌃⌥l]" accesskey="l">Watchlist</a></li><li id="pt-mycontris"><a href="/wiki/Special:Contributions/Jdlrobson" title="A list of your contributions [⌃⌥y]" accesskey="y">Contributions</a></li><li id="pt-logout"><a href="/w/index.php?title=Special:UserLogout&amp;returnto=Main+Page&amp;returntoquery=useskin%3Dvector" title="Log out">Log out</a></li>`
Use template partials rather than HTML strings CHANGES to index.mustache: Changes can be understood by looking at the diff of the file stories/skin.stories.js The additional changes in stories folder export the data passed to those templates. A new file is used as exporting any variable in a file suffixed stories.js will be assumed to be a story entry. The changes to index.mustache are as follows: * html-footer is replaced with data-footer and Footer component is rendered via template partial * html-navigation is replaced with data-navigation and Navigation component is rendered via template partial CHANGES to Navigation.mustache: Changes are best explained by looking at the diff to stories/navigation.stories.js and navigation.stories.data.js * html-personal-menu is replaced with data-personal-menu Bug: T245456 Change-Id: Ie96e92447a932b8a7f3844df277a1d31a2af423c
2020-02-17 19:49:43 +00:00
};
Refactor: Standardize menu data (DRY!) VectorTemplate has various functions that repeat themselves, only differing in their choice of names. This refactor begins by focusing on the personal menu and introducing a generic getMenuData function. Hardcoded `p-personal` is replaced with an `id` template key and `msg-label` is renamed `label`. Future patches will simplify VectorTemplate by using this new function. You'll note the resulting PersonalMenu.mustache file is identical to VectorTabs. These will be merged in I098e6921e8f7ef65dacacf09b9c25f70c945e58e Bug: T249372 Change-Id: I5ae44a1008b065381eeff93f9fa625be5c5a9de9
2020-04-03 20:05:22 +00:00
/**
* @type {Object.<string, MenuDefinition>}
*/
Use template partials rather than HTML strings CHANGES to index.mustache: Changes can be understood by looking at the diff of the file stories/skin.stories.js The additional changes in stories folder export the data passed to those templates. A new file is used as exporting any variable in a file suffixed stories.js will be assumed to be a story entry. The changes to index.mustache are as follows: * html-footer is replaced with data-footer and Footer component is rendered via template partial * html-navigation is replaced with data-navigation and Navigation component is rendered via template partial CHANGES to Navigation.mustache: Changes are best explained by looking at the diff to stories/navigation.stories.js and navigation.stories.data.js * html-personal-menu is replaced with data-personal-menu Bug: T245456 Change-Id: Ie96e92447a932b8a7f3844df277a1d31a2af423c
2020-02-17 19:49:43 +00:00
const PERSONAL_MENU_TEMPLATE_DATA = {
loggedOut,
loggedInWithEcho,
loggedInWithULS
};
export { PERSONAL_MENU_TEMPLATE_DATA, personalMenuTemplate };
Reference in a new issue Copy permalink