sample-input.js

/**
 * @author     André Storhaug <andr3.storhaug@gmail.com> and Hans Georg Schaathun <hasc@ntnu.no>
 * @copyright  2018 NTNU
 */

define(['qtype_sample/visual-math-input'], function (VisualMath) {
    return {
        initialize: () => {

            let readOnly = false;
            let $shortanswerInput = $('.sample .answer input');

            // Remove class "d-inline" added in shortanswer renderer class, which prevents input from being hidden.
            $shortanswerInput.removeClass('d-inline');

            let input = new VisualMath.Input($shortanswerInput, '.answer');
            input.$input.hide();

            if (!input.$input.prop('readonly')) {
                input.onEdit = ($input, field) => {
                    // $input.val(field.latex());
                    $input.val('\\[' + field.latex() + '\\]');
                    console.log($input.val());
                    $input.get(0).dispatchEvent(new Event('change')); // Event firing needs to be on a vanilla dom object.
                };

            } else {
                readOnly = true;
                input.disable();
            }

            if ($shortanswerInput.val()) {
                input.field.write(
                   $shortanswerInput.val().slice(2,-2) 
                   );
            }

            if (!readOnly) {
                let controls = new VisualMath.ControlList('#controls_wrapper');
                controls.enableAll();
            }
        }
    };
});