From 7783d8dc17461cea0e523877afcf9832aded5e57 Mon Sep 17 00:00:00 2001
From: Roman Gotsiy <gotsijroman@gmail.com>
Date: Fri, 30 Oct 2015 11:43:51 +0200
Subject: [PATCH] Add tag list to method

---
 lib/components/Method/method.css             | 14 ++++++++++++++
 lib/components/Method/method.html            |  3 +++
 lib/components/MethodsList/methods-list.html |  1 +
 3 files changed, 18 insertions(+)

diff --git a/lib/components/Method/method.css b/lib/components/Method/method.css
index 81572c33..87016e93 100644
--- a/lib/components/Method/method.css
+++ b/lib/components/Method/method.css
@@ -18,6 +18,20 @@ h3 > span {
   vertical-align: middle;
 }
 
+.method-tags {
+  margin-top: 10px;
+  color: #666;
+  font-weight: bold;
+}
+
+.method-tags a {
+  color: #666;
+  font-weight: bold;
+  display: inline-block;
+  padding: 0 5px;
+  font-style: italic;
+}
+
 .content, .samples {
   display: block;
   box-sizing: border-box;
diff --git a/lib/components/Method/method.html b/lib/components/Method/method.html
index 3619cc29..6d3a4e3c 100644
--- a/lib/components/Method/method.html
+++ b/lib/components/Method/method.html
@@ -5,6 +5,9 @@
       <span class="http-method" [ng-class]="data.method">{{data.method}}</span>
       <span class="path">{{data.path}}</span>
     </h3>
+    <div class="method-tags"> Tags:
+      <a *ng-for="#tag of data.methodInfo.tags" attr.href="#{{tag}}"> {{tag}} </a>
+    </div>
     <p *ng-if="data.methodInfo.description" class="method-description"
       inner-html="{{data.methodInfo.description | marked}}">
     </p>
diff --git a/lib/components/MethodsList/methods-list.html b/lib/components/MethodsList/methods-list.html
index e51bccdf..5e610f26 100644
--- a/lib/components/MethodsList/methods-list.html
+++ b/lib/components/MethodsList/methods-list.html
@@ -1,6 +1,7 @@
 <div class="methods">
   <div class="tag" *ng-for="#tag of data.tags">
     <div class="tag-info" [attr.tag]="tag.name">
+      <a [attr.name]="tag.name"></a>
       <h1> {{tag.name}} </h1>
       <p *ng-if="tag.description" inner-html="{{ tag.description | marked }}"> </p>
     </div>