Adding a Star Rating system to your application – Step 5 – Changing the View to use the CSS Star Rating component

blah

The next step is straight forward. We need to modify the ratecourt view to replace the simple number based rating with our new bootstrap-star-rating component. To do this, open the file resources/views/courtratings/ratecourt_fields.blade.php and replace the blade helper which creates the rating field with the following line {!! Form::number('rating', null, ['class' => 'rating', 'data-min' => 0, [...]

Read More...

>

Adding a Star Rating system to your application – Step 6 - Viewing an average of all ratings submitted

blah

Laravel Eloquent provides a range useful functions that operate over Collections. Collections are basically a more sophisticated version of an array of object with a range of additional features which allow you to query, filter and control the results. Some useful functions can be found here https://laravel.com/docs/6.x/collections#available-methods. One of these methods provides an ability to [...]

Read More...

>

Adding Interactive Maps to Laravel Applications with Leaflet js - Step 1 - get json data

blah

Leaflet is a lightweight javascript library for interactive maps which relys on the openstreetmap.org free geospatial data open source community mapping tool. I previously had an example which integrated with google maps. Google map moved behind a paywall and while they are still very good value and have a freemium model which allows you to [...]

Read More...

>

Adding Interactive Maps to Laravel Applications with Leaflet js - Step 2 - Installing Leaflet with Laravel Mix

blah

To complete this step you will need to ensure Node is installed and Laravel mix is working. If you need to review this step checkout this post on installing a Star rating system http://learnlaravel.net/953/adding-a-star-rating-system-to-your-application-step-4-adding-the-star-rating-component/. To install Leaflet with node package manager type npm install leaflet To instruct mix to add leaflet to the app.js file [...]

Read More...

>

Adding Interactive Maps to Laravel Applications with Leaflet js - Step 3 - Adding Markers to the Map based on Json

blah

The next step uses the getJson() jquery function which makes an Asynchronous Javascript And XML call to the courts.map.json route to retrieve json data relating to the courts in the database. This function is an asychronous call meaning that the app and code will continue to execute while it is retrieving the json data. If [...]

Read More...

>

Adding Interactive Maps to Laravel Applications with Leaflet js - Step 4 - Adding a new Location/Marker

blah

In the last post in this series, I will explain how by clicking on a particular location on the map we can retrieve the latitude and longitude of that location and use it to create a new court in the tennis club. In order to create a new court without leaving the map itself we [...]

Read More...

>

Displaying chart data with CanvasJs - Part 1 - Generating JSON datapoints for a chart

blah

There are many many great javascript chart plugins that can be used to display data in a wide variety of chart formats. Canvasjs is very easy to use and deploy and can be integrated into your application. The documentation for Canvasjs here https://canvasjs.com/docs/charts/basics-of-creating-html5-chart/ describes a simple vertical bar chart that can be rendered using approximately [...]

Read More...

>