more whitespace styles

Author: johnpapa

public/docs/_examples/style-guide/ts/03-03/app/shared/hero-collector.service.avoid.ts

@@ -1,6 +1,7 @@
 // #docregion
 // #docregion example
 /* avoid */
+
 import { Injectable } from 'angular2/core';
 
 import { IHero } from './hero.model.avoid';

public/docs/_examples/style-guide/ts/03-05/app/+heroes/shared/hero.model.ts

@@ -0,0 +1,7 @@
+// #docregion
+// #docregion example
+export class Hero {
+  name: string;
+  power: string;
+}
+// #enddocregion example

public/docs/_examples/style-guide/ts/03-05/app/+heroes/shared/hero.service.avoid.ts

@@ -0,0 +1,33 @@
+// #docregion
+// #docregion example
+/* avoid */
+
+import {Injectable} from 'angular2/core';
+import {Http, Response} from 'angular2/http';
+
+import {Hero} from './hero.model';
+import {ExceptionService, SpinnerService, ToastService} from '../../../app/shared';
+// #enddocregion example
+
+@Injectable()
+export class HeroService {
+
+  constructor(
+    private exceptionService: ExceptionService,
+    private spinnerService: SpinnerService,
+    private toastService: ToastService,
+    private http: Http
+  ) { }
+
+  getHero(id: number) {
+    return this.http.get(`api/heroes/${id}`)
+      .map((res: Response) => res.json().data);
+  }
+
+  getHeroes() {
+    return this.http.get(`api/heroes`)
+      .map((res: Response) => res.json().data);
+  }
+
+}
+

public/docs/_examples/style-guide/ts/03-05/app/+heroes/shared/hero.service.ts

@@ -0,0 +1,31 @@
+// #docregion
+// #docregion example
+import { Injectable } from 'angular2/core';
+import { Http, Response } from 'angular2/http';
+
+import { Hero } from './hero.model';
+import { ExceptionService, SpinnerService, ToastService } from '../../../app/shared';
+// #enddocregion example
+
+@Injectable()
+export class HeroService {
+
+  constructor(
+    private exceptionService: ExceptionService,
+    private spinnerService: SpinnerService,
+    private toastService: ToastService,
+    private http: Http
+  ) { }
+
+  getHero(id: number) {
+    return this.http.get(`api/heroes/${id}`)
+      .map((res: Response) => res.json().data);
+  }
+
+  getHeroes() {
+    return this.http.get(`api/heroes`)
+      .map((res: Response) => res.json().data);
+  }
+
+}
+

public/docs/_examples/style-guide/ts/03-05/app/shared/exception.service.ts

@@ -0,0 +1,4 @@
+import { Injectable } from 'angular2/core';
+
+@Injectable()
+export class ExceptionService { }

public/docs/_examples/style-guide/ts/03-05/app/shared/index.ts

@@ -0,0 +1,6 @@
+// #docregion
+// #docregion example
+export * from './exception.service';
+export * from './spinner';
+export * from './toast';
+// #enddocregion example

public/docs/_examples/style-guide/ts/03-05/app/shared/nav/nav.component.avoid.ts

@@ -0,0 +1,3 @@
+// #docregion
+export * from './spinner.component';
+export * from './spinner.service';

public/docs/_examples/style-guide/ts/03-05/app/shared/nav/nav.component.ts

@@ -0,0 +1,16 @@
+import {Component, OnDestroy, OnInit} from 'angular2/core';
+
+import { SpinnerService } from './spinner.service';
+
+@Component({
+  selector: 'toh-spinner',
+  template: '<div>spinner</div>'
+})
+
+export class SpinnerComponent implements OnDestroy, OnInit {
+  constructor(private spinnerService: SpinnerService) { }
+
+  ngOnInit() { }
+
+  ngOnDestroy() { }
+}

public/docs/_examples/style-guide/ts/03-05/app/shared/spinner/index.ts

@@ -0,0 +1,12 @@
+import { Injectable } from 'angular2/core';
+
+export interface ISpinnerState { }
+
+@Injectable()
+export class SpinnerService {
+  spinnerState: any;
+
+  show() { }
+
+  hide() { }
+}

