How to use middleware in blade ?

Hello ,

I would like to use some middlewares in the blade view ,

These middlewares are used already in the route :

    Route::view('/companies', 'irp.companies.companies')->middleware(['verified','companies_view'])->name('Companies');
    Route::view('/deals', 'irp.deals.deals')->middleware(['verified','projects_view'])->name('Deals');
    Route::view('/tasks', 'irp.tasks.tasks')->middleware(['verified','tasks_view'])->name('Tasks');

now in sidebar.blade.php I would like to show the related links to the above routes only when user has the permission (conditions):

                    <a class="nav-link " href="/companies">
                        <i class="nav-icon fa fa-industry"></i> Companies
                    </a>


                    <a class="nav-link " href="/deals">
                        <i class="fa fa-cubes" aria-hidden="true"></i> Projects
                    </a>


                    <a class="nav-link " href="/tasks">
                        <i class=" nav-icon fa fa-tasks" aria-hidden="true"></i> Tasks
                    </a>

Nakov

6 years ago

Best Answer

Level 73

You would use Authorization for this purposes, not a middleware. So basically a Guard or a Policy.

Then there are blade directives that you can take advantage of such as @can or @cannot.

https://laravel.com/docs/master/authorization

1 like

Snapey

6 years ago

Level 122

Agreed. Not a job for middleware.

1 like

GodziLaravel

6 years ago

Level 8

@nakov Thanks it works ,

Another question , how I could use this in VueJS for example :

                            <button :disabled="findInMembers(row.id)"
                                    class="btn btn-square btn-success align-center"
                                    slot="actions" slot-scope="{row}"
                                    type="button"
                                    v-on:click="addMembersToList(row)">
                Add
                            </button>

let's say that this button is only shown if @can('companies_view')

Nakov

6 years ago

Level 73

@mostafalaravel well, you cannot use blade directives within a Vue component, you can pass it as a prop, take a look at this for example:

<post-component :can-update="{{ $user->can('update', $post) }}"></post-component>

Or take a look at this post it might help you more:

https://serversideup.net/vue-router-permission-recipes-and-laravel-policies-examples/

GodziLaravel

6 years ago

Level 8

@nakov

Thanks again ,

This bellow works for me but when the {{ Gate::allows('tasks_edit') }} returns false I have this error

[Vue warn]: Error compiling template:

The value for a v-bind expression cannot be empty. Found in "v-bind:auth-user"

    <div class="py-1">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <tasks
                :auth-user="{{ Gate::allows('tasks_edit') }}"
                ></tasks>
            </div>
        </div>
    </div>

How to do when It's false return false instead of empty ?

Nakov

6 years ago

Level 73

@mostafalaravel have you tried using ternary? Like this:

:auth-user="{{ Gate::allows('tasks_edit') ? true : false }}"

// or

:auth-user="{{ Gate::allows('tasks_edit') ?: false }}"

1 like

GodziLaravel

6 years ago

Level 8

Update : I added one condition , and it seems working !

    <div class="py-1">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <tasks
                :auth-user="{{ (Gate::allows('tasks_eddit'))?'1':'0' }}"
                ></tasks>
            </div>
        </div>
    </div>

Please or to participate in this conversation.