Скачать или смотреть #45 Dating/Social Networking in Laravel 5.8 | Response Actions (I) | Response Details Modal Popup

In Part-45 of Dating Series, we will start working on response actions. We will add link icons like view details, reply and delete at responses blade file and will work on them separately. By clicking on view details icon, we will show the complete response in modal pop up. And, also we are going to show sender that the message has been seen by receiver when he open message details. By clicking on reply icon, user can reach contact page to reply to the response/message he received. By clicking on delete icon, user can delete the response.

1) Update responses.blade.php file :-
We will add actions link icons like View Message details, Reply and Delete for every response in responses.blade.php file and will work on every action.

Search for font awesome icons by opening below link :-
https://fontawesome.com/v4.7.0/icons/

We will add font awesome icons for reply, details and delete as shown in video.

For details icon, follow below link :-
https://fontawesome.com/v4.7.0/icon/f...

For reply icon, follow below link :-
https://fontawesome.com/v4.7.0/icon/r...

For delete icon, follow below link :-
https://fontawesome.com/v4.7.0/icon/t...

We will first work on response details and will show modal pop up when user wants to view full details of response received.

We will copy Modal pop-up script from Matrix admin template and insert it in responses.blade.php file. But first we will update response text and only show some part of it. We will use substr function of PHP to return the part of string as shown in video.

Now we will work on modal pop up so copy View Popup script from interface.html file from Matrix admin template and add in responses.blade.php file. We will first try to integrate statically and then make it dynamic with message details.

2) Update front_design.blade.php file :-
We will copy bootstrap and popover js scripts from admin_design to front_design blade file as shown in video.

Now check modal pop up at responses blade file must work fine.

3) Update responses.blade.php file :-
You have seen in video, we able to open modal pop-up after clicking on any of the view details link. But now we will make it dynamic. We will add response id with #responseDetails so that we can open separate Popup for every response.

Now we able to show complete response details in modal pop up. In next video, we will work on reply feature.

Thanks for watching :)