Giter Club home page Giter Club logo

laravel-angular-admin's Introduction

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.

[email protected] / 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: [email protected] / 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)

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

laravel-angular-admin's People

Contributors

leoruhland avatar silverbux avatar thomasmktong avatar wouternl avatar zbmowrey avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

laravel-angular-admin's Issues

application path issue

Hello,
I am trying to setup this application on xampp with this way "localhost/laraang".
after setup when i visit in browser i found issue with path generated via elixer:

which result in localhost/build/css/final-13f33a294f.css not found. t

Is there a way to setup this app on subdirectory? any checklist or suggestion?

Many Thanks!

Warnings during installation

Hi, can you help me. After npm install I obtain this:
npm WARN deprecated [email protected]: Copy its ~20 LOC directly into your code instead.
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree.
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree.
npm WARN deprecated [email protected]: lodash@<3.0.0 is no longer maintained. Upgrade to lodash@^4.0.0.
npm WARN deprecated [email protected]: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree.
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: No longer sponsored by CT - please visit http://niftylettuce.com for more info

npm WARN optional Skipping failed optional dependency /chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN optional Skipping failed optional dependency /browser-sync/chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN optional Skipping failed optional dependency /gulp-watch/chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN optional Skipping failed optional dependency /watchify/chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN optional Skipping failed optional dependency /karma/chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN optional Skipping failed optional dependency /watchpack/chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN optional Skipping failed optional dependency /karma-browserify/chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]

$ npm -v
3.10.5

$ nodejs -v
v6.3.0

Ubuntu 16.04

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

Error when updating user profile

After user login and updating his/her own profile. Server respond with this error.

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

I am new to laravel and not sure about the cause yet, please shed me some light so that I can update the code and do a pull request etc. Thanks.

Question on Restangular and PUT request

I have a question about the way that this project handles PUT requests, and I would like to have your input on whether we should / how to refactor the codes, thanks.

The standard restful PUT request should be sent like this:

PUT /api/roles/1

where 1 is the ID of the object to update. However, the front end of this project sends the PUT request like this:

PUT /api/roles

and then back end takes the object in request payload to update the one in DB. So in this case it works fine, but if I define resource like this in routes.php

$api->resource('vacancies', 'VacancyController');

the PUT requests without ID won't work. Back end only takes the one with ID because that is how PUT should be coded. I did some investigation on why Restangular in this project behaves like this, and it is related to how back end responded the original GET request:

{"errors":false,"data":{"id":2, "xxx": "xxxxxxx"}}

