User:Ingenuity/AFC-helpdesk-wizard.js

const inputFields = {};

function constructUI { return new OO.ui.FieldsetLayout({		label: "Ask a question at the Articles for Creation Help Desk",		classes: [ "container" ],		items: [			inputFields.titleLayout = new OO.ui.FieldLayout(inputFields.titleInput = new mw.widgets.TitleInputWidget({				value: (mw.util.getParamValue("page") || "").replace(/_/g, " "),				placeholder: "Enter the draft title, usually begins with \"Draft:\""			}), { label: "Draft title", align: "top", help: "This should be pre-filled if you clicked the link while on the draft page", helpInline: true }),			inputFields.textLayout = new OO.ui.FieldLayout(inputFields.textInput = new OO.ui.MultilineTextInputWidget({				placeholder: "Enter your question here",				multiline: true,				autosize: true,				maxRows: 5			}), { label: "Question", align: "top", help: "Please explain exactly what you would like help with. Blank posts may be removed.", helpInline: true }),			inputFields.submitLayout = new OO.ui.FieldLayout(inputFields.submitButton = new OO.ui.ButtonWidget({				label: "Submit",				flags: [ "progressive", "primary" ]			}))		]	}); }

function init { const ui = constructUI; $("#bodyContent").empty.append(ui.$element); $("#firstHeading").text("Submitting a question ..."); }

$.when($.ready).then(init);