public/docs/_examples/style-guide/ts/03-05/app/shared/spinner/spinner.component.ts

@@ -0,0 +1,3 @@
+// #docregion
+export * from './toast.component';
+export * from './toast.service';

public/docs/_examples/style-guide/ts/03-05/app/shared/spinner/spinner.service.ts

@@ -0,0 +1,14 @@
+import { Component, OnInit } from 'angular2/core';
+
+import { ToastService } from './toast.service';
+
+@Component({
+  moduleId: __moduleName,
+  selector: 'toh-toast',
+  templateUrl: '<div>toast</div>'
+})
+export class ToastComponent implements OnInit {
+  constructor(toastService: ToastService) { }
+
+  ngOnInit() { }
+}

public/docs/_examples/style-guide/ts/03-05/app/shared/toast/index.ts

@@ -0,0 +1,6 @@
+import { Injectable } from 'angular2/core';
+
+@Injectable()
+export class ToastService {
+  activate: (message?: string, title?: string) => void;
+}

public/docs/_examples/style-guide/ts/03-05/app/shared/toast/toast.component.ts

@@ -0,0 +1,7 @@
+// #docregion
+// #docregion example
+export class Hero {
+  name: string;
+  power: string;
+}
+// #enddocregion example

public/docs/_examples/style-guide/ts/03-05/app/shared/toast/toast.service.ts

@@ -0,0 +1,32 @@
+// #docregion
+// #docregion example
+/* avoid */
+
+import { ExceptionService, SpinnerService, ToastService } from '../../../app/shared';
+import { Http, Response } from 'angular2/http';
+import { Injectable } from 'angular2/core';
+import { Hero } from './hero.model';
+// #enddocregion example
+
+@Injectable()
+export class HeroService {
+
+  constructor(
+    private exceptionService: ExceptionService,
+    private spinnerService: SpinnerService,
+    private toastService: ToastService,
+    private http: Http
+  ) { }
+
+  getHero(id: number) {
+    return this.http.get(`api/heroes/${id}`)
+      .map((res: Response) => res.json().data);
+  }
+
+  getHeroes() {
+    return this.http.get(`api/heroes`)
+      .map((res: Response) => res.json().data);
+  }
+
+}
+

public/docs/_examples/style-guide/ts/03-06/app/+heroes/shared/hero.model.ts

@@ -0,0 +1,31 @@
+// #docregion
+// #docregion example
+import { Injectable } from 'angular2/core';
+import { Http, Response } from 'angular2/http';
+
+import { Hero } from './hero.model';
+import { ExceptionService, SpinnerService, ToastService } from '../../../app/shared';
+// #enddocregion example
+
+@Injectable()
+export class HeroService {
+
+  constructor(
+    private exceptionService: ExceptionService,
+    private spinnerService: SpinnerService,
+    private toastService: ToastService,
+    private http: Http
+  ) { }
+
+  getHero(id: number) {
+    return this.http.get(`api/heroes/${id}`)
+      .map((res: Response) => res.json().data);
+  }
+
+  getHeroes() {
+    return this.http.get(`api/heroes`)
+      .map((res: Response) => res.json().data);
+  }
+
+}
+

public/docs/_examples/style-guide/ts/03-06/app/+heroes/shared/hero.service.avoid.ts

@@ -0,0 +1,4 @@
+import { Injectable } from 'angular2/core';
+
+@Injectable()
+export class ExceptionService { }

public/docs/_examples/style-guide/ts/03-06/app/+heroes/shared/hero.service.ts

@@ -0,0 +1,6 @@
+// #docregion
+// #docregion example
+export * from './exception.service';
+export * from './spinner';
+export * from './toast';
+// #enddocregion example

public/docs/_examples/style-guide/ts/03-06/app/shared/exception.service.ts

@@ -0,0 +1,3 @@
+// #docregion
+export * from './spinner.component';
+export * from './spinner.service';

public/docs/_examples/style-guide/ts/03-06/app/shared/index.ts

