refactor to Folders-by-Feature Structure

Author: bugthesystem

app/app.js

@@ -1,4 +1,4 @@
-import './styles'
+import './layout/styles'
 
 import angular from 'angular';
 import uirouter from 'angular-ui-router';
@@ -11,11 +11,11 @@ import 'angular-animate';
 import '../bower_components/angular-seo/angular-seo';
 
 import config from './app.config';
-import AppCtrl from './app.controller';
+import LayoutCtrl from './layout/layout.controller.js';
 
-import home from './home';
+import home from './messages';
 import common from './common';
 
 angular.module('espackApp', [uirouter, home, common, 'templates', 'seo'])
     .config(config)
-    .controller('AppCtrl', AppCtrl);
+    .controller('LayoutCtrl', LayoutCtrl);

…p/home/views/message-list.directive.html …p/components/message-list.directive.htmlapp/home/views/message-list.directive.html renamed to app/components/message-list.directive.html app/home/views/message-list.directive.html renamed to app/components/message-list.directive.html

@@ -1,7 +1,6 @@
 export default class MessageList {
     constructor() {
-        this.templateUrl = 'home/views/message-list.directive.html';
-        /*require*/
+        this.templateUrl = 'components/message-list.directive.html';
         this.restrict = 'E';
         this.scope = {
             messages: '=messages',

…ome/directives/message-list.directive.js app/components/message-list.directive.jsapp/home/directives/message-list.directive.js renamed to app/components/message-list.directive.js app/home/directives/message-list.directive.js renamed to app/components/message-list.directive.js

@@ -1,6 +1,6 @@
 import angular from 'angular';
 
-export default class AppCtrl {
+export default class LayoutCtrl {
     constructor($scope) {
         this.pageTitle = 'AngularJS + ES6 application using Webpack';
 
@@ -12,4 +12,4 @@ export default class AppCtrl {
     }
 }
 
-AppCtrl.$inject = ['$scope'];
+LayoutCtrl.$inject = ['$scope'];

app/home/index.js

@@ -0,0 +1,15 @@
+import angular from 'angular';
+import uirouter from 'angular-ui-router';
+
+import config from './messages.config';
+
+import MessagesCtrl from './messages.controller.js';
+import MessageList from './../components/message-list.directive.js';
+import MessageService from './../services/message.service.js';
+
+export default angular.module('espackApp.messages', [uirouter])
+    .config(config)
+    .controller('MessagesCtrl', MessagesCtrl)
+    .service('messageService', MessageService)
+    .directive('messageList', ()=>new MessageList)
+    .name;

app/app.css app/layout/app.cssapp/app.css renamed to app/layout/app.css

@@ -1,10 +1,10 @@
 export default function config($stateProvider) {
-    $stateProvider.state('home', {
+    $stateProvider.state('messages', {
         url: '/',
         views: {
             main: {
-                controller: 'HomeCtrl',
-                templateUrl: 'home/views/index.tpl.html',
+                controller: 'MessagesCtrl',
+                templateUrl: 'messages/list.html',
                 controllerAs: 'vm'
             }
         },