Updated:

	Dependencies
	Separate directives folder
	Switch from live reload to browserSync
	Small changes to inits of form controllers(login/register etc)

Author: Wouter Steegers

angular/app/components/login-form/login-form.component.js

@@ -11,10 +11,13 @@ class LoginFormController {
     this.successMsg = $stateParams.successMsg
     this.loginfailed = false
     this.unverified = false
-    this.email = ''
-    this.password = ''
   }
 
+  $onInit(){
+        this.email = '';
+        this.password = '';
+    }
+
   login () {
     this.loginfailed = false
     this.unverified = false

angular/app/components/register-form/register-form.component.js

@@ -6,13 +6,18 @@ class RegisterFormController {
     this.$state = $state
     this.$scope = $scope
 
-    this.name = ''
-    this.email = ''
     this.password = ''
     this.formSubmitted = false
     this.errors = []
   }
 
+
+  $onInit(){
+    this.name = '';
+    this.email = '';
+    this.password = '';
+    }
+
   register (isValid) {
     if (isValid) {
       var user = {

angular/app/components/password-verify/password-verify.component.js renamed to angular/directives/password-verify/password-verify.component.js

@@ -1,5 +1,5 @@
-import { RouteBodyClassComponent } from './app/components/route-bodyclass/route-bodyclass.component'
-import { PasswordVerifyClassComponent } from './app/components/password-verify/password-verify.component'
+import { RouteBodyClassComponent } from './directives/route-bodyclass/route-bodyclass.component'
+import { PasswordVerifyClassComponent } from './directives/password-verify/password-verify.component'
 
 angular.module('app.components')
   .directive('routeBodyclass', RouteBodyClassComponent)

angular/app/components/route-bodyclass/route-bodyclass.component.js renamed to angular/directives/route-bodyclass/route-bodyclass.component.js

@@ -1,58 +1,62 @@
 export class DialogService {
-  constructor ($mdDialog) {
-    'ngInject'
+    constructor($mdDialog) {
+        'ngInject';
 
-    this.$mdDialog = $mdDialog
-  }
+        this.$mdDialog = $mdDialog
+    }
+
+    fromTemplate(template, options) {
+        if (!template) {
+            return false;
+        }
+
+        if (!options) {
+            options = {};
+        }
+
+        options.templateUrl = './views/dialogs/' + template + '/' + template + '.dialog.html'
+
+        return this.$mdDialog.show(options);
+    }
+
+    hide(params) {
+        return this.$mdDialog.hide(params);
+    }
 
-  fromTemplate (template, options) {
-    if (!template) {
-      return false
+    cancel(){
+        return this.$mdDialog.cancel();
     }
 
-    if (!options) {
-      options = {}
+    alert(title, content, params) {
+        let alert = this.$mdDialog.alert(params)
+            .title(title)
+            .content(content)
+            .ariaLabel(content)
+            .ok('Ok');
+
+        this.$mdDialog.show(alert);
     }
 
-    options.templateUrl = './views/dialogs/' + template + '/' + template + 'dialog.html'
-
-    return this.$mdDialog.show(options)
-  }
-
-  hide () {
-    return this.$mdDialog.hide()
-  }
-
-  alert (title, content) {
-    var alert = this.$mdDialog.alert()
-      .title(title)
-      .content(content)
-      .ariaLabel(content)
-      .ok('Ok')
-
-    this.$mdDialog.show(alert)
-  }
-
-  confirm (title, content) {
-    var confirm = this.$mdDialog.confirm()
-      .title(title)
-      .content(content)
-      .ariaLabel(content)
-      .ok('Ok')
-      .cancel('Cancel')
-
-    return this.$mdDialog.show(confirm)
-  }
-
-  prompt (title, content, placeholder) {
-    var prompt = this.$mdDialog.prompt()
-      .title(title)
-      .textContent(content)
-      .placeholder(placeholder)
-      .ariaLabel(placeholder)
-      .ok('Ok')
-      .cancel('Cancel')
-
-    return this.$mdDialog.show(prompt)
-  }
+    confirm(title, content, params) {
+        let confirm = this.$mdDialog.confirm(params)
+            .title(title)
+            .content(content)
+            .ariaLabel(content)
+            .ok('Ok')
+            .cancel('Cancel');
+
+        return this.$mdDialog.show(confirm);
+    }
+
+    prompt(title, content, placeholder, params) {
+        let prompt = this.$mdDialog.prompt(params)
+            .title(title)
+            .textContent(content)
+            .placeholder(placeholder)
+            .ariaLabel(placeholder)
+            .ok('Ok')
+            .cancel('Cancel');
+
+        return this.$mdDialog.show(prompt);
+    }
 }

angular/index.directives.js

@@ -14,9 +14,9 @@
     "jquery": "^2.2.3",
     "angular": "~1.5.x",
     "angular-ui-router": "~0.2.15",
-    "ngstorage": "~0.3.3",
+    "ngstorage": "~0.3.10",
     "restangular": "~1.5.2",
-    "angular-loading-bar": "~0.8.0",
+    "angular-loading-bar": "~0.9.0",
     "satellizer": "^0.14.0",
     "angular-bootstrap": "^1.3.1",
     "bootstrap": "^3.3.6",

angular/services/dialog.service.js

@@ -1,6 +1,4 @@
 var elixir = require('laravel-elixir')
-
-require('laravel-elixir-livereload')
 require('laravel-elixir-karma')
 require('./tasks/angular.task.js')
 require('./tasks/bower.task.js')
@@ -49,9 +47,9 @@ elixir(function (mix) {
     .ngHtml2Js('./angular/**/*.html')
     .sass('./angular/**/*.scss', 'public/css')
     .version(assets)
-    .livereload(buildPath + '/rev-manifest.json', {
-      liveCSS: true
-    })
+    .browserSync({
+            proxy: 'localhost:8000'
+        })
     .karma({
       jsDir: karmaJsDir
     })

bower.json

@@ -46,7 +46,6 @@
     "gulp-util": "^3.0.3",
     "laravel-elixir": "^4.2.1",
     "laravel-elixir-karma": "^0.2.2",
-    "laravel-elixir-livereload": "^1.1.1",
     "main-bower-files": "^2.1.0",
     "underscore": "^1.8.3",
     "webpack": "^1.12.11",

gulpfile.js

@@ -11,7 +11,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
     <!-- Ionicons -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
-    <title>Laravel Angular Material Starter</title>
+    <title>Laravel Angular Admin-LTE</title>
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>
@@ -25,12 +25,6 @@
         <script src="{!! elixir('js/vendor.js') !!}"></script>
         <script src="{!! elixir('js/partials.js') !!}"></script>
         <script src="{!! elixir('js/app.js') !!}"></script>
-        {{--livereload--}}
-        @if ( env('APP_ENV') === 'local' )
-        <script type="text/javascript">
-            document.write('<script src="'+ location.protocol + '//' + (location.host.split(':')[0] || 'localhost') +':35729/livereload.js?snipver=1" type="text/javascript"><\/script>')
-        </script>
-        @endif
         <div class="control-sidebar-bg"></div>
     </div>
     <script src="dist/js/app.js"></script>