“Widget:EditWarWarning”与“Widget:KizunaAIFace”：页面之间的差异

2020年6月4日 (四) 16:34的版本

绊爱脸

@@ 第1行： / 第1行： @@
-<noinclude> 该widget使用于[[模板:编辑战]] ，效果可在那边看到。</noinclude><includeonly><!--{if !isset($wgEditWarWarning) || !$wgEditWarWarning}--><!--{assign var="wgEditWarWarning" value=true scope="global"}--><script>
+<noinclude> 绊爱脸</noinclude><includeonly><!--{if !isset($wgKizunaAIFace) || !$wgKizunaAIFace}--><!--{assign var="wgKizunaAIFace" value=true scope="global"}--><script>
+/* eslint-disable no-loop-func */
+/* eslint-disable no-magic-numbers */
+"use strict";
 window.RLQ = window.RLQ || [];
-window.RLQ.push(function() {
+window.RLQ.push(async () => {
-    mw.loader.using(["oojs-ui"]).then(function() {
+    if (Math.random() < 0.7) {
-      if ($("#EditWarWarning").is(":visible")) {
+      const KizunaAIFaceUp = "https://img.moegirl.org/common/0/0f/KizunaAIFaceUp.png";
-       var messageDialog = new OO.ui.MessageDialog();
+     const KizunaAIFaceDown = "https://img.moegirl.org/common/9/9a/KizunaAIFaceDown.png";
-       var windowManager = new OO.ui.WindowManager();
+     await Promise.all([KizunaAIFaceUp, KizunaAIFaceDown].map((src) => new Promise((res) => {
-       $("body").append(windowManager.$element);
+        const image = new Image();
-        windowManager.addWindows([messageDialog]);
+        image.src = src;
-        messageDialog.title.$label.html("H萌娘提醒您<br/>本条目正处于编辑战中！");
+        image.addEventListener("load", () => {
-        messageDialog.message.$label.html("<br/>条目内容具有争议性，可能并不正确，H萌娘管理人员及相关编辑者正在协商解决本次编辑战。<br/><br/>请不要以当前任何内容作为依据，如果您有更好的意见或建议，欢迎前往讨论版讨论。");
+          res();
-       windowManager.openWindow(messageDialog, {
-          actions: [{
-           action: 'accept',
-           label: '我知道了',
-           flags: 'primary'
-         }]
         });
-      }
+      })));
-   });
+     const KizunaAI = $("<div/>");
-});</script><!--{/if}--></includeonly>
+     KizunaAI.width(0).height(0).css({
+       position: "fixed",
+       "max-width": "70vw",
+       "max-height": "70vh",
+       right: "0",
+       bottom: "0",
+       "z-index": "99999",
+       "background-image": `url(${KizunaAIFaceUp})`,
+       "background-size": "cover",
+     });
+     const temp = $("<div/>");
+     temp.css({
+       "z-index": "-99999",
+       top: "101vh",
+       left: "101vw",
+       position: "fixed",
+       width: "1vw",
+       height: "1vh",
+     });
+     $("body").append(temp).append(KizunaAI);
+     const KizunaAIWidth = 744;
+     const KizunaAIHeight = 825;
+     const KizunaAISetSize = (size) => {
+       const windowDirection = temp.width() < temp.height();
+       KizunaAI.css(windowDirection ? "width" : "height", `${size}v${windowDirection ? "w" : "h"}`);
+       KizunaAI[windowDirection ? "height" : "width"](KizunaAI[windowDirection ? "width" : "height"]() * (windowDirection ? KizunaAIWidth : KizunaAIHeight) / (windowDirection ? KizunaAIHeight : KizunaAIWidth));
+     };
+     let KizunaAISize = 0;
+     let KizunaAITouchTimes = 0;
+     let KizunaAIDirection = "bigger";
+     let KizunaAIDownTimeout = -1;
+     let KizunaAIDOwnFlag = false;
+     KizunaAI.on("mousedown touchstart", () => {
+       KizunaAITouchTimes++;
+       KizunaAI.css("background-image", `url(${KizunaAIFaceDown})`);
+       if (KizunaAITouchTimes >= 3) {
+         KizunaAIDirection = "smaller";
+       } else {
+         KizunaAIDOwnFlag = true;
+       }
+     });
+     $(window).on("mouseup touchend", () => {
+       if (KizunaAIDOwnFlag && KizunaAIDirection === "bigger") {
+         if (KizunaAIDownTimeout > 0) {
+           clearTimeout(KizunaAIDownTimeout);
+         }
+         KizunaAIDownTimeout = setTimeout(() => {
+           if (KizunaAIDirection === "bigger") {
+             KizunaAI.css("background-image", `url(${KizunaAIFaceUp})`);
+           }
+           clearTimeout(KizunaAIDownTimeout);
+         }, 50);
+         KizunaAIDOwnFlag = false;
+       }
+     }).on("resize", () => {
+       if (KizunaAIDirection === "bigger") {
+         KizunaAISetSize(KizunaAISize);
+       }
+     });
+     setInterval(() => {
+       if (KizunaAIDirection === "bigger") {
+         if (KizunaAISize < 80) {
+           KizunaAISize++;
+           KizunaAISetSize(KizunaAISize);
+         }
+       } else {
+         if (KizunaAISize > 0) {
+           KizunaAISize--;
+           KizunaAI.css("background-image", `url(${KizunaAIFaceDown})`);
+           KizunaAISetSize(KizunaAISize);
+         } else {
+           KizunaAI.hide();
+         }
+       }
+     }, 50);
+   }
+});
+</script><!--{/if}--></includeonly>

“Widget:EditWarWarning”与“Widget:KizunaAIFace”：页面之间的差异

2020年6月4日 (四) 16:34的版本

导航菜单

搜索