User:DannyS712/EFFPRH/sandbox.js: Difference between revisions

Revision as of 09:51, 21 May 2022

Revision as of 02:32, 2 October 2023

Line 15:

EFFPRH.init = function () {

mw.loader.using(

[ 'vue', 'wvui@wikimedia/codex', 'mediawiki.util', 'mediawiki.api', 'es6-polyfills' ],

EFFPRH.run

);

Line 154:

// We shouldn't use the mw.loader access directly, but I'm not

// pasing around the `require` function everywhere

const wvuicdx = mw.loader.require( 'wvui@wikimedia/codex' );

// Extra component to render wikitext preview

const previewRenderer = EFFPRH.getPreviewComponent();

const handlerApp = {

components: {

WvuiButtonCdxButton: wvuicdx.WvuiButtonCdxButton,

CdxDropdown: cdx.CdxDropdown,

WvuiDropdown: wvui.WvuiDropdown,

WvuiInputCdxInput: wvuicdx.WvuiInputCdxInput,

CdxToggleButton: cdx.CdxToggleButton,

WvuiToggleButton: wvui.WvuiToggleButton,

previewRenderer: previewRenderer

},

Line 204:

},

methods: {

onCommentChange: function ( newComment ) {

this.commentValue = newComment;

},

onTogglePreview: function ( newPreviewState ) {

this.showPreview = newPreviewState;

},

reloadPage: function () {

// Needs to be a function instead of using href so that we

Line 250 ⟶ 244:

<tr>

<td><span>Action:</span></td>

<td><wvuicdx-dropdownselect v-model:selected="selectedResponse" :menu-items="responseOptions" defaultLabeldefault-label="Response to report" :disabled="haveSubmitted" /></td>

</tr>

<tr>

<td><span>Comment:</span></td>

<td><wvuicdx-text-input :value="commentValue" v-on:inputmodel="onCommentChangecommentValue" :disabled="haveSubmitted" /></td>

</tr>

</tbody></table>

Line 263 ⟶ 257:

<li v-show="editError">Uh-oh, something went wrong. Please check the console for details.</li>

</ul>

<wvuicdx-button typeweight="primary" action="progressive" :disabled="!canSubmit" v-on:click="submitHandler">Submit</wvuicdx-button>

<wvuicdx-button typeweight="primary" action="destructive" :disabled="haveSubmitted" v-on:click="cancelHandler">Cancel</wvuicdx-button>

<wvuicdx-toggle-button :isv-activemodel="showPreview" :disabled="!canSubmit" v-on:change="onTogglePreview">{{ previewToggleLabel }}</wvuicdx-toggle-button>

<!-- v-if so that we don't call the api to parse and render a preview when its not needed, do not render with no response template chosen -->

<preview-renderer v-if="showPreview && canSubmit" :wikitext="responseWikiText"></preview-renderer>