From 39a1926f77061281fdc6ea4be0f1a62ccd4a06e5 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Fri, 19 Jul 2019 14:39:39 +0300
Subject: [PATCH] Automate icons docs.

---
 site/content/docs/4.3/components/icons.md | 394 +---------------------
 site/layouts/shortcodes/svg.html          |   2 -
 2 files changed, 16 insertions(+), 380 deletions(-)
 delete mode 100644 site/layouts/shortcodes/svg.html

diff --git a/site/content/docs/4.3/components/icons.md b/site/content/docs/4.3/components/icons.md
index e82e878e306c..e6c6c0b7fa03 100644
--- a/site/content/docs/4.3/components/icons.md
+++ b/site/content/docs/4.3/components/icons.md
@@ -19,384 +19,22 @@ Meet the Bootstrap icons, a limited set of icons designed first and foremost to
     </tr>
   </thead>
   <tbody>
-    <tr>
-      <td>Bootstrap</td>
-      <td>
-        {{< svg "/docs/4.3/icons/bootstrap-solid.svg" >}}
-      </td>
-      <td>
-        <code>.bi-bootstrap-solid</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Bootstrap</td>
-      <td>
-        {{< svg "/docs/4.3/icons/bootstrap-outline.svg" >}}
-      </td>
-      <td>
-        <code>.bi-bootstrap-outline</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Reboot</td>
-      <td>
-        {{< svg "/docs/4.3/icons/reboot.svg" >}}
-      </td>
-      <td>
-        <code>.bi-reboot</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Arrow left</td>
-      <td>
-        {{< svg "/docs/4.3/icons/arrow-left.svg" >}}
-      </td>
-      <td>
-        <code>.bi-arrow-left</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Arrow right</td>
-      <td>
-        {{< svg "/docs/4.3/icons/arrow-right.svg" >}}
-      </td>
-      <td>
-        <code>.bi-arrow-right</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Arrow up</td>
-      <td>
-        {{< svg "/docs/4.3/icons/arrow-up.svg" >}}
-      </td>
-      <td>
-        <code>.bi-arrow-up</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Arrow down</td>
-      <td>
-        {{< svg "/docs/4.3/icons/arrow-down.svg" >}}
-      </td>
-      <td>
-        <code>.bi-arrow-down</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Resize</td>
-      <td>
-        {{< svg "/docs/4.3/icons/resize.svg" >}}
-      </td>
-      <td>
-        <code>.bi-resize</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Check</td>
-      <td>
-        {{< svg "/docs/4.3/icons/check.svg" >}}
-      </td>
-      <td>
-        <code>.bi-check</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Chevron left</td>
-      <td>
-        {{< svg "/docs/4.3/icons/chevron-left.svg" >}}
-      </td>
-      <td>
-        <code>.bi-chevron-left</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Chevron right</td>
-      <td>
-        {{< svg "/docs/4.3/icons/chevron-right.svg" >}}
-      </td>
-      <td>
-        <code>.bi-chevron-right</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Chevron up</td>
-      <td>
-        {{< svg "/docs/4.3/icons/chevron-up.svg" >}}
-      </td>
-      <td>
-        <code>.bi-chevron-up</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Chevron down</td>
-      <td>
-        {{< svg "/docs/4.3/icons/chevron-down.svg" >}}
-      </td>
-      <td>
-        <code>.bi-chevron-down</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Chevron condensed left</td>
-      <td>
-        {{< svg "/docs/4.3/icons/chevron-condensed-left.svg" >}}
-      </td>
-      <td>
-        <code>.bi-chevron-condensed-left</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Chevron condensed right</td>
-      <td>
-        {{< svg "/docs/4.3/icons/chevron-condensed-right.svg" >}}
-      </td>
-      <td>
-        <code>.bi-chevron-condensed-right</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Circle</td>
-      <td>
-        {{< svg "/docs/4.3/icons/circle.svg" >}}
-      </td>
-      <td>
-        <code>.bi-circle</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Dash</td>
-      <td>
-        {{< svg "/docs/4.3/icons/dash.svg" >}}
-      </td>
-      <td>
-        <code>.bi-dash</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Plus</td>
-      <td>
-        {{< svg "/docs/4.3/icons/plus.svg" >}}
-      </td>
-      <td>
-        <code>.bi-plus</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Dot</td>
-      <td>
-        {{< svg "/docs/4.3/icons/dot.svg" >}}
-      </td>
-      <td>
-        <code>.bi-dot</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Code</td>
-      <td>
-        {{< svg "/docs/4.3/icons/code.svg" >}}
-      </td>
-      <td>
-        <code>.bi-code</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Display</td>
-      <td>
-        {{< svg "/docs/4.3/icons/display.svg" >}}
-      </td>
-      <td>
-        <code>.bi-display</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Heart filled</td>
-      <td>
-        {{< svg "/docs/4.3/icons/heart-filled.svg" >}}
-      </td>
-      <td>
-        <code>.bi-heart-filled</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Heart outline</td>
-      <td>
-        {{< svg "/docs/4.3/icons/heart-outline.svg" >}}
-      </td>
-      <td>
-        <code>.bi-heart-filled</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Image</td>
-      <td>
-        {{< svg "/docs/4.3/icons/image.svg" >}}
-      </td>
-      <td>
-        <code>.bi-image</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Text left</td>
-      <td>
-        {{< svg "/docs/4.3/icons/text-left.svg" >}}
-      </td>
-      <td>
-        <code>.bi-text-left</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Text center</td>
-      <td>
-        {{< svg "/docs/4.3/icons/text-center.svg" >}}
-      </td>
-      <td>
-        <code>.bi-text-center</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Text right</td>
-      <td>
-        {{< svg "/docs/4.3/icons/text-right.svg" >}}
-      </td>
-      <td>
-        <code>.bi-text-right</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Justify left</td>
-      <td>
-        {{< svg "/docs/4.3/icons/justify-left.svg" >}}
-      </td>
-      <td>
-        <code>.bi-justify-left</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Justify</td>
-      <td>
-        {{< svg "/docs/4.3/icons/justify.svg" >}}
-      </td>
-      <td>
-        <code>.bi-justify</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Justify right</td>
-      <td>
-        {{< svg "/docs/4.3/icons/justify-right.svg" >}}
-      </td>
-      <td>
-        <code>.bi-justify-right</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Ellipsis</td>
-      <td>
-        {{< svg "/docs/4.3/icons/ellipsis.svg" >}}
-      </td>
-      <td>
-        <code>.bi-ellipsis</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Typography</td>
-      <td>
-        {{< svg "/docs/4.3/icons/type.svg" >}}
-      </td>
-      <td>
-        <code>.bi-type</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Bold</td>
-      <td>
-        {{< svg "/docs/4.3/icons/bold.svg" >}}
-      </td>
-      <td>
-        <code>.bi-bold</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Italic</td>
-      <td>
-        {{< svg "/docs/4.3/icons/italic.svg" >}}
-      </td>
-      <td>
-        <code>.bi-italic</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Underline</td>
-      <td>
-        {{< svg "/docs/4.3/icons/underline.svg" >}}
-      </td>
-      <td>
-        <code>.bi-underline</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Person</td>
-      <td>
-        {{< svg "/docs/4.3/icons/person.svg" >}}
-      </td>
-      <td>
-        <code>.bi-person</code>
-      </td>
-    </tr>
-    <tr>
-      <td>People</td>
-      <td>
-        {{< svg "/docs/4.3/icons/people.svg" >}}
-      </td>
-      <td>
-        <code>.bi-people</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Star filled</td>
-      <td>
-        {{< svg "/docs/4.3/icons/star-filled.svg" >}}
-      </td>
-      <td>
-        <code>.bi-star-filled</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Star outline</td>
-      <td>
-        {{< svg "/docs/4.3/icons/star-outline.svg" >}}
-      </td>
-      <td>
-        <code>.bi-star-outline</code>
-      </td>
-    </tr>
-    <tr>
-      <td>Search</td>
-      <td>
-        <svg class="bi bi-search" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="2"><path d="M11 11l4 4" stroke-linecap="round" stroke-linejoin="round"/><circle cx="6.5" cy="6.5" r="5.5"/></g></svg>
-      </td>
-      <td>
-        <code>.bi-search</code>
-      </td>
-    </tr>
-      <tr>
-        <td>Warning</td>
-        <td>
-        {{< svg "/docs/4.3/icons/warning.svg" >}}
-        </td>
-        <td>
-          <code>.bi-warning</code>
-        </td>
-      </tr>
-    <tr>
-      <td>X</td>
-      <td>
-        {{< svg "/docs/4.3/icons/x.svg" >}}
-      </td>
-      <td>
-        <code>.bi-x</code>
-      </td>
-    </tr>
+    {{< listIcons.inline >}}
+    {{- $dirName := printf "site/content/docs/%s/icons/" .Site.Params.docs_version -}}
+
+    {{- range (readDir $dirName) -}}
+      {{- $filenameWithExt := split .Name "." -}}
+      {{- $filename := index $filenameWithExt 0 -}}
+      {{- $name := humanize $filename -}}
+        <tr>
+          <td>{{ $name }}</td>
+          <td>{{ readFile (printf "%s%s" $dirName .Name) }}</td>
+          <td>
+            <code>.bi-{{ $filename }}</code>
+          </td>
+        </tr>
+    {{ end -}}
+    {{< /listIcons.inline >}}
   </tbody>
 </table>
 
diff --git a/site/layouts/shortcodes/svg.html b/site/layouts/shortcodes/svg.html
deleted file mode 100644
index df864517cfa8..000000000000
--- a/site/layouts/shortcodes/svg.html
+++ /dev/null
@@ -1,2 +0,0 @@
-{{ $file := (.Get 0) | readFile }}
-{{ print $file | safeHTML }}