編集画面に登録・削除ボタンの確認ダイアログを追加
This commit is contained in:
parent
c25833562c
commit
05b6bbac68
@ -1572,4 +1572,91 @@ var jconfirm, Jconfirm;
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ })
|
||||
/******/ ]);
|
||||
/******/ ]);
|
||||
|
||||
// 編集画面専用 登録ボタン
|
||||
$('#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();
|
||||
});
|
||||
});
|
||||
|
||||
Loading…
Reference in New Issue
Block a user