投稿2024/06/11 03:08
WEB系アプリ初学者です。この5月より既存のWEBシステムの改修を担当することになり、現在コード解析しながら簡単な仕様変更を行っています。
【環境】Laravel 6/php7.4/Linux(CentOS)×Docker
表示させたいデザイン：
NGなデザイン：
既存のシステムでは上側のデザインが出てきますが、私が追記でコーディングした場所では、一見正しい処理が行われたかのような背景にファイル未存在のエラーが出てしまっています。
こういうものはフラッシュメッセージというのでしょうか？
現状の原因がCSSなのかそもそもLaravel標準でこのような表記ができる機能があるのか、そのあたりからわかっていません。例えばCSSだとすればその該当のCSSの探し方もわかっていません。
//正しく動くコード @if (isset($data['prj_rg_file']->uploaded_file_name)) @if ($data['prj_rg_file']['is_image']) <img id="img_rg" class="preview" src="{{ asset('storage/attached/'. config('const.file_type.prj_rg') .'/'. $data['prj_rg_file']->uploaded_file_name) }}" alt="{{ $data['prj_rg_file']->original_file_name }} "data-toggle="modal" data-target="#modalImage1"> @endif <div> <a href="javascript:void(0)" class="download_file" data-attached_file_id="{{ $data['prj_rg_file']->attached_file_id }}">{{ $data['prj_rg_file']->original_file_name }}</a> </div> @endif
//今回追記したコード @if (isset($row['prj_ext_file']->uploaded_file_name)) <tr> <td class="w-5r py-0 pl-1">申請書</td> <td class="p-0"> @if ($row['prj_ext_file']['is_image']) <img id="img_ext" class="preview" src="{{ asset('storage/attached/'. config('const.file_type.prj_ext_doc') .'/'. $row['prj_ext_file']->uploaded_file_name) }}" alt="{{ $row['prj_ext_file']->original_file_name }} "data-toggle="modal" data-target="#modalImage1"> @endif <div> <a href="javascript:void(0)" class="download_file" data-attached_file_id="{{ $row['prj_ext_file']->attached_file_id }}">{{ $row['prj_ext_file']->original_file_name }}</a> </div> </td> </tr> @endif
//--- 共通部品 ------------------------------------- // ファイルダウンロード $(document).on('click', '.download_file', function() { let fileId = $(this).data('attached_file_id'); let url = '{{ url('download') }}' + '/' + fileId; fileDownload(url); }); // ファイルモーダル $(document).on('show.bs.modal', '#modalImage1', function(e) { let trigger = $(e.relatedTarget); let recipient = $('#' + trigger.prop('id')); $('#imgModal1').prop('src', recipient.prop('src')); }); function fileDownload(url) { toggleLoading('#loading'); $.removeCookie('file_downloaded', { path: '/' }); // DL完了cookieクリア window.location.href = url; let interval = setInterval(function() { // if ($.cookie('file_downloaded')) { $.removeCookie('file_downloaded', { path: '/' }); toggleLoading('#loading'); clearInterval(interval); } }, 1000); } // ----------------------------------------
いろいろ見直してみましたが、自分の知識の範疇では解決は難しいと判断し投稿しました。
上記に当たって、自分の足りない知識がどのあたりなのかもご助言いただけるとありがたいです。
よろしくお願いいたします。
【環境】Laravel 6/php7.4/Linux(CentOS)×Docker
回答1件
0
自己解決
自己レスです。
//jsプラグイン「iziToast」で超簡単にトースト(通知バー)を表示
https://qiita.com/wyokobe/items/444083086acbcfabd1ff
こちらの機能が中途半端に搭載されておりました（エラー時未想定）
Laravelの機能などではなく、別の場所に
// 登録完了後処理
iziToast.show({
message : '{!! session('status') !!}',
onClosed : function() {}
});
のみ記載があったため、エラー時処理を追加し、解決しました。
投稿2024/06/12 02:45
総合スコア2
あなたの回答
tips
プレビュー
Q&A
