編集画面に登録・削除ボタンの確認ダイアログを追加
This commit is contained in:
parent
c25833562c
commit
05b6bbac68
@ -1572,4 +1572,91 @@ var jconfirm, Jconfirm;
|
|||||||
// removed by extract-text-webpack-plugin
|
// 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