編集画面に登録・削除ボタンの確認ダイアログを追加

This commit is contained in:
kin.rinzen 2025-10-14 09:49:07 +09:00
parent c25833562c
commit 05b6bbac68

View File

@ -1573,3 +1573,90 @@ var jconfirm, Jconfirm;
/***/ })
/******/ ]);
// 編集画面専用 登録ボタン
$('#register_edit').on('click', function (e) {
e.preventDefault();
$.confirm({
title: '確認ダイアログ',
content: '登録してよろしいですか?',
buttons: {
ok: {
text: "はい",
btnClass: 'btn-primary',
action: function () {
$("#form_edit").submit(); // 更新処理
}
},
いいえ: function () {}
}
});
});
// 編集画面専用 削除ボタン
$('#delete_edit').on('click', function (e) {
e.preventDefault();
$.confirm({
title: '削除確認ダイアログ',
content: '削除してよろしいですか?',
buttons: {
ok: {
text: "はい",
btnClass: 'btn-primary',
action: function () {
$("#form_delete").submit(); // 削除処理
}
},
いいえ: function () {}
}
});
});
$(function () {
// ▼ 「アップロード」ボタンを押すと、ファイル選択ダイアログを開く
$(document).on('click', '.upload-file', function () {
$(this).siblings('input[type=file]').click();
});
// ▼ ファイル選択後、自動でAJAXアップロード処理を行う
$(document).on('change', 'input[name=company_image_file]', function () {
const file = this.files[0];
if (!file) return;
const formData = new FormData();
formData.append('company_image_file', file);
formData.append('_token', $('input[name=_token]').val());
$.ajax({
url: '/inv_settings/upload', // ルート:アップロード先
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function (res) {
// 成功時ファイル名を表示・hidden項目に反映
$('input[name=company_image_path]').val(res.path);
$('.filename').text(res.file_name);
// プレビューを更新
const previewHtml = `<div class="mt-2">
<img src="/storage/${res.path}" alt="社判画像"
style="max-height:100px; border:1px solid #ccc; padding:3px;">
</div>`;
$('.uploaded-file').after(previewHtml);
alert('アップロードが完了しました。');
},
error: function (xhr) {
alert('アップロードに失敗しました。');
}
});
});
// ▼ 削除ボタン(✕)をクリックしたらファイル情報をクリア
$(document).on('click', '.delete-file', function () {
$('input[name=company_image_path]').val('');
$('.filename').text('');
$('img[alt="社判画像"]').remove();
});
});