css.phtml

Go to the documentation of this file.

<?php
?>

<?php  ?>

<?= $block->getFormHtml() ?>

<script>
require([
    "jquery",
    "Magento_Ui/js/modal/alert",
    "jquery/file-uploader",
    "mage/translate"
], function($, alert){

    $( '#css_file_uploader' ).fileupload({
        dataType: 'json',
        replaceFileInput: false,
        url : '<?= /* @escapeNotVerified */ $block->getUrl('*/system_design_theme/uploadcss') ?>',
        acceptFileTypes: /(.|\/)(css)$/i,

        add: function (e, data) {
            var uploadButton = $('#css_uploader_button');
            uploadButton.unbind('click');
            uploadButton.removeAttr('disabled');

            uploadButton.click(function () {
                $('#messages').html('');
                $(this).attr('disabled', 'disabled');
                data.submit();
            });
        },

        done: function (e, data) {
            var contentArea = $('#custom_css_content');
            $(this).val('');

            $('#css_uploader_button').attr('disabled', 'disabled');

            if (!data.result.error) {
                contentArea.trigger('focusin');
                contentArea.val(data.result.content);
                contentArea.trigger('focusout');
            }
        },

        fail: function(e, data) {
            $(this).val('');
            alert({
                content: $.mage.__("We don't recognize this file extension.")
            });
        }
    });

    $(document).on('beforeSubmit', function() {
        $('#css_file_uploader').val('');
    });

});
</script>