Руслан Абсалямов

$('#modal').modal('show')
	.change($('#modalContent').html('<div style="display:flex;justify-content: center;margin: 60px 0;"><img src="/images/loader/35.gif"></div>'))
		.find('#modalContent')
		.load($(this).attr('href'))

$('#modal').on('show.bs.modal', function(e) {
	    $('#modalContent').html('<div style="display:flex;justify-content: center;margin: 60px 0;"><img src="/images/loader/35.gif"></div>');
	})

class FileUpload {
    public input: any = document.getElementById('upload-input');
 ....
    handleFileSelect(event) {
        const files = event.target.files;
        for(let i = 0; i < files.length; i++) {
            const file = files[i];
            let type = file.type;
            Store.files.push(file);
            const fileType: FileType = FileUpload.determineFileType(type);
            let count: number = Store.files.length - 1;
            if(fileType.type === 'image') {
                const reader = new FileReader();
                reader.onload = (e: any) => {
                    let div: any = document.createElement('div');
                    div.setAttribute('class', 'preview-file');
                    div.innerHTML = [`<i class="material-icons remove-file" id="${count}">close</i>
<img class="preview" title="${file.name}" src="${e.target.result}" width="100px" height="100px"/>
<div>${file.name}</div>`].join('');
                    document.getElementById('preview-content').insertBefore(div, null);
                    FileUpload.removeFile(count);
                };
                reader.readAsDataURL(files[i]);
            } else {
                let div = document.createElement('div');
                div.setAttribute('class', 'preview-file');
                div.innerHTML = [`<i class="material-icons remove-file" id="${count}">close</i>
<img class="preview" title="${file.name}" src="${fileType.icon}" width="100px"/>
<div>${file.name}</div>`].join('');
                document.getElementById('preview-content').insertBefore(div, null);
                FileUpload.removeFile(count);
            }
        }
    }
    static removeFile(count): void {
        const removeButton: any = document.getElementById(`${count}`);
        removeButton.onclick = () => {
            console.log("hello");
        }
    }
}

new FileUpload();

$('#select-branch').change(function () {
        let value = $(this).val();
        console.log(value);
        if ($(this).val() !== null){
            $.ajax({
                type: 'get',
                url: `${window.location.origin}/branch/rooms/${value}`,
                beforeSend: function () {
                    $('.select-room').css('display', 'block').html(`<option value="" disabled selected>Загрузка</option>`)
                }
            })
                .done(res => {
                    console.log(res);
                    let room = res.map(room => {
                        return `<option value="${room.id}">${room.name}</option>`
                    });
                    $('.select-room').css('display', 'block').html(`<option value="" disabled selected>Выберите комнату</option>${room}`);
                })
                .fail(err => console.error(err.responseJSON.message));
        }
    })