Laravel + Angularjs + Bootstrap + AdminLTE binded by Gulp workflow Admin Dashboard Boilerplate / Starter.

Overview

Laravel Angular Admin

Laravel + Angularjs + Bootstrap + AdminLTE binded by Gulp workflow Admin Dashboard Boilerplate. Plus Oauth and JWT authentication on the side.

Build Status js-standard-style GitHub license Code Climate Issue Count StyleCI

wercker status

Screenshots

Dashboard Screenshot

Login Screenshot

Demo

Click here for a live demo

Note: If you register or use Oauth to sign-in your info will be available on public under user lists component, you can use credentials below.

admin@example.com / password

laradmin

Installation

$ composer install && npm install

Open .env and enter necessary config for DB and Oauth Providers Settings.

$ php artisan migrate
$ php artisan db:seed

Work Flow

General Workflow

$ php artisan serve --host=0

Open new terminal

$ gulp && gulp watch

Default Username/Password: admin@example.com / password

Angular Generators

$ artisan ng:page name       #New page inside angular/app/pages/
$ artisan ng:dialog name     #New custom dialog inside angular/dialogs/
$ artisan ng:component name  #New component inside angular/app/components/
$ artisan ng:service name    #New service inside angular/services/
$ artisan ng:filter name     #New filter inside angular/filters/
$ artisan ng:config name     #New config inside angular/config/

