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