Start

ts/admin/widgets/rhpz-url/class-rhpz-url.ts

@@ -0,0 +1,50 @@
+declare const _romhackplaza_rhpz_url: any;
+
+export class RhpzUrl {
+
+    container: HTMLElement;
+    form_field_url: HTMLInputElement|null;
+    form: HTMLElement|null;
+    output: HTMLElement|null;
+
+    constructor( selector: any ){
+
+        this.form_field_url = null;
+        this.form = null;
+        this.output = null;
+
+        this.container = document.querySelector( selector );
+        if ( !this.container )
+            return;
+
+        this.form_field_url = this.container.querySelector( '#FormUrl' );
+        this.form = this.container;
+        this.output = this.container.querySelector( '#Create-A-RHPZ-Url-Response' );
+
+        this.events();
+    }
+
+    events() {
+
+        this.form!.onsubmit = ( event ) => this.submit_request( event );
+
+    }
+
+    async submit_request( e: Event ){
+
+        e.preventDefault();
+        let url = this.form_field_url!.value;
+        url = url.replace("https://", "");
+        url = url.replace("http://", "");
+
+        const xhr = new XMLHttpRequest();
+        xhr.open( 'GET', _romhackplaza_rhpz_url.create_url + url, true );
+        xhr.onload = () => {
+            this.output!.innerHTML = '<a href="' + xhr.responseText + '" target="_blank">' + xhr.responseText + '</a>';
+        }
+
+        xhr.send();
+
+    }
+
+}

ts/admin/widgets/rhpz-url/index.ts

@@ -0,0 +1,5 @@
+import { RhpzUrl } from "./class-rhpz-url";
+
+document.addEventListener( 'DOMContentLoaded', () => {
+    new RhpzUrl( '#Create-A-RHPZ-Url-Form' );
+})