pardus-options-library 2.7.0

package/src/classes/tip-box.js

@@ -0,0 +1,69 @@
+import HtmlElement from './html-element.js';
+import PardusOptionsUtility from './pardus-options-utility.js';
+
+export default class TipBox extends HtmlElement {
+    constructor({
+        id,
+    }) {
+        super(id);
+        this.contents = '';
+        this.title = '';
+        this.addEventListener('click', () => {
+            this.hide();
+        });
+    }
+
+    setContents({
+        contents = '',
+        title = '',
+    }) {
+        this.contents = contents;
+        this.title = title;
+        this.refreshElement();
+    }
+
+    setPosition({
+        element,
+        position = 'right',
+    }) {
+        let xOffset = 15;
+        let yOffset = -13;
+
+        switch (position) {
+            case 'left': {
+                xOffset += -220;
+                break;
+            }
+
+            case 'er': {
+                xOffset += 128;
+                break;
+            }
+
+            case 'lf': {
+                xOffset += -160;
+                yOffset += -310;
+                break;
+            }
+
+            default: {
+                break;
+            }
+        }
+
+        this.getElement().style.top = `${element.getOffsetTop() + yOffset}px`;
+        this.getElement().style.left = `${element.getOffsetLeft() + xOffset}px`;
+    }
+
+    show() {
+        this.getElement().removeAttribute('hidden');
+    }
+
+    hide() {
+        this.getElement().setAttribute('hidden', '');
+    }
+
+    toString() {
+        return `<div id="${this.id}" hidden="" style="position: absolute; width: 200px; z-index: 100; border: 1pt black solid; background: #000000; padding: 0px;"><table class="messagestyle" style="background:url(${PardusOptionsUtility.getImagePackUrl()}bgd.gif)" width="100%" cellspacing="0" cellpadding="3"><tbody><tr><td style="text-align:left;background:#000000;"><b>${this.title}</b></td></tr><tr><td style="text-align:left;">${this.contents}</td></tr><tr><td height="5"><spacer type="block" width="1" height="1"></spacer></td></tr><tr><td style="text-align:right;background:#31313A;"><b>GNN Library</b><img src="${PardusOptionsUtility.getImagePackUrl()}info.gif" width="10" height="12" border="0"></td></tr></tbody></table></div>`;
+    }
+}

package/src/classes/version-row.js

@@ -0,0 +1,14 @@
+/*eslint camelcase: ["error", {allow: ["GM_info"]}]*/
+import HtmlElement from './html-element.js';
+
+export default class VersionRow extends HtmlElement {
+    constructor({
+        id,
+    }) {
+        super(id);
+    }
+
+    toString() {
+        return `<tr id="${this.id}"><td align="right" style="font-size:11px;color:#696988;padding-right:7px;padding-top:5px">Version ${GM_info.script.version}</td></tr>`;
+    }
+}

package/src/index.js

@@ -0,0 +1,13 @@
+import PardusOptions from './classes/pardus-options.js';
+import PardusOptionsUtility from './classes/pardus-options-utility.js';
+
+/**
+  *  Add the Options object to the page for all scripts to use
+  */
+if (document.location.pathname === '/options.php') {
+    PardusOptions.init();
+}
+
+PardusOptionsUtility.addGlobalListeners();
+
+export { PardusOptions, PardusOptionsUtility };

package/webpack.config.cjs

@@ -0,0 +1,16 @@
+const path = require('path');
+
+module.exports = {
+    mode: 'production',
+    entry: './src/index.js',
+    output: {
+        path: path.resolve(__dirname, 'dist'),
+        filename: 'pardus-options-library.js',
+        library: {
+            type: 'umd',
+        },
+    },
+    optimization: {
+        minimize: true,
+    },
+};