[Laravel Angular Generator] (https://github.com/jadjoubran/laravel-ng-artisan-generators)

[Read Full Documentation] (http://silverbux.github.io/laravel-angular-admin)

Need Help?

You need help customizing? You have an awesome project and you need to hire a coder? hit me up with a message my email address is indicated on my [Github Profile] (https://github.com/silverbux) OR send me a message on skype: silverbux

Features

Built With

Deploy to heroku

Deploy

  1. Click deploy button
  2. After build and "successfully deployed", Click Manage App
  3. Go to settings and click "Reveal Config Vars"
  4. Set necessary config for DB based from CLEARDB_DATABASE_URL or from your custom database
  5. Execute migration and db seed with the following commands

Database Migration

$ heroku run php artisan migrate --app your_app_name

Database Seeds

$ heroku run php artisan migrate --app your_app_name

Contributing

Thank you for contributing to this repository.

Acknowledgments / Credits

This project wont be possible without the following, We acknowledge and are grateful to these developers for their contributions to open source. All necessary credits are given.

License

This project is licensed under the MIT License - see the LICENSE file for details

Comments
  • Whoops, looks like something went wrong.

    Whoops, looks like something went wrong.

    file_get_contents(C:\xampp\htdocs\lara\public\build/rev-manifest.json): failed to open stream: No such file or directory (View: C:\xampp\htdocs\lara\resources\views\index.blade.php)

    i dont find any build folder in public directory

    i think you forget to share the file lara

    opened by sandeepgoel 14
  • can't use new module

    can't use new module

    I can not use 'chart.js' . I am install chart.js with bower and add it like this " angular.module('app.components', ['chart.js']) " when refresh my site, show errors

    angular.js:68Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: Error: [$injector:modulerr] Failed to instantiate module app.components due to: Error: [$injector:modulerr] Failed to instantiate module chart.js due to: Error: [$injector:nomod] Module 'chart.js' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

    how can i fix this problem ? thank you

    opened by filmsklz 6
  • How to create a new Angular Component

    How to create a new Angular Component

    Hi,

    Thank you for this build. I am having an issue trying to create a new template.

    For example i am trying to create Data Tables template. To do that I've first run the command: php artisan ng:component data-tables

    Which create new files in angular/app/components/data-tables/data-tables.component.html angular/app/components/data-tables/data-tables.component.js angular/app/components/data-tables/data-tables.scss

    In data-tables.component.html i put some HTML. Basically i copied the default source code from ADMINLTE.

    After that I created a new state route in routes.config.js .state('app.datatables', { url: '/data-tables', data: { auth: true }, views: { 'main@app': { template: '' } } })

    And finally in nav-sidebar.component.html I updated the row: <li><a ui-sref="app.datatables"><i class="fa fa-circle-o"></i> Data tables</a></li>

    Therefore now i am able to click on the link and load /data-tables but i get a blank page.

    Is there something that i am missing?

    Thanks for you help.

    Vince.

    opened by alavin 6
  • Url Redirection and Getting Http Response

    Url Redirection and Getting Http Response

    Hello, I am unable to understand the flow of url and http response. For example , if in login template there is url '/login' but in route.php I am unable to found such relationship which returns success after correct credentials. And also I am stuck in others url too. I have worked on Larave 5.0,5.2 and AngularJs basically http request and response. Or if possible then share me some docs so that I can be able to understand the flow of the project. Please help me. Thanks in advance

    opened by aksuhana 5
  • Using Gulp watch will result in JWT failure

    Using Gulp watch will result in JWT failure

    if we use php artisan serve the site will be hosted in localhost:8080 by default.

    if we then use gulp watch the site will be browser-sync'ed to another port, e.g. localhost:3000, the change of host seems will result in JWT error for every put request

    {"message":"Wrong number of segments","status_code":401}

    Actions such as updating user profile, will fail, if we carry out the action in localhost:3000 but it is completely normal in localhost:8000. Login is okay in both 3000 and 8000.

    Anyone having this issue? Please correct me if I am wrong. Thanks.

    opened by thomasmktong 5
  • Project is not running

    Project is not running

    I am getting the following error

    file_get_contents(/var/www/html/LA/public/build/rev-manifest.json): failed to open stream: No such file or directory (View: /var/www/html/LA/resources/views/index.blade.php)

    where /var/www/html/LA is my Project Directory. I followed the processes of installation . when I trigger php artisan serve and try to run it on localhost:8000 , then I got the error.

    opened by aksuhana 4
  • Adding datatables.buttons

    Adding datatables.buttons

    Hi,

    I'm trying to use the buttons on the datatables. I added 'datatables.buttons' to the index.modules.js and the .withButtons option on creating the Datatable.

    Now I know I need to add the additional js files for the DT buttons functionality.... but WHERE? :) Please help me out, I think this is useful for others as well as I spent a few hours Googling it without luck :(

    opened by ixperiencenl 4
  • How to enable auto/live reload

    How to enable auto/live reload

    Hello,

    How do i enable the auto/live reload function when editing files? Mine is not working after default installation

    .browserSync({
          proxy: 'localhost:8000',
          files: [ 'public/**/*.css', 'angular/pages/**/*.page.html' ]
    })
    
    opened by makusan 4
  • Registration form improvements

    Registration form improvements

    • Changed userForm to registerForm for consistency
    • Added email validation using ng-pattern and regex
    • Added password_confirmation field
    • Checking if password and password_confirmation are the same
    • Centered "I already have an account"
    • Added some rows / cols @ register page
    • Changed form "title" to an h3 to stay in line with the other forms like forgot password
    • Updated password_confirmation input. Added password-verify directive
    • Updated test to reflect the new field
    • Added validation rule for password_confirmation field (AuthController#190)
    opened by ghost 4
  • installation error in localdevelopment

    installation error in localdevelopment

    PHP Warning: require(C:\xampp\htdocs\tally\bootstrap/../vendor/autoload.php): failed to open stream: No such file or directory in C:\xampp\htdocs\tally\bootstrap\autoload.php on line 17

    opened by didinkaj 3
  • [Feature request]: Add pagination (with solution)

    [Feature request]: Add pagination (with solution)

    When retrieving loads of rows the application hangs in Chrome. This is of course because the 'all' statement is returning all data from the DB. Would be nice if pagination would be possible out of the box.

    opened by ixperiencenl 3
  • Laravel 5.2 + Dingo + JWT - Multiple Auth with different prefixes

    Laravel 5.2 + Dingo + JWT - Multiple Auth with different prefixes

    Hi,

    I have a major situation and I am stuck for a week or so with this.

    So, this boilerplate works very well with multiple upgrades/updates from me for some components/server side and I have the next situation:

    I want to implement (right now with no success) different auth methods using dingo and JWT, but each method to have it's prefix in url.

    Short Description: I have an app in production with this boilerplate and is protected for admins with the User model/table. I want to add a table called Clients and I want a login valid from my Ionic app. They should not have the possibility to login in Admin section, that'w why I need different urls and because i want a better routes management.

    Right now every request with token runs on the next URL:

    https://domain/api/* => it's very ok this

    For clients I want the next prefix to work:

    https://domain/client/*

    What I've done till now, but I struggle with DINGO API implementation:

    config/auth.php

    "guards" => [
         ....
    
         "clientapi" => [
             "driver" => "token",
             "provider" => "client",
         ]
    ]
    
    "provider" => [
        .....
         "client" => [
              "driver" => "eloquent",
              "model" => App\Client:class,
         ],
    ]
    
    "passwords" => [
        "client" => [
                "provider" => "client",
                "email" => "auth.emails.password",
                "table" => "password_resets",
                "expire" => 60,
            ],
    ] 
    

    Created a clone after this file: config/api.php => config/clientapi.php and updated everything so the api should connect to what needs the most

    I think my problem is here, or something like that:

    app/Providers/RouteServiceProvider
    
    use Illuminate\Routing\Router;
    use Dingo\Api\Routing\Router as ApiRouter;
    use Illuminate\Foundation\Support\Providers\RouteServiceProvider as ServiceProvider;
    
    
    public function map(Router $router, ApiRouter $apiRouter)
    {
            $apiRouter->version($this->version, function ($apiRouter) use ($router) {
                $apiRouter->group(['namespace' => $this->namespace], function ($api) use ($router) {
                    $router->group(['namespace' => $this->namespace], function ($router) use ($api) {
                        require app_path('Http/routes.php');
                    });
                });
            });
    
            $apiRouter->version('v2', function ($apiRouter) use ($router) {
                $apiRouter->group(['prefix' => 'clientapi', 'namespace' => $this->namespace], function ($api) use ($router) {
                    $router->group(['prefix' => 'clientapi', 'namespace' => $this->namespace], function ($router) use ($api) {
                        require app_path('Http/routes-client.php');
                    });
                });
            });
    }
    

    example of auth routes which sould be replicated for lcient

     // Password Reset Routes...  
    $api->group(['middleware' => ['api']], function ($api) {
        $api->controller('auth', 'Auth\AuthController');
    
        $api->post('auth/password/email', 'Auth\PasswordResetController@sendResetLinkEmail');
        $api->get('auth/password/verify', 'Auth\PasswordResetController@verify');
        $api->post('auth/password/reset', 'Auth\PasswordResetController@reset');
    });
    

    Whatever I am trying to do or trying to adjust, seems to get me nowhere.

    Every time I am trying to change $api in $cetateanapi request responds with 404 not found or errors like object not found.

    I do not want only a guard method active inside controllers, I need to separate stuff from users(admins) and citizens.

    Searched all over stackoverflow and laracasts forum but no luck.

    I can't save the information on the same table because it is possible for an user to have a citizen account.

    Thank you, Johnny

    opened by carabationut 0
  • file_get_contents(/Users/../build/rev-manifest.json

    file_get_contents(/Users/../build/rev-manifest.json

    Need help, I tried to run the code however, npm is giving error and this is showing in the browser. Please let me know if any change required at the file end.

    Browser Error:

    file_get_contents(/../public/build/rev-manifest.json): failed to open stream: No such file or directory (View: /../resources/views/index.blade.php)

    npm error:

    undefined postinstall /.. bower install && gulp --production

    bower EMALFORMED Failed to read /../bower_components/Chart.js/.bower.json

    Additional error details: Unexpected string in JSON at position 470 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! undefined postinstall: bower install && gulp --production npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the undefined postinstall script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

    npm ERR! A complete log of this run can be found in: npm ERR! /../.npm/_logs/2018-02-07T14_22_34_429Z-debug.log

    opened by ghost 3
  • How to activate new modules in it

    How to activate new modules in it

    may i know how can i enable select2 or datetimepicker on this project

    may i know the steps to add new modules from bower_components

    Thanks for your support

    opened by donadoniman 1
  • Bower Unexpected String in JSON at position 470

    Bower Unexpected String in JSON at position 470

    Failed to read C:\Users\Johnny\git\cms_laravel_angular\bower_components\Chart.js.bower.json

    I've encountered this error every time I cloned this project. Of course there's a fix (change .bower.json ):

    {
      "name": "Chart.js",
      "version": "1.0.2",
      "description": "Simple HTML5 Charts using the canvas element",
      "homepage": "https://github.com/nnnick/Chart.js",
      "author": "nnnick",
      "main": [
        "Chart.js"
      ],
      "dependencies": {},
      "_release": "1.0.2",
      "_resolution": {
        "type": "version",
        "tag": "v1.0.2",
        "commit": "930b16a0af59201dcfcd1594b0e7540db4d04c9f"
      },
      "_source": "https://github.com/chartjs/Chart.js.git",
      "_target": "1.0.*",
      "tag": "v1.1.1",
      "commit": "a62537a80029cd5a2e230769a652904e2de2d5d4",
      "_source": "https://github.com/nnnick/Chart.js.git",
      "_target": "~1.1.1"
    }
    
    opened by TheBumpaster 0
Releases(v0.4.2)
Owner
Alex Quiambao
Will Code For Food
Alex Quiambao
A Laravel 5 package that switchs default Laravel scaffolding/boilerplate to AdminLTE template and Pratt Landing Page with Bootstrap 3.0

AdminLTE template Laravel package A Laravel package that switch default Laravel scaffolding / boilerplate to AdminLTE template with Bootstrap 3.0 and

Sergi Tur Badenas 1.8k Jan 3, 2023
Until 2018, Backpack v3 used this Base package to offer admin authentication and a blank admin panel using AdminLTE. Backpack v4 no longer uses this package, they're now built-in - use Backpack/CRUD instead.

Note: This package is only used by Backpack v3. Starting with Backpack v4, everything this package does is included in Backpack/CRUD - one package to

Backpack for Laravel 845 Nov 29, 2022
Backpack v3 used this Base package to offer admin authentication and a blank admin panel using AdminLTE

Until 2018, Backpack v3 used this Base package to offer admin authentication and a blank admin panel using AdminLTE. Backpack v4 no longer uses this package, they're now built-in - use Backpack/CRUD instead.

Backpack for Laravel 845 Nov 29, 2022
Integration of the popular AdminLTE dashboard for CodeIgniter 4

Tatter\AdminLTE Integration of the popular AdminLTE dashboard for CodeIgniter 4 Description This library leverages Tatter\Assets to automate asset dis

Tatter Software 1 Dec 7, 2021
Mazer is a Admin Dashboard Template that can help you develop faster. We bring Mazer with Laravel starter project.

Mazer is a Admin Dashboard Template that can help you develop faster. We bring Mazer with Laravel starter project. It's completely free and you can use it in your projects.

Saugi 118 Dec 20, 2022
Laravel Boilerplate with AdminLTE Theme

Welcome to FastLaravel Laravel Boilerplate for AdminLTE Theme Laravel Boilerplate with AdminLTE Theme with FastLaravel.

FastX Group 49 Dec 15, 2022
Admin One is simple, beautiful and free Laravel admin dashboard (built with Vue.js, Bulma & Buefy).

Admin One — Free Laravel Vue Bulma Dashboard Admin One is simple, beautiful and free Laravel admin dashboard (built with Vue.js, Bulma & Buefy). Built

Viktor Kuzhelny 136 Dec 27, 2022
Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template

Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template

Anowar Hossain 334 Dec 29, 2022
Laravel 5.2 + Bootstrap 3.5 + AdminLTE 2.3

laravel-admin A Laravel 5.2.x, Bootstrap 3.5.x, and AdminLTE 2.3.x. project. Laravel-Admin Features Built on Laravel 5.2 Admin is built on AdminLTE 2.

Jeremy Kenedy 60 Oct 20, 2022
Laravel Boilerplate / Starter Kit with Gentelella Admin Theme

Laravel Boilerplate Project Laravel Boilerplate provides a very flexible and extensible way of building your custom Laravel applications. Table of Con

Labs64 848 Dec 28, 2022
LaraAdmin is a Open source Laravel Admin Panel / CMS which can be used as Admin Backend, Data Management Tool or CRM boilerplate for Laravel with features like Advanced CRUD Generation, Module Manager, Backups and many more.

LaraAdmin 1.0 LaraAdmin is a Open source CRM for quick-start Admin based applications with features like Advanced CRUD Generation, Schema Manager and

Dwij IT Solutions 1.5k Dec 29, 2022
Laravel 8 boilerplate in docker-compose with Treafik and SSL setup and github workflow ready for CI/CD pipeline

Laravel8 boilerplate Laravel 8 boilerplate in docker-compose with Treafik and SSL setup with .github workflow ready To start the containers in prod en

Tej Dahal 5 Jul 9, 2022
Get started with Laravel 5.3 and AngularJS (material)

Laravel 5.3 Angular Material Starter Demo An online demo is available. Angular (2+) update While this starter used to be an excellent starting point f

Jad Joubran 1.7k Dec 14, 2022
a free, open-source dashboard panel starter kit for Laravel

QAdmin a free, open-source dashboard panel starter kit for Laravel. Just intall and everything is ready Tech Stack Client: ruangAdmin, Bootstrap, Jque

null 30 Oct 11, 2022
It's a dashboard theme/UI-Starter Kit with Laravel, Inertia and Vue (JetStream).

TailAdmin Inertia It's a dashboard theme/UI-Starter Kit with Laravel, Inertia and Vue (JetStream). Setup Directions npm install composer install Chang

Sinan AYDOĞAN 121 Dec 31, 2022
The Laravel Boilerplate Project - https://laravel-boilerplate.com

Laravel Boilerplate (Current: Laravel 8.*) (Demo) Demo Credentials Admin: admin@admin.com Password: secret User: user@user.com Password: secret Offici

Anthony Rappa 5.4k Jan 4, 2023
Base Laravel framework with a simple admin site/dashboard

Base Laravel Admin Just a basic Laravel 4.1 install with a admin site/dashboard using Bootstrap 3.0.3 For those (like me) who set up lots of small sys

Alex Dover 1 Nov 6, 2015
Modular Laravel - Boilerplate project starter

MODULAR About Modular Laravel This project is a personal blueprint starter with customized modular / SOA architecture. Kostadin Keljtanoski Install Yo

Kostadin Keljtanoski 41 Nov 21, 2022