-
Axios Powered VueJS Form Component
Almost the entire thread view page has been updated to use VueJS components. The only thing left to work on is the form to add a new reply to a thread. Currently, it does a full form request to add a new reply. In this tutorial, we will create a new Vue component using Axios…
-
How To Use VueJS with Laravel Blade
This is a little bit of a challenging tutorial. What we want to do is implement inline-templates using blade into pure JavaScript or VueJS. Here is the challenge. As you know, blade has many convenience functions built in that allow you to quickly handle authorization, authentication, and helpful constructs like the @forelse loop. If we…
-
VueJS Textarea Binding
In our application, we can create a new thread and leave a reply to any thread. We can also delete any thread or reply based on permissions allowed from the policies we had configured. Now we want to be able to edit a reply. Instead of deleting a reply entirely, we want to be able…
-
How To Create A Child Component In VueJS
We’re on a roll working with VueJS, components, and ajaxified buttons in our view files. It was helpful to start off with no JavaScript at all, then progressively add in JavaScript to make the user experience better. At this point our edit and delete buttons for a reply are fully dynamic. In this tutorial, we…
-
How To Use VueJS With jQuery
In the last article we turned the reply form into a Vue component and saw how nice it was to have reactive data properties to handle editing and updating of a reply. In this article we can build on that Reply component and turn the delete function into an ajax powered version as well. In…
-
Check Authorization With Policies Before Delete Function
In this tutorial we want to set up the ability for authorized users to delete any reply that they have created. In addition, guests or unauthorized users should not be able to delete any replies. So as usual, we’ll set up a couple of tests to support these new features. In addition we’ll leverage a…
-
Making Favorites Part Of The Activity Feed
We saw earlier how to set up a Trait for easy code reuse. Now it’s time to add the ability to record favorites as part of any user’s activity feed. The good news is that since we have already did all the work to set up activity recording, it is going to be easy to…
-
Laravel Vue Component Example
VueJs is the popular choice for front end when working with Laravel. In fact, Laravel ships with the boilerplate for an example Vue component that you can test out or build on for your own use. In this tutorial, we will learn how to get our front end build process set up. Laravel Mix will…
-
Display Activity Feed In The Browser
Now that we have the logic in place to record user activity in the database, in this tutorial we will work on fetching that user activity from the database and rendering it to the browser. To begin, we’ll just verify that new activities are in fact being recorded by manually checking in the database. Once…
-
Record User Activity To The Database
Activity feeds are a really cool feature you see in a lot of different websites. The idea is there is a timeline so to speak of things a user has done in the application, and then that user or other users can look at the historical record of various actions taken. In this little forum…