Change file delete checkbox to button

This commit is contained in:
Kijin Sung 2024-10-09 02:46:48 +09:00
parent 453f83db7d
commit 7fe2203cbd
2 changed files with 45 additions and 22 deletions

View file

@ -0,0 +1,17 @@
'use strict';
(function($) {
$(function() {
$('button.evFileRemover').on('click', function() {
const container = $(this).parents('.ev_file_upload');
container.find('span.filename').text('');
container.find('span.filesize').text('');
container.find('input[type=hidden][name^=_delete_]').val('Y');
container.find('input[type=file]').val('');
});
$('input.rx_ev_file').on('change', function() {
const container = $(this).parents('.ev_file_upload');
container.find('input[type=hidden][name^=_delete_]').val('N');
});
});
})(jQuery);

View file

@ -1,19 +1,22 @@
@load('../assets/file_upload.js')
<div class="ev_file_upload">
@if ($value)
@php
$file = FileModel::getFile(intval($value));
@endphp
@if ($file)
<div class="uploaded_file">
<div class="ev_file_info">
<span class="filename">{{ $file->source_filename }}</span>
<span class="filesize">({{ FileHandler::filesize($file->file_size) }})</span>
<label>
<input type="checkbox" name="_delete_{{ $input_name }}" value="Y" />
@lang('common.cmd_delete')
</label>
<input type="hidden" name="_delete_{{ $input_name }}" value="N" />
<button type="button" class="btn evFileRemover">{{ lang('cmd_delete') }}</button>
</div>
@endif
@endif
<div class="ev_file_input">
<input type="file" name="{{ $input_name }}"
id="{{ $input_id }}"|if="$input_id" class="file rx_ev_file"
style="{{ $definition->style }}"|if="$definition->style"
@ -21,3 +24,6 @@
@disabled(toBool($definition->is_disabled))
@readonly(toBool($definition->is_readonly))
/>
</div>
</div>