emniis/ng-admin

Admin panel with angularjs 1.5

ng-admin

Laravel admin panel based on angular Js that include a CRUD generator., _(*1)

This is compatible with : - Angular Js 1.8 - Laravel 5.4 +, _(*2)

Installation

Add Ng Admin to your laravel project via composer:, _(*3)

    composer require emniis/ng-admin

The next required step is to add the service provider to config/app.php :, _(*4)

    Emniis\NgAdmin\NgAdminServiceProvider::class,

Publish

The next required step is to publish views and assets in your application with :, _(*5)

    php artisan vendor:publish --provider="Emniis\NgAdmin\NgAdminServiceProvider"

Install npm dependencies

The last step is to install ng-admin npm dependencies in laravel public directory (laravel-app-directory/public/), _(*6)

    npm install

Congratulations, you have successfully installed NG Admin !, _(*7)

generate a crud for an entity

Genarate a CRUD for an entity (table) using nga:crud, _(*8)

    php artisan nga:crud <entity> "<the list of table columns coma separated>"

Eg: Generate a CRUD for table articles, _(*9)

    php artisan nga:crud article "name,content,is_published"

Generated files :, _(*10)

an Admin controller : /app/Http/Controllers/Admin/ArticleController.php, _(*11)

a view : /resources/views/ng-admin/articles.php, _(*12)

a model : /app/Models/Article.php, _(*13)

a migration : /database/migrations/...create_articles_table.php, _(*14)

Some routes will be added, _(*15)

Laravel web route in /routes/web.php, _(*16)

<?php
    ...
      Route::resource('articles', 'Admin\ArticleController');
      /** crudgen routes dont remove this comment **/
    ...

Angular route in /public/ng-admin/boot.js, _(*17)

    ...
                  .when('/articles', {
                      title:"Smarts",
                      templateUrl: APP_VIEWS_BASE+'articles',
                      controller: 'ArticleController',
                      resolve: {
                          lazy: ['$ocLazyLoad', function($ocLazyLoad) {
                              return $ocLazyLoad.load({
                                  name: 'admin',
                                  files: [
                                      BASE+'ng-admin/article-controller.js'
                                  ]
                              });
                          }]
                      }
                  })
      /** crudgen dont remove **/
    ...

Angular service in /public/ng-admin/services.js, _(*18)

    ... 
        .service("ArticleService", ["$resource", function($resource) {
                return $resource(API+"Smarts/:id" ,{id: '@id'}, {
                      query: {method: 'get', isArray: false, cancellable: true},
                        update: { method:'PUT' }
                    });
        }])
      /** crudgen dont remove **/
    ...