JSFiddle - React, Tailwind, and code Playground

by chikunova_nata

HTML

$uploadDialog

JavaScript

$uploadDialog.one('shown.bs.modal',function () {
                var $uploadForm = $uploadDialog.find('#image_manager_form'),
                    files;

                $uploadForm.find('button').attr('disabled', true).on('click', function () {
                    submitForm();
                });
                $uploadForm.find('input[type=text]').bind('click', function () {
                    browseFile();
                });
                $uploadForm.find('input[type=file]').bind('change', function (ev) {
                    prepareUpload(ev);
                });
                var browseFile = function () {
                    $('#progressbar').attr('aria-valuenow', '40%').html('40%').css({'width': '40%'});
                    $uploadForm.find('input[type=file]').click();
                };
                var updateLabel = function () {
                    var label = $uploadForm.find('input[type=file]').val().replace(/\\/g, '/').replace(/.*\//, '');
                    $uploadForm.find('input[type=text]').val(label);
                };
                var enableSubmit = function () {
                    if (files.length) {
                        $uploadForm.find('button').removeAttr('disabled');
                    }
                };
                var prepareUpload = function (event) {
                    localStorage.setItem('formObjectStatus', '');
                    $('#progressbar').attr('aria-valuenow', '40%').html('40%').css({'width': '40%'});
                    files = event.target.files;
                    updateLabel();
                    enableSubmit();
                };
                var progressHandling = function (dfdList) {
                    var progressbar = $('#progressbar'),
                        max = 100,
                        time = (800 / max),
                        value = 40;
                    progressbar.attr({'aria-valuenow': value, 'aria-valuemax': max});
                   ...