feat(route): create & import style associated to view

app/templates/gulpfile.js

@@ -92,7 +92,7 @@ gulp.task('watch', ['inject'], function () {
   gulp.watch(['client/index.html', 'client/app.js'])
     .on('change', $.livereload.changed);
 
-  $.watch('client/styles/**/*.scss', function () {
+  $.watch(['client/styles/**/*.scss', 'client/views/**/*.scss'], function () {
     gulp.src('client/styles/app.scss')
       .pipe($.plumber())
       .pipe($.sass())
@@ -104,6 +104,7 @@ gulp.task('watch', ['inject'], function () {
     'client/views',
     'client/views/**/*.html',
     'client/views/**/*.js',
+    '!client/views/**/*.scss',
     '!client/views/**/*.spec.js',
     'client/directives',
     'client/directives/**/*.html',

route/index.js

@@ -1,6 +1,12 @@
 'use strict';
 
 var yeoman = require('yeoman-generator');
+var chalk = require('chalk');
+var genUtils = require('../util');
+
+function bangLog (msg, color) {
+  console.log('[' + chalk.blue('bangular') + ']: ' + chalk[color](msg));
+}
 
 var BangularGenerator = yeoman.generators.NamedBase.extend({
 
@@ -18,8 +24,14 @@ var BangularGenerator = yeoman.generators.NamedBase.extend({
       name: 'route',
       message: 'Choose an url route',
       default: '/' + self.dashName
+    }, {
+      type: 'confirm',
+      name: 'import',
+      message: 'Do you want to create and import the ' + chalk.blue(this.dashName + '.scss') + ' style in your app.scss?',
+      default: false
     }], function (props) {
       self.route = props.route;
+      self.import = props.import;
       done();
     });
   },
@@ -62,6 +74,32 @@ var BangularGenerator = yeoman.generators.NamedBase.extend({
       + '.html'
     );
 
+    if (this.import) {
+
+      this.template(
+        'style.scss',
+        'client/views/'
+        + this.dashName
+        + '/'
+        + this.dashName
+        + '.scss'
+      );
+
+      genUtils.appendNeedleOrOnTop({
+        needle: '// imports',
+        file: 'client/styles/app.scss',
+        append: '@import "../views/' + this.dashName + '/' + this.dashName + '";'
+      }, function importCallback (err) {
+          /* istanbul ignore if */
+          if (err) {
+            bangLog('There was an error importing the style.', 'red');
+          } else {
+            bangLog('Your style was successfully injected.', 'green');
+          }
+      });
+
+    }
+
   }
 
 });

route/templates/style.scss

@@ -0,0 +1,3 @@
+/**
+ * <%= dashName %>.scss
+ */