PHPackages                             bantenprov/vue-trust - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. bantenprov/vue-trust

ActiveLibrary[Utility & Helpers](/categories/utility)

bantenprov/vue-trust
====================

Manage trust using vuejs

4404[1 issues](https://github.com/bantenprov/vue-trust/issues)Vue

Since May 17Pushed 7y ago2 watchersCompare

[ Source](https://github.com/bantenprov/vue-trust)[ Packagist](https://packagist.org/packages/bantenprov/vue-trust)[ RSS](/packages/bantenprov-vue-trust/feed)WikiDiscussions master Synced today

READMEChangelogDependenciesVersions (1)Used By (0)

vue-trust
=========

[](#vue-trust)

[![Join the chat at https://gitter.im/vue-trust/Lobby](https://camo.githubusercontent.com/7584f40037e2b7d5d9d6757dfcc0f6b24176e28cf775bbc6449f0f6d46ac62cc/68747470733a2f2f6261646765732e6769747465722e696d2f7675652d74727573742f4c6f6262792e737667)](https://gitter.im/vue-trust/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)[![Scrutinizer Code Quality](https://camo.githubusercontent.com/e3e2dccb13493f4a78f4d1ef70c01868a96b0c2099d0cf66d9df7090389b5c28/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f62616e74656e70726f762f7675652d74727573742f6261646765732f7175616c6974792d73636f72652e706e673f623d6d6173746572)](https://scrutinizer-ci.com/g/bantenprov/vue-trust/?branch=master)[![Build Status](https://camo.githubusercontent.com/83277ad2022b179a47b4ade44bd7ec05d9a787319ada7781b5b9ecd0c88d9137/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f62616e74656e70726f762f7675652d74727573742f6261646765732f6275696c642e706e673f623d6d6173746572)](https://scrutinizer-ci.com/g/bantenprov/vue-trust/build-status/master)[![Latest Stable Version](https://camo.githubusercontent.com/12210fc970e2c6a239d398f65f1e672d79e6f6615b3822e7d7a6cf435444d512/68747470733a2f2f706f7365722e707567782e6f72672f62616e74656e70726f762f7675652d74727573742f762f737461626c65)](https://packagist.org/packages/bantenprov/vue-trust)[![Total Downloads](https://camo.githubusercontent.com/6de80b2b9ce20e2ce8226ce447ca120b06795a4c41132fcd9078839ec06f8e70/68747470733a2f2f706f7365722e707567782e6f72672f62616e74656e70726f762f7675652d74727573742f646f776e6c6f616473)](https://packagist.org/packages/bantenprov/vue-trust)[![Latest Unstable Version](https://camo.githubusercontent.com/16df78efdb0ac3239fca472345cb9de172e35c4bf5336a3bb880420bc8772a88/68747470733a2f2f706f7365722e707567782e6f72672f62616e74656e70726f762f7675652d74727573742f762f756e737461626c65)](https://packagist.org/packages/bantenprov/vue-trust)[![License](https://camo.githubusercontent.com/3e3d851c3cf103106aae5bc922936618d32fe1d9e008f28f6f18f6419681148c/68747470733a2f2f706f7365722e707567782e6f72672f62616e74656e70726f762f7675652d74727573742f6c6963656e7365)](https://packagist.org/packages/bantenprov/vue-trust)[![Monthly Downloads](https://camo.githubusercontent.com/5bc9ff39ee2d14b02c5a6ec595564dfc1922aa05141077779954fa27a4657673/68747470733a2f2f706f7365722e707567782e6f72672f62616e74656e70726f762f7675652d74727573742f642f6d6f6e74686c79)](https://packagist.org/packages/bantenprov/vue-trust)[![Daily Downloads](https://camo.githubusercontent.com/21c3539e6390dcd8bbe660b2c2350f8b887584724725fdf2cb00084447e6a168/68747470733a2f2f706f7365722e707567782e6f72672f62616e74656e70726f762f7675652d74727573742f642f6461696c79)](https://packagist.org/packages/bantenprov/vue-trust)

Manage laravel permission using vuejs

Install via composer
--------------------

[](#install-via-composer)

```
$ composer require bantenprov/vue-trust:dev-master
```

Edit config/app.php
-------------------

[](#edit-configappphp)

```
'providers' => [

        /*
         * Application Service Providers...
         */
        App\Providers\AppServiceProvider::class,
        App\Providers\AuthServiceProvider::class,
        // App\Providers\BroadcastServiceProvider::class,
        App\Providers\EventServiceProvider::class,
        App\Providers\RouteServiceProvider::class,

        //................

        Bantenprov\VueTrust\VueTrustServiceProvider::class,
```

publish asset
-------------

[](#publish-asset)

```
$ php artisan vendor:publish --tag=vue-trust-assets
```

tambahkan pada resources/assets/js/routes/routes.js
---------------------------------------------------

[](#tambahkan-pada-resourcesassetsjsroutesroutesjs)

```
...authGuard([
  {
      path: '/admin',
      name: 'admin',
      redirect: '/admin/dashboard',
      component: layout('Default'),
      children: [
        //=== vue trust route
          {
            path: '/admin/vue-trust/role',
            components: {
              main: resolve => require(['~/components/bantenprov/vue-trust/role/role.index.vue'], resolve),
              navbar: resolve => require(['~/components/Navbar.vue'], resolve),
              sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
            },
            meta: {
              title: "Role"
            }
            },
            {
            path: '/admin/vue-trust/role/create',
            components: {
              main: resolve => require(['~/components/bantenprov/vue-trust/role/role.create.vue'], resolve),
              navbar: resolve => require(['~/components/Navbar.vue'], resolve),
              sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
            },
            meta: {
              title: "Role"
            }
            },
            {
              path: '/admin/vue-trust/role/:id/set-permission',
              components: {
                main: resolve => require(['~/components/bantenprov/vue-trust/role/role.setpermission.vue'], resolve),
                navbar: resolve => require(['~/components/Navbar.vue'], resolve),
                sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
              },
              meta: {
                title: "Role"
              }
            },
            {
              path: '/admin/vue-trust/role/:id/show',
              components: {
                main: resolve => require(['~/components/bantenprov/vue-trust/role/role.show.vue'], resolve),
                navbar: resolve => require(['~/components/Navbar.vue'], resolve),
                sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
              },
              meta: {
                title: "Role"
              }
            },
            {
            path: '/admin/vue-trust/role/:id/edit',
            components: {
              main: resolve => require(['~/components/bantenprov/vue-trust/role/role.edit.vue'], resolve),
              navbar: resolve => require(['~/components/Navbar.vue'], resolve),
              sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
            },
            meta: {
              title: "Role"
            }
          },
            {
            path: '/admin/vue-trust/permission',
            components: {
              main: resolve => require(['~/components/bantenprov/vue-trust/permission/permission.index.vue'], resolve),
              navbar: resolve => require(['~/components/Navbar.vue'], resolve),
              sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
            },
            meta: {
              title: "Permission"
            }
            },
            {
            path: '/admin/vue-trust/permission/create',
            components: {
              main: resolve => require(['~/components/bantenprov/vue-trust/permission/permission.create.vue'], resolve),
              navbar: resolve => require(['~/components/Navbar.vue'], resolve),
              sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
            },
            meta: {
              title: "Permission"
            }
            },
            {
            path: '/admin/vue-trust/permission/:id/show',
            components: {
              main: resolve => require(['~/components/bantenprov/vue-trust/permission/permission.show.vue'], resolve),
              navbar: resolve => require(['~/components/Navbar.vue'], resolve),
              sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
            },
            meta: {
              title: "Permission"
            }
            },
            {
            path: '/admin/vue-trust/permission/:id/edit',
            components: {
              main: resolve => require(['~/components/bantenprov/vue-trust/permission/permission.edit.vue'], resolve),
              navbar: resolve => require(['~/components/Navbar.vue'], resolve),
              sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
            },
            meta: {
              title: "Permission"
            }
          },
        //=== end vue trust route
```

tambahkan pada resources/assets/js/app.js
-----------------------------------------

[](#tambahkan-pada-resourcesassetsjsappjs)

```
//.......
//== vue trust menus
import vuetrust_menu from './components/bantenprov/vue-trust/vuetrust_menu';
```

run dev ( development )
-----------------------

[](#run-dev--development-)

```
$ npm run dev
```

lanjutkan install laratrust
---------------------------

[](#lanjutkan-install-laratrust)

instalasi dan pengaturan laratust dapat dilihat [disini](http://laratrust.readthedocs.io/)

setelah install dan kofigurasi `laratrust` lanjutkan :
------------------------------------------------------

[](#setelah-install-dan-kofigurasi-laratrust-lanjutkan-)

### Edit app/Role.php & app/Permission.php

[](#edit-approlephp--apppermissionphp)

```