From 7d7877da2e71c976aa1b79916822b83520ca77d9 Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Wed, 9 Mar 2016 20:44:20 +0200
Subject: [PATCH] Fix links with spaces

---
 lib/components/Method/method.html            |  2 +-
 lib/components/Method/method.js              |  4 +++-
 lib/components/MethodsList/methods-list.html |  2 +-
 lib/components/MethodsList/methods-list.js   |  4 +++-
 lib/components/SideMenu/side-menu.js         |  2 +-
 lib/utils/pipes.js                           | 11 +++++++++++
 6 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/lib/components/Method/method.html b/lib/components/Method/method.html
index 1a428a93..c8fc86c2 100644
--- a/lib/components/Method/method.html
+++ b/lib/components/Method/method.html
@@ -1,7 +1,7 @@
 <div class="method">
   <div class="method-content">
     <h2 class="method-header sharable-header">
-      <a class="share-link" href="#{{data.methodAnchor}}"></a>{{data.methodInfo.summary}}
+      <a class="share-link" href="#{{data.methodAnchor | encodeURIComponent }}"></a>{{data.methodInfo.summary}}
     </h2>
     <h3 class="method-endpoint">
       <span class="http-method" [ngClass]="data.httpMethod">{{data.httpMethod}}</span>
diff --git a/lib/components/Method/method.js b/lib/components/Method/method.js
index fdad9d66..5a8ea3c3 100644
--- a/lib/components/Method/method.js
+++ b/lib/components/Method/method.js
@@ -8,13 +8,15 @@ import ResponsesList from '../ResponsesList/responses-list';
 import ResponsesSamples from '../ResponsesSamples/responses-samples';
 import SchemaSample from '../SchemaSample/schema-sample';
 import RequestSamples from '../RequestSamples/request-samples';
+import {EncodeURIComponentPipe} from '../../utils/pipes';
 
 @RedocComponent({
   selector: 'method',
   templateUrl: './lib/components/Method/method.html',
   styleUrls: ['./lib/components/Method/method.css'],
   directives: [ParamsList, ResponsesList, ResponsesSamples, SchemaSample, RequestSamples],
-  inputs: ['tag']
+  inputs: ['tag'],
+  pipes: [EncodeURIComponentPipe]
 })
 export default class Method extends BaseComponent {
   constructor(schemaMgr) {
diff --git a/lib/components/MethodsList/methods-list.html b/lib/components/MethodsList/methods-list.html
index 10e0ccf6..86a00c90 100644
--- a/lib/components/MethodsList/methods-list.html
+++ b/lib/components/MethodsList/methods-list.html
@@ -1,7 +1,7 @@
 <div class="methods">
   <div class="tag" *ngFor="#tag of data.tags">
     <div class="tag-info" [attr.tag]="tag.name">
-      <h1 class="sharable-header"> <a class="share-link" href="#tag/{{tag.name}}"></a>{{tag.name}} </h1>
+      <h1 class="sharable-header"> <a class="share-link" href="#tag/{{tag.name | encodeURIComponent}}"></a>{{tag.name}} </h1>
       <p *ngIf="tag.description" innerHtml="{{ tag.description | marked }}"> </p>
     </div>
     <method *ngFor="#method of tag.methods" [pointer]="method.pointer" [attr.pointer]="method.pointer"
diff --git a/lib/components/MethodsList/methods-list.js b/lib/components/MethodsList/methods-list.js
index 4cf2d7c8..32998a4f 100644
--- a/lib/components/MethodsList/methods-list.js
+++ b/lib/components/MethodsList/methods-list.js
@@ -2,12 +2,14 @@
 
 import {RedocComponent, BaseComponent} from '../base';
 import Method from '../Method/method';
+import {EncodeURIComponentPipe} from '../../utils/pipes';
 
 @RedocComponent({
   selector: 'methods-list',
   templateUrl: './lib/components/MethodsList/methods-list.html',
   styleUrls: ['./lib/components/MethodsList/methods-list.css'],
-  directives: [Method]
+  directives: [Method],
+  pipes: [EncodeURIComponentPipe]
 })
 export default class MethodsList extends BaseComponent {
 
diff --git a/lib/components/SideMenu/side-menu.js b/lib/components/SideMenu/side-menu.js
index a3791bee..1637749b 100644
--- a/lib/components/SideMenu/side-menu.js
+++ b/lib/components/SideMenu/side-menu.js
@@ -62,7 +62,7 @@ export default class SideMenu extends BaseComponent {
     let $el;
     hash = hash.substr(1);
     let namespace = hash.split('/')[0];
-    let ptr = hash.substr(namespace.length + 1);
+    let ptr = decodeURIComponent(hash.substr(namespace.length + 1));
     if (namespace === 'operation') {
       $el = this.getMethodElByOperId(ptr);
     } else if (namespace === 'tag') {
diff --git a/lib/utils/pipes.js b/lib/utils/pipes.js
index 45f5af15..6d9a1ed6 100644
--- a/lib/utils/pipes.js
+++ b/lib/utils/pipes.js
@@ -118,3 +118,14 @@ export class PrismPipe {
     return Prism.highlight(value, grammar);
   }
 }
+
+@Pipe({ name: 'encodeURIComponent' })
+export class EncodeURIComponentPipe {
+  transform(value) {
+    if (isBlank(value)) return value;
+    if (!isString(value)) {
+      throw new InvalidPipeArgumentException(EncodeURIComponentPipe, value);
+    }
+    return encodeURIComponent(value);
+  }
+}