gitlab-org--gitlab-foss/app/assets/javascripts/file_pickers.js

22 lines
729 B
JavaScript

export default function initFilePickers() {
const filePickers = document.querySelectorAll('.js-filepicker');
filePickers.forEach((filePicker) => {
const button = filePicker.querySelector('.js-filepicker-button');
button.addEventListener('click', () => {
const form = button.closest('form');
form.querySelector('.js-filepicker-input').click();
});
const input = filePicker.querySelector('.js-filepicker-input');
input.addEventListener('change', () => {
const form = input.closest('form');
const filename = input.value.replace(/^.*[\\\/]/, ''); // eslint-disable-line no-useless-escape
form.querySelector('.js-filepicker-filename').textContent = filename;
});
});
}