Change filer dialog from color box to modal usage

This commit is contained in:
Marek Bachmann 2025-01-28 23:48:26 +00:00 committed by Hypolite Petovan
parent 827541ed86
commit 01f852a87c
4 changed files with 22 additions and 16 deletions

View file

@ -326,7 +326,7 @@ class Conversation
'$ispublic' => $this->l10n->t('Visible to <strong>everybody</strong>'),
'$linkurl' => $this->l10n->t('Please enter a image/video/audio/webpage URL:'),
'$term' => $this->l10n->t('Tag term:'),
'$fileas' => $this->l10n->t('Save to Folder:'),
'$fileas' => $this->l10n->t('Save to Folder'),
'$whereareu' => $this->l10n->t('Where are you right now?'),
'$delitems' => $this->l10n->t("Delete item\x28s\x29?"),
'$is_mobile' => $this->mode->isMobile(),

View file

@ -56,7 +56,7 @@ class SaveTag extends BaseModule
$tpl = Renderer::getMarkupTemplate("filer_dialog.tpl");
echo Renderer::replaceMacros($tpl, [
'$field' => ['term', $this->t("Save to Folder:"), '', '', $filetags, $this->t('- select -')],
'$field' => ['term', $this->t("Folder:"), '', '', $filetags, $this->t('- select -')],
'$submit' => $this->t('Save'),
]);

View file

@ -7,5 +7,5 @@
{{include file="field_combobox.tpl"}}
<div class="settings-submit-wrapper">
<input id="filer_save" type="button" class="settings-submit" value="{{$submit}}" />
</div>
<input id="filer_save" type="button" class="btn btn-primary" value="{{$submit}}" />
</div>

View file

@ -296,27 +296,33 @@
}
function itemFiler(id) {
const bordercolor = $("input").css("border-color");
var modal = $('#modal').modal();
$.get('filer/', function (data) {
$.colorbox({html: data});
$("#id_term").keypress(function () {
$(this).css("border-color", bordercolor);
})
$("#select_term").change(function () {
$("#id_term").css("border-color", bordercolor);
})
modal
.find('#modal-body')
.append(data);
modal
.find('#modal-header h4')
.append("{{$fileas}}");
// Ensure focus after the modal is fully visible
modal.on('shown.bs.modal', function () {
$('#id_term').trigger('focus');
});
$("#filer_save").click(function (e) {
e.preventDefault();
const reply = $("#id_term").val();
if (reply && reply.length) {
const term = $("#id_term").val();
if (term && term.length) {
commentBusy = true;
formModified = true;
$('body').css('cursor', 'wait');
$.get('filer/' + id + '?term=' + reply)
$.get('filer/' + id + '?term=' + term)
.done(function () {
$.colorbox.close();
$('#modal-body').empty();
$('#modal').modal('hide');
resetFormModifiedFlag();
})
.always(function () {