NodeBB/NodeBB

'use strict';

define('admin/appearance/customise', ['admin/settings', 'ace/ace'], function (Settings, ace) {
    const Customise = {};

    Customise.init = function () {
        Settings.prepare(function () {
            $('#customCSS').text($('#customCSS-holder').val());
            $('#customJS').text($('#customJS-holder').val());
            $('#customHTML').text($('#customHTML-holder').val());
            $('#customVariables').text($('#customVariables-holder').val());

            initACE('customCSS', 'scss', '#customCSS-holder');
            initACE('customJS', 'javascript', '#customJS-holder');
            initACE('customHTML', 'html', '#customHTML-holder');
            initACE('customVariables', 'scss', '#customVariables-holder');

            $('#save').on('click', function () {
                if ($('#enableLiveReload').is(':checked')) {
                    socket.emit('admin.reloadAllSessions');
                }
            });
        });
    };

    function initACE(aceElementId, mode, holder) {
        const editorEl = ace.edit(aceElementId, {
            mode: 'ace/mode/' + mode,
            theme: 'ace/theme/twilight',
            maxLines: 30,
            minLines: 30,
            fontSize: 14,
        });
        editorEl.on('change', function () {
            app.flags = app.flags || {};
            app.flags._unsaved = true;
            $(holder).val(editorEl.getValue());
        });
    }

    return Customise;
});