From 04bab185f6fb3ab6007b3f1ee0da02990b09c7dc Mon Sep 17 00:00:00 2001
From: Ludovic Fernandez <ldez@users.noreply.github.com>
Date: Mon, 30 Apr 2018 12:28:03 +0200
Subject: [PATCH] Add redirect section.

---
 .../providers/providers.component.html        | 53 +++++++++++++++----
 webui/src/styles/app.sass                     |  2 +-
 2 files changed, 44 insertions(+), 11 deletions(-)

diff --git a/webui/src/app/components/providers/providers.component.html b/webui/src/app/components/providers/providers.component.html
index ad1865e08..a5d9cb951 100644
--- a/webui/src/app/components/providers/providers.component.html
+++ b/webui/src/app/components/providers/providers.component.html
@@ -66,7 +66,7 @@
                             <td>Route Rule</td>
                           </tr>
                           <tr *ngFor="let route of p.routes; let ri = index;">
-                            <td><span class="has-text-grey" title="{{ route.title }}">{{ route.rule }}</span></td>
+                            <td><code class="has-text-grey" title="{{ route.title }}">{{ route.rule }}</code></td>
                           </tr>
                         </tbody>
                       </table>
@@ -78,15 +78,15 @@
                         <div class="column is-3">
                           <h2>Entry Points</h2>
                         </div>
-                      <div class="column is-9">
-                      <div class="field is-grouped is-grouped-multiline">
-                      <div class="control">
-                      <div class="tags">
-                      <span class="tag is-info" *ngFor="let ep of p.entryPoints; let ri = index;">{{ ep }}</span>
-                      </div>
-                      </div>
-                      </div>
-                      </div>
+                        <div class="column is-9">
+                          <div class="field is-grouped is-grouped-multiline">
+                            <div class="control">
+                              <div class="tags">
+                                <span class="tag is-info" *ngFor="let ep of p.entryPoints; let ri = index;">{{ ep }}</span>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
                       </div>
                     </div>
 
@@ -125,6 +125,39 @@
                       </div>
                     </div>
 
+                    <div *ngIf="p.redirect">
+                      <hr>
+                      <div class="columns">
+                        <div class="column is-3">
+                          <h2>Redirect</h2>
+                        </div>
+                        <div class="column is-9">
+                          <div class="field is-grouped is-grouped-multiline" *ngIf="p.redirect.entryPoint">
+                            <div class="control">
+                              <div class="tags has-addons">
+                                <span class="tag is-info">{{ p.redirect.permanent?"Permanent":"Temporary" }}</span>
+                                <span class="tag is-light">to</span>
+                                <span class="tag is-info">{{ p.redirect.entryPoint }}</span>
+                              </div>
+                            </div>
+                          </div>
+                            <div *ngIf="!p.redirect.entryPoint">
+                              <div class="padding-5-10">
+                                <span class="tag is-info">{{ p.redirect.permanent?"Permanent":"Temporary" }}</span>
+                              </div>
+                              <div class="padding-5-10">
+                                <span class="tag is-info">From</span>
+                              <code class="has-text-grey">{{ p.redirect.regex }}</code>
+                              </div>
+                              <div class="padding-5-10">
+                                <span class="tag is-info">To</span>
+                              <code class="has-text-grey">{{ p.redirect.replacement }}</code>
+                              </div>
+                            </div>
+                        </div>
+                      </div>
+                    </div>
+
                     <div *ngIf="p.basicAuth && p.basicAuth.length">
                       <hr/>
                       <h2>Basic Authentication</h2>
diff --git a/webui/src/styles/app.sass b/webui/src/styles/app.sass
index 5090ee868..afa222712 100644
--- a/webui/src/styles/app.sass
+++ b/webui/src/styles/app.sass
@@ -4,7 +4,7 @@
 @import 'colors'
 @import '../../node_modules/bulma/sass/utilities/all'
 @import '../../node_modules/bulma/sass/base/all'
-@import '../../node_modules/bulma/sass/grid/columns'
+@import '../../node_modules/bulma/sass/grid/all'
 @import '../../node_modules/bulma/sass/elements/container'
 @import '../../node_modules/bulma/sass/elements/tag'
 @import '../../node_modules/bulma/sass/elements/box'