From 77eeb53a489db44660298ed51bb782b0e8a50180 Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Tue, 1 Nov 2016 17:21:32 +0200
Subject: [PATCH] Render pattern property (#42)

---
 lib/components/JsonSchema/_json-schema-common.scss | 14 ++++++++++++++
 lib/components/JsonSchema/json-schema.html         |  4 +++-
 lib/components/ParamsList/params-list.html         |  7 +++++--
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/lib/components/JsonSchema/_json-schema-common.scss b/lib/components/JsonSchema/_json-schema-common.scss
index da8abf4156..bc4d44d32b 100644
--- a/lib/components/JsonSchema/_json-schema-common.scss
+++ b/lib/components/JsonSchema/_json-schema-common.scss
@@ -193,6 +193,20 @@ $sub-schema-offset: ($bullet-size / 2) + $bullet-margin;
   }
 }
 
+.param-pattern {
+  color: $nullable-color;
+  white-space: nowrap;
+
+  &::before,
+  &::after {
+    content: '/';
+    margin: 0 3px;
+    font-size: 1.2em;
+    font-weight: bold;
+    vertical-align: bottom;
+  }
+}
+
 .param-default {
   font-size: 0.95em;
 
diff --git a/lib/components/JsonSchema/json-schema.html b/lib/components/JsonSchema/json-schema.html
index 495f2d7f7f..295f2d1a88 100644
--- a/lib/components/JsonSchema/json-schema.html
+++ b/lib/components/JsonSchema/json-schema.html
@@ -23,8 +23,9 @@
       </span>
       <span *ngIf="schema['x-nullable']" class="param-nullable">Nullable</span>
       <div *ngIf="schema.enum" class="param-enum">
-        <span *ngFor="let enumItem of schema.enum" class="enum-value {{enumItem.type}}"> {{enumItem.val | json}} </span>
+        <span *ngFor="let enumItem of schema.enum" class="param-enum-value {{enumItem.type}}"> {{enumItem.val | json}} </span>
       </div>
+      <span *ngIf="schema.pattern" class="param-pattern">{{schema.pattern}}</span>
     </span>
   </template>
   <template ngSwitchCase="tuple">
@@ -78,6 +79,7 @@
               <div *ngIf="prop.enum && !prop.isDiscriminator" class="param-enum">
                 <span *ngFor="let enumItem of prop.enum" class="param-enum-value {{enumItem.type}}"> {{enumItem.val | json}} </span>
               </div>
+              <span *ngIf="prop.pattern" class="param-pattern">{{prop.pattern}}</span>
             </div>
             <div class="param-description" [innerHtml]="prop.description | marked"></div>
             <div class="discriminator-info" *ngIf="prop.isDiscriminator">
diff --git a/lib/components/ParamsList/params-list.html b/lib/components/ParamsList/params-list.html
index c717ad15cc..5f6b1a6e12 100644
--- a/lib/components/ParamsList/params-list.html
+++ b/lib/components/ParamsList/params-list.html
@@ -16,10 +16,13 @@ <h5 class="param-list-header" *ngIf="params.length"> Parameters </h5>
             title="{{param._displayTypeHint}}"> {{param._displayType}} {{param._displayFormat}}</span>
             <span class="param-range" *ngIf="param._range"> {{param._range}} </span>
             <span *ngIf="param.required" class="param-required">Required</span>
-            <div class="param-default" *ngIf="param.default != null">{{param.default | json}}</div>
+            <div class="param-default" *ngIf="param.default != null">
+              <span class="param-default-value">{{param.default | json}}</span>
+            </div>
             <div *ngIf="param.enum" class="param-enum">
-              <span *ngFor="let enumItem of param.enum" class="enum-value {{enumItem.type}}"> {{enumItem.val | json}} </span>
+              <span *ngFor="let enumItem of param.enum" class="param-enum-value {{enumItem.type}}"> {{enumItem.val | json}} </span>
             </div>
+            <span *ngIf="param.pattern" class="param-pattern">{{param.pattern}}</span>
           </div>
           <div class="param-description" [innerHtml]="param.description | marked"></div>
         </div>