From 58160ca8c06a66d037ba6ebdc0aa5f2e63c36bc5 Mon Sep 17 00:00:00 2001
From: Rik Schennink <rikschennink@gmail.com>
Date: Fri, 24 Nov 2017 08:32:18 +0100
Subject: [PATCH] Add browser version information

Extracts and separately renders browser version information.

`IE 11` will be transformed to `IE` and `11`, the version is matched from the right side using a regex `[0-9]+$` and the browser name is matched from the left side using `^[a-zA-Z ]+`

Removed some code duplication.
---
 themes/cupper/layouts/shortcodes/tested.html | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/themes/cupper/layouts/shortcodes/tested.html b/themes/cupper/layouts/shortcodes/tested.html
index 2dc9c70..02d0737 100644
--- a/themes/cupper/layouts/shortcodes/tested.html
+++ b/themes/cupper/layouts/shortcodes/tested.html
@@ -11,19 +11,16 @@
     </th>
     {{ range $tested }}
       <td>
+        {{ $browser := findRE "^[a-zA-Z ]+" . }}
+        {{ $browser := index $browser 0 }}
+        {{ $version := findRE "[0-9]+$" . }}
+        {{ $slug := replace $browser " " "-" | lower }}
+        <img src="{{ (printf "images/browser-%s" $slug) | absURL }}.svg" alt="">
+        <span><strong>{{ $browser }} {{ index $version 0 }}</strong></span>
         {{ if in . "+" }}
           {{ $parts := split . "+" }}
-          {{ $browser := index $parts 0 }}
           {{ $additional := index $parts 1 }}
-          {{ $slug := replace $browser " " "-" | lower }}
-          <img src="{{ (printf "images/browser-%s" $slug) | absURL }}.svg" alt="">
-          <span><strong>{{ $browser }}</strong></span>
           <span class="additional">with <strong>{{ $additional }}</strong></span>
-        {{ else }}
-          {{ $browser := . }}
-          {{ $slug := replace $browser " " "-" | lower }}
-          <img src="{{ (printf "images/browser-%s" $slug) | absURL }}.svg" alt="">
-          <span><strong>{{ $browser }}</strong></span>
         {{ end }}
       </td>
     {{ end }}