MediaWiki:MobileUI.js - 版の履歴

2020年5月2日 (土) 16:44に𩸽による

2020-05-02T16:44:10Z

← 古い版		2020年5月3日 (日) 01:44時点における版
321行目:		321行目:
	outerSpan.classList.add("toggle-list-item__icon", "mw-ui-icon", "mw-ui-icon-before", ...item.iconClass);		outerSpan.classList.add("toggle-list-item__icon", "mw-ui-icon", "mw-ui-icon-before", ...item.iconClass);
	a.append(outerSpan);		a.append(outerSpan);

			const spacingSpan = window.document.createElement("span");
			spacingSpan.textContent = " ";
			outerSpan.append(spacingSpan);

	const innerSpan = window.document.createElement("span");		const innerSpan = window.document.createElement("span");

2020年5月2日 (土) 15:47に𩸽による

2020-05-02T15:47:34Z

← 古い版		2020年5月3日 (日) 00:47時点における版
338行目:		338行目:

	if (menu) {		if (menu) {
	const lastItem = menu.~~lastChild~~;		const lastItem = menu.lastElementChild;
	if (lastItem) {		if (lastItem) {
	for (const item of items) {		for (const item of items) {

2020年5月2日 (土) 15:44に𩸽による

2020-05-02T15:44:59Z

差分を表示

2019年11月20日 (水) 14:24に𩸽による

2019-11-20T14:24:45Z

← 古い版		2019年11月20日 (水) 23:24時点における版
253行目:		253行目:

	return children;		return children;
	}

	/**
	* @param {boolean} isVisible
	*/
	~~static setRightMenuVisible(isVisible) {~~
	~~MobileUIBuilder~~
	~~.menuContainerElement~~
	~~.setAttribute("data-mobile-ui-right-menu-visible", String(Boolean(isVisible)));~~
	}		}

267行目:		258行目:
	* @returns {HTMLElement}		* @returns {HTMLElement}
	*/		*/
	static get ~~menuContainerElement~~() {		static get leftMenuContainerElement() {
	return window.document		return window.document
	.getElementById("mw-mf-page-left");		.getElementById("mw-mf-page-left");
275行目:		266行目:
	* @returns {HTMLDivElement \| null}		* @returns {HTMLDivElement \| null}
	*/		*/
	static get ~~menuElement~~() {		static get leftMenuElement() {
	return /** @type {HTMLDivElement} */ (		return /** @type {HTMLDivElement} */ (
	MobileUIBuilder		MobileUIBuilder
	.~~menuContainerElement~~		.leftMenuContainerElement
	.getElementsByClassName(MobileUIBuilder.menuClass)		.getElementsByClassName(MobileUIBuilder.menuClass)
	.item(0)		.item(0)
335行目:		326行目:

	MobileUIBuilder		MobileUIBuilder
	.~~menuContainerElement~~		.leftMenuContainerElement
	.classList		.classList
	.add("mobile-ui-not-article");		.add("mobile-ui-not-article");
372行目:		363行目:
	if (body.classList.contains(MobileUIBuilder.navigationEnabledClass)) return;		if (body.classList.contains(MobileUIBuilder.navigationEnabledClass)) return;

	~~MobileUIBuilder.setRightMenuVisible(true);~~
	body.classList.add(		body.classList.add(
	MobileUIBuilder.navigationEnabledClass,		MobileUIBuilder.navigationEnabledClass,
	~~MobileUIBuilder.secondaryNavigationEnabledClass~~,		"secondary-navigation-enabled",
	);		);
	});		});
397行目:		387行目:
	/**		/**
	* @param {MobileUI} mobileUI		* @param {MobileUI} mobileUI
			* @param {HTMLElement} leftMenuContainer
			* @param {HTMLDivElement} leftMenu
	* @returns {this}		* @returns {this}
	*/		*/
	modify(mobileUI~~) {~~		modify(mobileUI, leftMenuContainer, leftMenu) {
	~~const~~ leftMenu ~~= MobileUIBuilder.menuElement;~~
	~~if (leftMenu.classList.contains(MobileUIBuilder.leftMenuClass)) return this;~~

	~~MobileUIBuilder.setRightMenuVisible(false);~~
	~~const menuContainer = MobileUIBuilder.menuContainerElement;~~
	~~menuContainer.addEventListener("transitionend", function (~~) {
	~~const body = MobileUIBuilder.authenticatedBody;~~
	~~if (!body \|\| body.classList.contains(MobileUIBuilder.secondaryNavigationEnabledClass)) return;~~

	~~MobileUIBuilder.setRightMenuVisible(false);~~
	~~});~~

	const firstGroup = leftMenu.getElementsByTagName("ul").item(0);		const firstGroup = leftMenu.getElementsByTagName("ul").item(0);
	if (firstGroup) {		if (firstGroup) {
419行目:		399行目:
	const customLeftGroups = this.menuDataGroups(mobileUI.leftGroups);		const customLeftGroups = this.menuDataGroups(mobileUI.leftGroups);
	leftMenu.prepend(...customLeftGroups);		leftMenu.prepend(...customLeftGroups);

			const viewport = leftMenuContainer.parentElement;

			const rightMenuContainer = window.document.createElement("nav");
			rightMenuContainer.id = "mobile-ui-page-right";
			rightMenuContainer.classList.add(...leftMenuContainer.classList);
			viewport.insertBefore(rightMenuContainer, leftMenuContainer);

	const rightMenu = window.document.createElement("div");		const rightMenu = window.document.createElement("div");
	rightMenu.classList.add(...leftMenu.classList~~, MobileUIBuilder~~.~~rightMenuClass~~);		rightMenu.classList.add(...leftMenu.classList);
			rightMenuContainer.appendChild(rightMenu);

	const rightGroups = this.menuDataGroups(mobileUI.rightGroups);		const rightGroups = this.menuDataGroups(mobileUI.rightGroups);
	rightMenu.append(...rightGroups);		rightMenu.append(...rightGroups);
	~~menuContainer.append(rightMenu);~~

	~~leftMenu.classList.add(MobileUIBuilder.leftMenuClass);~~

	return this;		return this;
437行目:		422行目:
	*/		*/
	build(mobileUI) {		build(mobileUI) {
	if (MobileUIBuilder.~~menuElement~~) {		const leftMenuContainer = window.document.getElementById("mw-mf-page-left");
	this.modify(mobileUI);
			const leftMenu = /** @type {HTMLDivElement} */ (
			leftMenuContainer.getElementsByClassName(MobileUIBuilder.menuClass).item(0)
			);

			if (MobileUIBuilder.leftMenuElement) {
			this.modify(mobileUI, leftMenuContainer, leftMenu);
	return this;		return this;
	}		}
445行目:		436行目:
	for (const record of mutations) {		for (const record of mutations) {
	for (const node of record.addedNodes) {		for (const node of record.addedNodes) {
	const ~~{ classList }~~ = /** @type {HTMLDivElement} */ (node);		const maybeLeftMenu = /** @type {HTMLDivElement} */ (node);
			const { classList } = maybeLeftMenu;
	if (classList && classList.contains(MobileUIBuilder.menuClass)) {		if (classList && classList.contains(MobileUIBuilder.menuClass)) {
	observer.disconnect();		observer.disconnect();
	this.modify(mobileUI);		this.modify(mobileUI, leftMenuContainer, maybeLeftMenu);
	return;		return;
	}		}
455行目:		447行目:
	});		});

	observer.observe(~~MobileUIBuilder.menuContainerElement~~, { childList: true });		observer.observe(leftMenuContainer, { childList: true });

	return this;		return this;
463行目:		455行目:
	MobileUIBuilder.rightMenuButtonID = "mobile-ui-right-menu-button";		MobileUIBuilder.rightMenuButtonID = "mobile-ui-right-menu-button";
	MobileUIBuilder.menuClass = "menu";		MobileUIBuilder.menuClass = "menu";
	~~MobileUIBuilder.leftMenuClass = "mobile-ui-left-menu";~~
	~~MobileUIBuilder.rightMenuClass = "mobile-ui-right-menu";~~
	MobileUIBuilder.hiddenClass = "mobile-ui-hidden";		MobileUIBuilder.hiddenClass = "mobile-ui-hidden";
	MobileUIBuilder.navigationEnabledClass = "navigation-enabled";		MobileUIBuilder.navigationEnabledClass = "navigation-enabled";
	~~MobileUIBuilder.secondaryNavigationEnabledClass = "secondary-navigation-enabled";~~

2019年11月15日 (金) 13:50に𩸽による

2019-11-15T13:50:18Z

← 古い版		2019年11月15日 (金) 22:50時点における版
188行目:		188行目:

	const textElement = window.document.createElement("span");		const textElement = window.document.createElement("span");
	textElement.~~text~~ = component.text \|\| href;		textElement.textContent = component.text \|\| href;
	element.append(textElement);		element.append(textElement);

2019年11月15日 (金) 13:49に𩸽による

2019-11-15T13:49:28Z

← 古い版		2019年11月15日 (金) 22:49時点における版
179行目:		179行目:

	const element = window.document.createElement("a");		const element = window.document.createElement("a");
	~~element.text = component.text \|\| href;~~
	element.id = component.id \|\| "";		element.id = component.id \|\| "";
	element.classList.add(...[].concat(component.class \|\| []));		element.classList.add(...[].concat(component.class \|\| []));
187行目:		186行目:
	element.href = encodeURI(href);		element.href = encodeURI(href);
	}		}

			const textElement = window.document.createElement("span");
			textElement.text = component.text \|\| href;
			element.append(textElement);

	return element;		return element;

2019年6月29日 (土) 17:41に𩸽による

2019-06-29T17:41:33Z

← 古い版		2019年6月30日 (日) 02:41時点における版
127行目:		127行目:
	return [		return [
	this.wgScriptPath,		this.wgScriptPath,
			"/",
	this.wgFormattedNamespaces[this.wgNamespaceIds.user],		this.wgFormattedNamespaces[this.wgNamespaceIds.user],
	":",		":",

2019年6月29日 (土) 17:40に𩸽による

2019-06-29T17:40:58Z

← 古い版		2019年6月30日 (日) 02:40時点における版
125行目:		125行目:

	case "mobile-ui-page-special-user":		case "mobile-ui-page-special-user":
	return ~~encodeURI(~~[		return [
	this.wgScriptPath,		this.wgScriptPath,
	this.wgFormattedNamespaces[this.wgNamespaceIds.user],		this.wgFormattedNamespaces[this.wgNamespaceIds.user],
	":",		":",
	this.wgUserName,		this.wgUserName,
	].join(""));		].join("");

	case "mobile-ui-page-special-contributions":		case "mobile-ui-page-special-contributions":
	return ~~encodeURI(~~[		return [
	this.wgScriptPath,		this.wgScriptPath,
	"/",		"/",
141行目:		141行目:
	"/",		"/",
	this.wgUserName,		this.wgUserName,
	].join(""));		].join("");

	case "mobile-ui-page-user-talk":		case "mobile-ui-page-user-talk":
	return ~~encodeURI(~~[		return [
	this.wgScriptPath,		this.wgScriptPath,
	"/",		"/",
150行目:		150行目:
	":",		":",
	this.wgUserName,		this.wgUserName,
	].join(""));		].join("");

	case "mobile-ui-page-special-logout":		case "mobile-ui-page-special-logout":
	return ~~encodeURI(~~[		return [
	this.wgScript,		this.wgScript,
	"?title=",		"?title=",
161行目:		161行目:
	"&returnto=",		"&returnto=",
	this.wgPageName,		this.wgPageName,
	].join(""));		].join("");

	default:		default:

2019年6月29日 (土) 17:37に𩸽による

2019-06-29T17:37:24Z

@@ 58行目: / 58行目: @@
           */
          this.wgServer = mw.config.get("wgServer");
          /**
@@ 63行目: / 68行目: @@
           */
          this.wgScriptPath = mw.config.get("wgScriptPath");
          /**
@@ 140行目: / 150行目: @@
                      ":",
                      this.wgUserName,
                  ].join(""));

2019年6月29日 (土) 17:21に𩸽による

2019-06-29T17:21:22Z

@@ 4行目: / 4行目: @@
   * @typedef MediaWiki
   * @prop {readonly Map<string, any>} config
   */
@@ 77行目: / 88行目: @@
           */
          this.wgUserName = mw.config.get("wgUserName");
+     }
@@ 86行目: / 107行目: @@
          switch (component.id) {
              case "mobile-ui-page-short-url":
-                 return (
+                 return [
-                     this.wgServer
+                     this.wgServer,
-                     + this.wgScriptPath
+                     this.wgScriptPath,
-                     + "?curid="
+                     "/?curid=",
-                     + String(this.wgArticleId)
+                     String(this.wgArticleId),
-                 );
+                ].join("");
              default: