http://img.youtube.com/vi/8HEfIJlcFbs/0.jpg

Link

Setting up dominoes can be time-consuming and requires a steady hand. We’ve seen robots that can stand one domino at a time. Mark Rober and his engineering pals presents DOM – a custom-built robot that can set up 300 dominoes at a time. The robot arm and Hot Wheels track loading system is equally awesome.

The Awesomer

http://img.youtube.com/vi/8HEfIJlcFbs/0.jpg

Link

Setting up dominoes can be time-consuming and requires a steady hand. We’ve seen robots that can stand one domino at a time. Mark Rober and his engineering pals presents DOM – a custom-built robot that can set up 300 dominoes at a time. The robot arm and Hot Wheels track loading system is equally awesome.

The Awesomer

https://opengraph.githubassets.com/db0e6a23a6df1faaf7e544f2a9b8ab02dba173b75fcf45e2badc54b4b6c0c8d4/alkhachatryan/laravel-loggable

class Post extends Model
{
    /** Include the loggable trait */
    use Loggable;
    
    /** Specified actions for this model */
    public $loggable_actions = ['edit', 'create', 'delete'];

    /** Specified fields for this model */
    public $loggable_fields  = ['title', 'body'];

    protected $fillable = ['title', 'body'];
}

Loggable::model('App\Post');

LoggableModel::whereModelName('App\Post')->orderBy('id', 'DESC')->paginate(10);

Laravel News Links

In what is, at least so far, the biggest cybersecurity blunder of the Tokyo Olympics, an Italian TV announcer did not realize he was on air when he asked the password for his computer. Motherboard reports: "Do you know the password for the computer in this commentator booth?" he asked during the broadcast of the Turkey-China volleyball game, apparently not realizing he was still on air. "It was too hard to call the password Pippo? Pippo, Pluto or Topolino?" he complained, referring to the Italian names for Goofy, Pluto and Mickey Mouse. The snafu was immortalized in a video posted on Twitter by cybersecurity associate professor Stefano Zanero, who works at the Polytechnic University of Milan. A source who works at Eurosport, the channel which was broadcasting the volleyball game, confirmed that the video is authentic.
A colleague of the announcer can be heard in the background saying the password depends on the Olympics organizers, and asking the announcer if it’s on a paper or post it close-by. Turns out the password was "Booth.03" after the number of the commentator’s booth. "Even the dot to make it more complicated, as if it was NASA’s computer," he said on the air. "Next time they will even put a semicolon." "Ma porca miseria," he concluded, using a popular italian swearing that literally means "pork’s misery" but is more accurately translated to "for god’s sake."

Read more of this story at Slashdot.

Slashdot

https://1.bp.blogspot.com/-YLs1tgKch6E/YP3OolfRIHI/AAAAAAAAtOc/isHXmpN9yVk4ExVMVgp0G0a1FbO5qPWXgCPcBGAsYHg/

… plus a couple that made me think, gathered from the Internet over the past week.  Click any image for a larger view.

More next week.

Peter

Bayou Renaissance Man

https://assets.amuniversal.com/847ca950b16301396557005056a9545d

Dilbert Daily Strip

https://gunfreezone.net/wp-content/uploads/2021/07/NY-gun-publice-defenders.png

This is something I never thought I would see:

The incorporated Second Amendment affords the people “the right to keep and bear arms.” U.S. Const. amends. II, XIV; McDonald v. City of Chicago, 561 U.S. 742 (2010); District of Columbia v. Heller, 554 U.S. 570 (2008). Despite the clear text and this Court’s precedent, New York’s licensing regime does the opposite. It deprives everyone of that right, only returning it to those select few who manage to first secure a firearm license from the police. For everyone else, possession of a firearm is effectively a “violent felony,” punishable by 3.5 to 15 years in prison. N.Y.

Penal Law §§ 265.03; 70.02(1)(b). New York’s licensing
requirements criminalize the exercise of the fundamental Second Amendment right, with rare exception.  As a result, each year, we represent hundreds of indigent people whom New York criminally charges for exercising their right to keep and bear arms. For our clients, New York’s licensing regime renders the Second Amendment a legal fiction. Worse, virtually all our clients whom New York prosecutes for exercising their Second Amendment right are Black or Hispanic.  And that is no accident. New York enacted its firearm licensing requirements to criminalize gun ownership by racial and ethnic minorities. That remains the effect of its enforcement by police and prosecutors today.  The consequences for our clients are brutal. New York police have stopped, questioned, and frisked our clients on the streets. They have invaded our clients’ homes with guns drawn, terrifying them, their families, and their children. They have forcibly removed our clients from their homes and communities and abandoned them in dirty and violent jails and prisons for days, weeks, months, and years. They have deprived our clients of their jobs, children, livelihoods, and ability to live in this country. And they have branded our clients as “criminals” and “violent felons” for life. They have done all of this only because our clients exercised a constitutional right. 

Therefore, we ask this Court to answer the question presented in a way that will protect the Second Amendment for all the people: by holding that Petitioners’ license denials violated the Second Amendment because New York’s licensing regime is unconstitutional.

I highly encourage you to read the whole thing.

The Black Attorneys of Legal Aid caucus, Bronx Defenders, Brooklyn Defender Services, The Franklin County Public Defender, Monroe County Public Defender’s Office, St. Lawrence Public Defender’s Office, Oneida County Public Defender, The Ontario County Public Defender’s Office, Ontario County Office of the Conflict Defender, and Wayne County Public Defender, all got together to write this amicus brief to the Supreme Court calling the NY gun licensing requirements oppressive, corrupt, racist, and unconstitutional.  Which it absolutely is.

This is something I never thought I would see, but reading it, I was reminded that these same groups got together to fight to overturn NY’s gravity knife law which was overwhelmingly being used by the NYPD to arrest black and Hispanic workers for carrying ordinary pocket knives they used for their jobs.

It seems like after watching years and years of government abuse, where rich white celebrities and the politically well connected can bribe their way into a gun license, but minorities who had neither influence nor affluence ended up in prison, they came to the conclusion that hyper-restrictive may issue is just a scheme that allows police and politicians to enrich themselves through corruption and oppress everyone else.

I really hope they win.

https://assets.amuniversal.com/f7235cd0c0a30139694a005056a9545d

Dilbert Daily Strip

I have been listening to the book Ordinary Men: Reserve Police Battalion 101 and the Final Solution in Poland on Audible on my commute.

It’s a difficult book to listen to.

In chapter 10, the author talks about the clearing of the ghetto at Międzyrzec to send the Jews to Treblinka.

What stuck out at me was that 11,000 Jews were deported and over 900 shot by a cadre of only 350 police.

Moreover, the police, due to the emotional stress of what they were doing (which is hard to consider, almost having to feel empathy for German police having to deal with their own psychological pressure of shooting thousands of Jews by firing squad) were drinking heavily.  They often got so drunk they had to shoot Jews multiple times because they would miss the kill zone at near point blank range and wound the Jews instead.

Again, 11,000 Jews were rounded up and deported and 900 were shot by 350 intoxicated German Order Police.

And there wasn’t one report of Jews fighting back.

The Jews were given shovels and picks to dig mass graves while guarded by only a couple of drunk German police, and not one Jew thought to whack a drunk German in the head with a shovel?

The hardest part of listening to this is the overwhelming sense of shame I have that 11,000 Jews, knowing what their fate would be, didn’t fight back with every last improvised weapon that they could get their hands on.

I actually understand the Germans.  Throughout history many people have enslaved, oppressed, and massacred others over tribal or religious differences.

What I don’t understand is how the Jews, who do outnumbered the Order Police just accepted their fate.

If you want to understand me and my anger issues, this is at a root of it.

I want to over compensate for the passive cowardness of European Jews with ferocity.

https://postsrc.com/storage/QYYl32nR4cIPwSVOmv1SCyGqHYlrqtlxOL3gUPKY.jpg

In this post, you’ll learn how to implement an “infinite pagination” component in Laravel with the help of Livewire. The cursor pagination will be used to paginate the data for faster and efficient querying over your model. The steps are very simple so let’s get started.

1 – Install the Required Dependency

The dependency that you will need to have is “

Laravel Livewire

” and “

TailwindCSS

“.

composer require livewire/livewire

For the TailwindCSS you can make use of the available CDN otherwise you can refer to the

Installation Guide

for more options.

<link href="https://unpkg.com/[email protected]^2/dist/tailwind.min.css" rel="stylesheet">

Full Base Layout Code
The full layout should be as follows. If you have an existing layout, do put the “@livewireStyles”, “@livewireScripts” and “” on the necessary location.

// views/layouts/app.blade.php

<!DOCTYPE html>
<html class="h-full">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Laravel App</title>
    <link href="https://unpkg.com/[email protected]^2/dist/tailwind.min.css" rel="stylesheet">
    @livewireStyles
</head>
<body class="font-sans antialiased bg-gray-50 h-full">

    <main class="mt-12 min-h-full">
        
    </main>

    @livewireScripts
</body>
</html>

2 – Create “InfinitePostListing” Livewire Component
Now that you have the layout code ready in place, it’s time to create a new “InfinitePostListing” Livewire component and you can use the command line to generate it.

php artisan livewire:make InfinitePostListing

Upon successfully creating the component you should see the command line output like below.

COMPONENT CREATED  🤙

CLASS: app/Http/Livewire/InfinitePostListing.php
VIEW:  resources/views/livewire/infinite-post-listing.blade.php

3 – Define the Route Endpoints
Before we start with the component logic, define the route in “routes/web.php” to provide the access endpoint.

# routes/web.php

Route::get('/infinite-posts', App\Http\Livewire\InfinitePostListing::class)
    ->name('posts.infinite-posts');

4 – InfinitePostListing Livewire Component Logic
Inside the Livewire component, you’ll need to define 3 methods:

1. mount() – The lifecycle method to initialize the data 
2. loadPosts() – The method to load more posts
3. render() – The method to render the “views”

public function mount() {}

public function loadPosts() {}

public function render() {}

Other than that you will need to have 3 properties and they are the:

1. $posts – To hold the posts data
2. $nextCursor – to hold the next pagination cursor
3. $hasMorePages – to determine whether there are more records

public $posts;

public $nextCursor;

public $hasMorePages;

The full code example will be as follows. Do note that Laravel Livewire component only accepts PHP “scalar types”,  “Models” and “Collection” so other than those types, the component will throw out an error.

<?php

namespace App\Http\Livewire;

use App\Models\Post;
use Illuminate\Pagination\Cursor;
use Illuminate\Support\Collection;
use Livewire\Component;

class InfinitePostListing extends Component
{
    public $posts;

    public $nextCursor;

    public $hasMorePages;

    public function mount()
    {
        $this->posts = new Collection();

        $this->loadPosts();
    }

    public function loadPosts()
    {
        if ($this->hasMorePages !== null  && ! $this->hasMorePages) {
            return;
        }

        $posts = Post::cursorPaginate(12, ['*'], 'cursor', Cursor::fromEncoded($this->nextCursor));

        $this->posts->push(...$posts->items());

        if ($this->hasMorePages = $posts->hasMorePages()) {
            $this->nextCursor = $posts->nextCursor()->encode();
        }
    }

    public function render()
    {
        return view('livewire.infinite-post-listing')->layout('layouts.base');
    }
}

So a little bit explanation of the code above, there’s 5 important flow that you have to know.

1. When the component is loaded, the “mount()” method will be triggered and the “posts” property is initialized with an empty Laravel Collection.
2. Then the “loadPosts()” method is triggered to load the “posts” that are retrieved by the “cursorPaginate” method.
3. The pagination will be determined by the “nextCursor” property which is encoded and decoded every time the “loadPosts” method is called.
4. The retrieved data is “pushed” to the “posts” collection.
5. Finally, the “render()” method renders the view for the user to see.

5 – InfinitePostListing Views

The views will loop through the “posts” properties and for this example, simple styling is applied with “TailwindCSS” classes. Assuming the “Post” model has a “title” and “body” column, you can access it as you normally would in Laravel Blade file.

The code for the views will be as follows. Do note that we are including the “skeleton” loading component to show that the post are being loaded when scrolling to the bottom of the page.

<!-- /resources/views/livewire/infinite-post-listing.blade.php -->

<div class="container p-4 mx-auto">
    <h1 class="font-semibold text-2xl font-bold text-gray-800">Infinite Load Posts</h1>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mt-4">
        @foreach($posts as $post)
            <a href="#" class="block p-4 bg-white rounded shadow-sm hover:shadow overflow-hidden" :key="$post['id']">
                <h2 class="truncate font-semibold text-lg text-gray-800">
                    
                </h2>

                <p class="mt-2 text-gray-800">
                    
                </p>
            </a>
        @endforeach
    </div>

    @if($hasMorePages)
        <div
            x-data="{
                init () {
                    let observer = new IntersectionObserver((entries) => {
                        entries.forEach(entry => {
                            if (entry.isIntersecting) {
                                @this.call('loadPosts')
                            }
                        })
                    }, {
                        root: null
                    });
                    observer.observe(this.$el);
                }
            }"
            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mt-4"
        >
            @foreach(range(1, 4) as $x)
                @include('partials.skeleton')
            @endforeach
        </div>
    @endif
</div>

The skeleton component can be as simple as below.

<!-- partials/skeleton.blade.php -->

<div class="mt-4 p-4 w-full mx-auto bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-800 shadow-sm rounded-md">
    <div class="animate-pulse flex space-x-4">
        <div class="flex-1 space-y-4 py-1">
            <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded w-3/4"></div>
            <div class="space-y-2">
                <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded"></div>
                <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded w-5/6"></div>
                <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded w-5/6"></div>
            </div>
        </div>
    </div>
</div>

Now when you scroll to the end of the page you will see the skeleton component and within a split second the next posts will be loaded.

By now you should be able to implement Laravel Livewire Infinite pagination and If you found this tutorial to be helpful, do share it with your friends, cheers and happy coding 🍻.

Related Posts

Laravel News Links