@@ -0,0 +1,16 @@
+import {Component, OnDestroy, OnInit} from 'angular2/core';
+
+import { SpinnerService } from './spinner.service';
+
+@Component({
+  selector: 'toh-spinner',
+  template: '<div>spinner</div>'
+})
+
+export class SpinnerComponent implements OnDestroy, OnInit {
+  constructor(private spinnerService: SpinnerService) { }
+
+  ngOnInit() { }
+
+  ngOnDestroy() { }
+}

public/docs/_examples/style-guide/ts/03-06/app/shared/spinner/index.ts

@@ -0,0 +1,12 @@
+import { Injectable } from 'angular2/core';
+
+export interface ISpinnerState { }
+
+@Injectable()
+export class SpinnerService {
+  spinnerState: any;
+
+  show() { }
+
+  hide() { }
+}

public/docs/_examples/style-guide/ts/03-06/app/shared/spinner/spinner.component.ts

@@ -0,0 +1,3 @@
+// #docregion
+export * from './toast.component';
+export * from './toast.service';

public/docs/_examples/style-guide/ts/03-06/app/shared/spinner/spinner.service.ts

@@ -0,0 +1,14 @@
+import { Component, OnInit } from 'angular2/core';
+
+import { ToastService } from './toast.service';
+
+@Component({
+  moduleId: __moduleName,
+  selector: 'toh-toast',
+  templateUrl: '<div>toast</div>'
+})
+export class ToastComponent implements OnInit {
+  constructor(toastService: ToastService) { }
+
+  ngOnInit() { }
+}

public/docs/_examples/style-guide/ts/03-06/app/shared/toast/index.ts

@@ -0,0 +1,6 @@
+import { Injectable } from 'angular2/core';
+
+@Injectable()
+export class ToastService {
+  activate: (message?: string, title?: string) => void;
+}

public/docs/_examples/style-guide/ts/03-06/app/shared/toast/toast.component.ts

@@ -611,22 +611,56 @@ a(href="#toc") Back to top
 
 .l-main-section
 :marked
-  ### Import Spacing
+  ### Import Destructuring Spacing
   <a id="03-05"></a>
   #### Style 03-05
 
 .s-rule.do
   :marked
-    **Do** leave one whitespace character inside of the `import` statements' curly braces. 
+    **Do** leave one whitespace character inside of the `import` statements' curly braces when destructuring. 
 
 .s-why
   :marked
     **Why?** Whitespace makes it easier to read the imports. 
 
-+makeExample('style-guide/ts/03-04/app/shared/nav/nav.service.avoid.ts', 'example', 'app/shared/nav/nav.service.ts')(avoid=1)
++makeExample('style-guide/ts/03-05/app/+heroes/shared/hero.service.avoid.ts', 'example', 'app/+heroes/shared/hero.service.ts')(avoid=1)
 :marked
 
-+makeExample('style-guide/ts/03-04/app/shared/nav/nav.service.ts', 'example', 'app/shared/nav/nav.service.ts')
++makeExample('style-guide/ts/03-05/app/+heroes/shared/hero.service.ts', 'example', 'app/+heroes/shared/hero.service.ts')
+:marked
+
+a(href="#toc") Back to top
+
+.l-main-section
+:marked
+  ### Import Line Spacing
+  <a id="03-06"></a>
+  #### Style 03-06
+
+.s-rule.do
+  :marked
+    **Do** leave one empty line between third party imports and imports of code we created. 
+    
+.s-rule.do
+  :marked
+    **Do** list import lines alphabetized by the module. 
+
+.s-rule.do
+  :marked
+    **Do** list destructured imported assets alphabetized. 
+
+.s-why
+  :marked
+    **Why?** The empty line makes it easy to read and locate imports. 
+
+.s-why
+  :marked
+    **Why?** Alphabetizing makes it easier to read and locate imports.
+
++makeExample('style-guide/ts/03-06/app/+heroes/shared/hero.service.avoid.ts', 'example', 'app/+heroes/shared/hero.service.ts')(avoid=1)
+:marked
+
++makeExample('style-guide/ts/03-06/app/+heroes/shared/hero.service.ts', 'example', 'app/+heroes/shared/hero.service.ts')
 :marked
 
 a(href="#toc") Back to top