Laravel投稿サイト構築.80 -リプライの種類（完）-

前回
スタイル調整
返信投稿後の再表示
次回

前回

リプライの種類をアイコン選択で実装。

スタイル調整

返信ダイアログの表示が気に食わなかったので調整

-----

blade

<div class="container p-0">
<div class="row">
<div class="col text-center">

<div>
<input type="radio" name="rep_type" value="1" id="replyTypePositive" checked>
<label for="replyTypePositive"></label>
</div>
<div>
<label title="{{__('Tip Reply OK')}}">{{__('Reply OK')}}</label>
</div>
</div>

（以下略）

-----

こんなもんですかね。

返信投稿後の再表示

以下のようにした。

-----

blade

<div class="reply_list">
<img src="{{ asset('image/'.$reply->rep_type_img) }}" title="{{__($reply->rep_type_tip)}}" class="reply_list_img" />
<span class="fs-5 ms-2">
{!! nl2br(e($reply->message)) !!}
</span>
</div>

-----

css

.reply_list {
display: block;
vertical-align: middle;
}

.reply_list img {
width: 30px;
height: 30px;
}

-----

model

foreach($replies as $rep1){
if( empty( $rep1['user_name'] ) ){
$rep1['user_name'] = $rep1['rep_name'];
}
switch($rep1->rep_type){
case 1:
// 肯定・感想
$rep1['rep_type_img'] = 'reply_ok.svg';
$rep1['rep_type_tip'] = 'Tip Reply OK';
break;
・
・
default:
// その他
$rep1['rep_type_img'] = 'reply_etc.svg';
$rep1['rep_type_tip'] = 'Tip Reply Other';
}
}