the data object is wrapped inside so Restangular is unable to get the data ID, and also when the PUT request is sent, this whole thing including {"errors":false, ... is included in the PUT request - while it should be just the data object.

I would like to seek you guys' opinions on whether this should be changed, and if needed, which way we should do. I am happy to submit PR for this.

  • Option 1: In API.service.js, add logic in addResponseInterceptor to return only the data object inside (if no error), but this may add difficulties when we need to handle things like pagination
  • Option 2: Update Restangular.configuration.getIdFromElem to get the ID correctly. In this case the {"errors":false, ... parts are still sent back during PUT requests
  • Option 3: Not to make any changes

Thanks.

composer install errors

When I run command 'composer install', the bellow erros come, can you help me?

The "fxp/composer-asset-plugin" plugin was skipped because it requires a Plugin API version ("1.0.0") that does not match your Composer installation ("1.1.0"). You may need to run composer update with the "--no-plugins" option.
Loading composer repositories with package information
Installing dependencies (including require-dev) from lock file
Warning: The lock file is not up to date with the latest changes in composer.json. You may be getting outdated dependencies. Run update to update them.
Your requirements could not be resolved to an installable set of packages.

Problem 1
- Installation request for namshi/jose 5.0.2 -> satisfiable by namshi/jose[5.0.2].
- namshi/jose 5.0.2 requires lib-openssl * -> the requested linked library openssl has the wrong version installed or is missing from your system, make sure to have the extension providing it.
Problem 2
- namshi/jose 5.0.2 requires lib-openssl * -> the requested linked library openssl has the wrong version installed or is missing from your system, make sure to have the extension providing it.
- tymon/jwt-auth 0.5.9 requires namshi/jose 5.0.* -> satisfiable by namshi/jose[5.0.2].
- Installation request for tymon/jwt-auth 0.5.9 -> satisfiable by tymon/jwt-auth[0.5.9].

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 :(

can you update it its version?

cam you update this project like in project amgular version 1.5.8 and current its angular 2.3 and same updatet required in laravel 5.2 to 5.3.

Updating a fresh install gives errors regarding Dingo API

When pulling a fresh install from git and after installing it, updating with composer generates the following Artisan error:
[Symfony\Component\Debug\Exception\FatalErrorException] Call to undefined method Dingo\Api\Routing\Router::controller()

You can test this by installing a new bare copy of the framework and then do a composer update. I don't know how to fix this, as Dingo is probably the problem. Maybe using an older Dingo version does the trick.

Installer wanted to install version 242411e of Dingo Api:

 - Removing dingo/api (v1.0.0-beta3)
 - Installing dingo/api (dev-master 242411e)
   Loading from cache

Workaround: use the Dingo API version '1.0.0-beta3' to avoid crashing it.

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' ]
})

angular 2

Will there be an upgrade to angular 2?

TypeError on login

Hi there I got this errors after setting up environment on first login.

final-e00cef7b48.js:23736 TypeError: Cannot read property 'userRole' of undefined
final-e00cef7b48.js:23736 TypeError: Cannot read property 'errors' of undefined

Also I'm getting this as a response from /api/auth/login:


Deprecated: Automatically populating $HTTP_RAW_POST_DATA is deprecated and will be removed in a future version. To avoid this warning set 'always_populate_raw_post_data' to '-1' in php.ini and use the php://input stream instead. in Unknown on line 0



Warning: Cannot modify header information - headers already sent in Unknown on line 0

{"errors":false,"data":{"user":{"id":1,"name":"admin","email":"[email protected]","avatar":null,"email_verified":"1","email_verification_code":null,"created_at":"2016-10-20 21:57:28","updated_at":null,"roles":[{"id":1,"name":"Super Admin","slug":"admin.super","description":"Super Admin","level":1,"created_at":"2016-10-20 21:57:28","updated_at":"2016-10-20 21:57:28","pivot":{"user_id":1,"role_id":1,"created_at":"2016-10-20 21:57:28","updated_at":"2016-10-20 21:57:28"}},{"id":2,"name":"User Admin","slug":"admin.user","description":"Can manage users","level":1,"created_at":"2016-10-20 21:57:28","updated_at":"2016-10-20 21:57:28","pivot":{"user_id":1,"role_id":2,"created_at":"2016-10-20 21:57:28","updated_at":"2016-10-20 21:57:28"}},{"id":3,"name":"Role Admin","slug":"admin.role","description":"Can manage user roles","level":1,"created_at":"2016-10-20 21:57:28","updated_at":"2016-10-20 21:57:28","pivot":{"user_id":1,"role_id":3,"created_at":"2016-10-20 21:57:28","updated_at":"2016-10-20 21:57:28"}},{"id":4,"name":"Permission Admin","slug":"admin.permission","description":"Can manage permissions","level":1,"created_at":"2016-10-20 21:57:28","updated_at":"2016-10-20 21:57:28","pivot":{"user_id":1,"role_id":4,"created_at":"2016-10-20 21:57:28","updated_at":"2016-10-20 21:57:28"}}]},"token":"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjEsImlzcyI6Imh0dHA6XC9cL2xvY2FsaG9zdDo4MDAwXC9hcGlcL2F1dGhcL2xvZ2luIiwiaWF0IjoxNDc3MDAzMzEzLCJleHAiOjE0NzcwMjEzMTMsIm5iZiI6MTQ3NzAwMzMxMywianRpIjoiMzk0NzE5ZDI3ZWVmZGZjYWE2MmY3NTZiZGNiMWFmYmQifQ.3KJGBeVMXYrrfE1ixqjPMSOmuyG8Fllcs0bObjv8Nnk","abilities":{"admin.super":["manage.users","manage.roles","manage.permissions"],"admin.user":["manage.users"],"admin.role":["manage.roles"],"admin.permission":["manage.permissions"]},"userRole":["admin.super","admin.user","admin.role","admin.permission"]}}

update angular datatables server side

hey there, thx to your application.
i update all your codes with a new laravel version. (5.4) and laravel-datatables.

this.dtOptions = DTOptionsBuilder .newOptions() .withColReorder() .withOption('responsive', true) .withOption('serverSide', true) .withOption('processing', true) .withOption('sort', true) .withOption('lengthMenu', [[25, 50, -1], [25, 50, "All"]]) .withDataProp('data') .withBootstrap() .withOption('ajax', function(data, callback, settings) { API.all("users") .customGET('?' + jQuery.param(settings.oApi._fnAjaxParameters(settings))) .then(function(response) { callback(response.plain().data); }); }) .withPaginationType('full_numbers');

Existing database

Congratulations for your great job. Your are magic. My issue concerns an existing database. I have a existing database, are there some way to import it. Laravel angular seed do it but it's hard, infyom do also but this is only laravel.

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.

[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.

On fresh install on fresh VM

Here what it looks like in broswer
image

before you think file permissions
https://gist.github.com/xorenio/97d1f6f6511c2a50100c

versions

$ php -v
PHP 7.0.8-0ubuntu0.16.04.3 (cli) ( NTS )
Copyright (c) 1997-2016 The PHP Group
Zend Engine v3.0.0, Copyright (c) 1998-2016 Zend Technologies
with Zend OPcache v7.0.8-0ubuntu0.16.04.3, Copyright (c) 1999-2016, by Zend Technologies

$ node -v
v7.4.0

$ npm -v
4.0.5


im using this to temp host as i build/play
$ php -S 0.0.0.0:8000 -t public/

Deploying to server

Hi there, I have been developing a dashboard with this template, and I want to deploy to my own server instead of Heroku. How do I go about it?

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

gulp --production error

**Hi

I got error on running command gulp --production

this is error :**

module.js:338
throw err;
^
Error: Cannot find module 'core-js/library/fn/array/from'
at Function.Module._resolveFilename (module.js:336:15)
at Function.Module._load (module.js:278:25)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (D:\Projects\Laravel\dializSheet\node_modules\karma\lib\middleware\source_files.js:1:74)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (D:\Projects\Laravel\dializSheet\node_modules\karma\lib\web-server.js:12:29)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)

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

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.

cant make changes even in simple HTML

Hello, I am new to angular, so please dont mind if it is really a dumb question.
I am trying to make changes in dashboard.component.html but they are not working in anyways. I even tried deleting the full angular folder, but somehow it still loads as same as it was.
I know how cache works , and i have tried clearing cache, temp and even my browser history, but it isnt working at all.
Kindly help.
Thank You

Can't add new plugin

Try to install plugin using bower component but its not working i try to install summernote and select2 bottstrap-select.if possible then give me link to add plugin in this theme.
thank you

Problem running the "Gulp" part of the install

when i run the last command of the install steps. It gives me this error:

Saving To...

  • public/assets/vendor/angular/zone

[01:38:25] Finished 'copy' after 3.05 ms
[01:38:25] Starting 'typescript'...
[01:38:25] 'typescript' errored after 8.23 ms
[01:38:25] Error in plugin 'gulp-concat'
Message:
Missing file option for gulp-concat
[01:38:25] Error in plugin 'run-sequence(typescript)'
Error
at finish (/var/www/mydirectory/node_modules/run-sequence/index.js:56:13)
at Gulp.onError (/var/www/mydirectory/node_modules/run-sequence/index.js:67:4)
at emitOne (events.js:82:20)
at Gulp.emit (events.js:169:7)
at Gulp.Orchestrator._emitTaskDone (/var/www/mydirectory/node_modules/orchestrator/index.js:264:8)
at /var/www/mydirectory/node_modules/orchestrator/index.js:275:23
at finish (/var/www/mydirectory/node_modules/orchestrator/lib/runTask.js:21:8)
at module.exports (/var/www/mydirectory/node_modules/orchestrator/lib/runTask.js:36:10)
at Gulp.Orchestrator._runTask (/var/www/mydirectory/node_modules/orchestrator/index.js:273:3)
at Gulp.Orchestrator._runStep (/var/www/mydirectory/node_modules/orchestrator/index.js:214:10)
/var/www/mydirectory/node_modules/angular2/src/facade/promise.d.ts(1,10): error TS2661: Cannot re-export name that is not defined in the module.

I'm using Ubuntu Server 16.04 LTS.

[Question]: Angular Translate

Hi!! This is very nice package,congrats and thank you for sharing it! Many helpful features are implemented here, but what about angular multi language support? have you considered adding this feature? I'm trying it with angular translate, but can't make it work on step "Asynchronous Loading" from the package documentation...

Have multi language feature would be great!!

hey!! Thanks again!! ^_^

Two errors when signing in: Cannot read property 'userRole' of undefined AND Cannot read property 'errors' of undefined

Hello, I have done the installation according to the documentation, after running artisan server and open localhost: 8000 opens the login screen of adminLte, but when I inform the user and password the request returns me the following error in console and for that. Can anybody help me?

Error generated at console:

_final-fa2c0e61be.js:24015 TypeError: Cannot read property 'userRole' of undefined
at final-fa2c0e61be.js:106906
at processQueue (final-fa2c0e61be.js:26512)
at final-fa2c0e61be.js:26528
at Scope.$eval (final-fa2c0e61be.js:27810)
at Scope.$digest (final-fa2c0e61be.js:27624)
at Scope.$apply (final-fa2c0e61be.js:27918)
at done (final-fa2c0e61be.js:21898)
at completeRequest (final-fa2c0e61be.js:22107)
at XMLHttpRequest.requestLoaded (final-fa2c0e61be.js:22035)
(anonymous) @ final-fa2c0e61be.js:24015
(anonymous) @ final-fa2c0e61be.js:20523
processQueue @ final-fa2c0e61be.js:26520
(anonymous) @ final-fa2c0e61be.js:26528
$eval @ final-fa2c0e61be.js:27810
$digest @ final-fa2c0e61be.js:27624
$apply @ final-fa2c0e61be.js:27918
done @ final-fa2c0e61be.js:21898
completeRequest @ final-fa2c0e61be.js:22107
requestLoaded @ final-fa2c0e61be.js:22035

final-fa2c0e61be.js:24015 TypeError: Cannot read property 'errors' of undefined
at LoginFormController.failedLogin (final-fa2c0e61be.js:106921)
at processQueue (final-fa2c0e61be.js:26512)
at final-fa2c0e61be.js:26528
at Scope.$eval (final-fa2c0e61be.js:27810)
at Scope.$digest (final-fa2c0e61be.js:27624)
at Scope.$apply (final-fa2c0e61be.js:27918)
at done (final-fa2c0e61be.js:21898)
at completeRequest (final-fa2c0e61be.js:22107)
at XMLHttpRequest.requestLoaded (final-fa2c0e61be.js:22035)
(anonymous) @ final-fa2c0e61be.js:24015
(anonymous) @ final-fa2c0e61be.js:20523
processQueue @ final-fa2c0e61be.js:26520
(anonymous) @ final-fa2c0e61be.js:26528
$eval @ final-fa2c0e61be.js:27810
$digest @ final-fa2c0e61be.js:27624
$apply @ final-fa2c0e61be.js:27918
done @ final-fa2c0e61be.js:21898
completeRequest @ final-fa2c0e61be.js:22107
requestLoaded @ final-fa2c0e61be.js:22035
tela-erro
_

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.

Auth vs OAuth Conflict / Exception

If a user registers using the "create an account" option and then later tries to sign in using an OAuth provider, while having the same email address in both systems, an exception is thrown since AuthController@findOrCreateUser cannot insert a record with a duplicate email address. Would it be better in this case to return to the login screen with an error indicating that the user already has an account?

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

composer install && npm install Error

I can not build, the following error appear when I try to run composer install && npm install

`
bower install && gulp --production

module.js:327
throw err;
^

Error: Cannot find module '../../modules/es6.string.iterator'
...

npm ERR! Failed at the @ postinstall script 'bower install && gulp --production'.
npm ERR! This is most likely a problem with the package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! bower install && gulp --production
npm ERR! You can get information on how to open an issue for this project with:
`

npm ERR! node v4.6.1
npm ERR! npm v3.10.8

npm install error

npm ERR! Windows_NT 10.0.14393tadata: sill mapToRegistry uri https://registry.npmjs.org/webpack-dev-server
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "install"
npm ERR! node v6.9.5
npm ERR! npm v3.10.10
npm ERR! file C:\Users\xxxxx\AppData\Roaming\npm-cache\bower\1.8.0\package\package.json
npm ERR! code EJSONPARSE

npm ERR! Failed to parse json
npm ERR! Unexpected token '\u0000' at 1:1
npm ERR!
npm ERR! ^
npm ERR! File: C:\Users\xxxxxx\AppData\Roaming\npm-cache\bower\1.8.0\package\package.json
npm ERR! Failed to parse package.json data.
npm ERR! package.json must be actual JSON, not just JavaScript.
npm ERR!
npm ERR! This is not a bug in npm.
npm ERR! Tell the package author to fix their package.json file. JSON.parse

npm ERR! Please include the following file with any support request:
npm ERR! C:\xampp\htdocs\xxxx\npm-debug.log

login error

if input wrong password,
/api/auth/login callback message
{"message":"422 Unprocessable Entity","errors":{"password":["The password must be at least 8 characters."]},"status_code":422}

the console log show error
Failed to load resource: the server responded with a status of 422 (Unprocessable Entity)
vendor-2dd0d3c10a.js:5 TypeError: Cannot read property '0' of undefined
at e.value (app-c915cb31e1.js:2)
at a (vendor-2dd0d3c10a.js:5)
at vendor-2dd0d3c10a.js:5
at h.$eval (vendor-2dd0d3c10a.js:6)
at h.$digest (vendor-2dd0d3c10a.js:6)
at h.$apply (vendor-2dd0d3c10a.js:6)
at l (vendor-2dd0d3c10a.js:5)
at $ (vendor-2dd0d3c10a.js:5)
at XMLHttpRequest.S.onload (vendor-2dd0d3c10a.js:5)(anonymous function) @ vendor-2dd0d3c10a.js:5

the login page can not show the error message

Errors upon uglify (gulp --production)

I encountered an error that arose from trying to gulp --production after modifying a javascript file. The error messages did not provide anything specific to the error.

Gulp-util node package needs to be added and the the bower.task.js file needs to be modified.

For others like me, who do not know how to get the error message, here is what you need to do:

Install Gulp-util
import the Gulp-util by using the following statement: var gutil = require('gulp-util');
Finally, when you are uglifying the code, attach the error handler like this: .pipe(uglify().on('error', gutil.log))

Livereload and update

Hello. Nice work on this. I have one issue. The gulp and gulp watch command builds the dependencies to a js. But If I modify the angular original js file, i need to run gulp again to do its magic and make a final-***.js file.

Is there no other way to add a task to the gulp. I don't really know much about gulp but I found out thats a way to do it.

Summary: Whenever the origibal angular js file is modified, gulp needs to be run again to build d final js file. Whats d solution to this?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.