refactor(operators): Adapt links for operators in different pages

Author: feloy

src/app/operators/components/related-operators/related-operators.component.html

@@ -1,6 +1,6 @@
 <h2 class="related-operators"> Related Operators </h2>
 <ul class="section-list">
   <li *ngFor="let related of relatedOperators">
-    <a [href]="'/operators#' + related"> {{ related }} </a>
+    <a [routerLink]="['/operators', related]"> {{ related }} </a>
   </li>
 </ul>

src/operator-docs/combination/combineAll.ts

@@ -1,31 +1,31 @@
 import { OperatorDoc } from '../operator.model';
 
 export const combineAll: OperatorDoc = {
-  'name': 'combineAll',
-  'operatorType': 'combination',
-  'signature': 'public combineAll(project: function): Observable',
-  'parameters': [
+  name: 'combineAll',
+  operatorType: 'combination',
+  signature: 'public combineAll(project: function): Observable',
+  parameters: [
     {
-      'name': 'project',
-      'type': 'function',
-      'attribute': 'optional',
-      'description': `An optional function to map the most recent values from each inner Observable into a new result.
+      name: 'project',
+      type: 'function',
+      attribute: 'optional',
+      description: `An optional function to map the most recent values from each inner Observable into a new result.
       Takes each of the most recent values from each collected inner Observable as arguments, in order.`
     }
   ],
-  'marbleUrl': 'http://reactivex.io/rxjs/img/combineAll.png',
-  'shortDescription': {
-    'description': `
-      Flattens an Observable-of-Observables by applying <a href="/operators#combineLatest" class="markdown-code">combineLatest</a>
+  marbleUrl: 'http://reactivex.io/rxjs/img/combineAll.png',
+  shortDescription: {
+    description: `
+      Flattens an Observable-of-Observables by applying <a href="/operators/combineLatest" class="markdown-code">combineLatest</a>
       when the Observable-of-Observables completes.`,
-    'extras': []
+    extras: []
   },
-  'walkthrough': {
-    'description': `
+  walkthrough: {
+    description: `
       <p>
         Takes an Observable of Observables, and collects all Observables from it.
         Once the outer Observable completes, it subscribes to all collected
-        Observables and combines their values using the <a href="/operators#combineLatest" class="markdown-code">combineLatest</a>
+        Observables and combines their values using the <a href="/operators/combineLatest" class="markdown-code">combineLatest</a>
         strategy, such that:
       </p>
       <ul>
@@ -46,10 +46,11 @@ export const combineAll: OperatorDoc = {
       </ul>
     `
   },
-  'examples': [
+  examples: [
     {
-      'name': 'Map two click events to a finite interval Observable, then apply <span class="markdown-code">combineAll</span>',
-      'code': `
+      name:
+        'Map two click events to a finite interval Observable, then apply <span class="markdown-code">combineAll</span>',
+      code: `
         const clicks = Rx.Observable.fromEvent(document, 'click');
         const higherOrder = clicks.map(ev =>
           Rx.Observable.interval(Math.random()*2000).take(3)
@@ -58,9 +59,12 @@ export const combineAll: OperatorDoc = {
         const result = higherOrder.combineAll();
         result.subscribe(x => console.log(x));
       `,
-      'externalLink': { 'platform': 'JSBin', 'url': 'http://jsbin.com/peparawuvo/1/embed?js,console,output'}
+      externalLink: {
+        platform: 'JSBin',
+        url: 'http://jsbin.com/peparawuvo/1/embed?js,console,output'
+      }
     }
   ],
-  'relatedOperators': [ 'combineLatest', 'mergeAll' ],
-  'additionalResources': []
+  relatedOperators: ['combineLatest', 'mergeAll'],
+  additionalResources: []
 };

src/operator-docs/filtering/debounceTime.ts

@@ -1,31 +1,31 @@
-import { OperatorDoc } from "../operator.model";
+import { OperatorDoc } from '../operator.model';
 
 export const debounceTime: OperatorDoc = {
-  name: "debounceTime",
-  operatorType: "filtering",
+  name: 'debounceTime',
+  operatorType: 'filtering',
   signature:
-    "public debounceTime<T>(dueTime: number, scheduler: IScheduler = async): Observable",
+    'public debounceTime<T>(dueTime: number, scheduler: IScheduler = async): Observable',
   parameters: [
     {
-      name: "dueTime",
-      type: "number",
-      attribute: "mandatory",
+      name: 'dueTime',
+      type: 'number',
+      attribute: 'mandatory',
       description: `The timeout duration in milliseconds
       (or the time unit determined internally by the optional scheduler) for the window of time required to
       wait for emission silence before emitting the most recent source value.`
     },
     {
-      name: "scheduler",
-      type: "IScheduler",
-      attribute: "optional",
+      name: 'scheduler',
+      type: 'IScheduler',
+      attribute: 'optional',
       description: `The IScheduler to use for managing the timers that handle the timeout for each value.`
     }
   ],
-  marbleUrl: "http://reactivex.io/rxjs/img/debounceTime.png",
+  marbleUrl: 'http://reactivex.io/rxjs/img/debounceTime.png',
   shortDescription: {
     description: `
     Emits a value from the source Observable only after a particular time span has passed without another source emission.
-    It's like <a class="markdown-code" href="href="/operators#delay">delay</a>
+    It's like <a class="markdown-code" href="/operators/delay">delay</a>
     , but passes only the most recent value from each burst of emissions.`,
     extras: []
   },
@@ -52,7 +52,7 @@ export const debounceTime: OperatorDoc = {
   examples: [
     {
       name:
-        "Emit the most recent value after a burst of value changes over a defined time",
+        'Emit the most recent value after a burst of value changes over a defined time',
       code: `
         const search = document.querySelector('#search');
         const output = document.querySelector('#output');
@@ -64,17 +64,17 @@ export const debounceTime: OperatorDoc = {
           .subscribe((search)=> output.textContent=search);
       `,
       externalLink: {
-        platform: "JSBin",
-        url: "http://jsbin.com/gapobakuwu/edit?js,output"
+        platform: 'JSBin',
+        url: 'http://jsbin.com/gapobakuwu/edit?js,output'
       }
     }
   ],
   relatedOperators: [
-    "auditTime",
-    "debounce",
-    "delay",
-    "sampleTime",
-    "throttleTime"
+    'auditTime',
+    'debounce',
+    'delay',
+    'sampleTime',
+    'throttleTime'
   ],
   additionalResources: []
 };