From c3a1aaf77a8df68714d4ca78d42e6db156b3d30a Mon Sep 17 00:00:00 2001
From: Christian Schierle <csc@scireum.de>
Date: Mon, 13 Feb 2023 08:57:01 +0100
Subject: [PATCH] Replaces icon with service type and format tag

---
 .../default/templates/system/api.html.pasta   | 27 +++++--------------
 .../system/service-format-tag.html.pasta      | 16 +++++++++++
 2 files changed, 23 insertions(+), 20 deletions(-)
 create mode 100644 src/main/resources/default/templates/system/service-format-tag.html.pasta

diff --git a/src/main/resources/default/templates/system/api.html.pasta b/src/main/resources/default/templates/system/api.html.pasta
index 187a50878..0f80ae74f 100644
--- a/src/main/resources/default/templates/system/api.html.pasta
+++ b/src/main/resources/default/templates/system/api.html.pasta
@@ -25,8 +25,9 @@
         <i:block name="sidebar">
             <t:navbox labelKey="template.html.tableOfContent.heading">
                 <i:for type="sirius.web.services.PublicServiceInfo" var="service" items="api.getServices()">
-                    <t:navboxLink url="@apply('#%s', service.getUri())"
-                                  icon="fa fa-file-alt">
+                    <t:navboxLink url="@apply('#%s', service.getUri())">
+                        <i:invoke template="/templates/system/service-format-tag.html.pasta"
+                                  service="@service"/>
                         @service.getLabel()
                     </t:navboxLink>
                 </i:for>
@@ -64,25 +65,11 @@
                         </p>
                     </i:if>
 
-                    <div>
-                        <div class="p-2" style="border-radius: 4px; background-color: #EEEEEE">
-                            <t:fullTag color="@service.determineHttpMethodColor(service.getHttpMethod())"
-                                       class="align-text-top">
-                                @service.getHttpMethod().name()
-                            </t:fullTag>
+                    <div class="p-2" style="border-radius: 4px; background-color: #EEEEEE">
+                        <i:invoke template="/templates/system/service-format-tag.html.pasta"
+                                  service="@service"/>
 
-                            <i:if test="service.getFormat() == sirius.web.services.Format.JSON">
-                                <t:fullTag color="blue-light" class="align-text-top">JSON</t:fullTag>
-                            </i:if>
-                            <i:if test="service.getFormat() == sirius.web.services.Format.XML">
-                                <t:fullTag color="green-light" class="align-text-top">XML</t:fullTag>
-                            </i:if>
-                            <i:if test="service.getFormat() == sirius.web.services.Format.RAW">
-                                <t:fullTag color="violet-light" class="align-text-top">RAW</t:fullTag>
-                            </i:if>
-
-                            <span class="text-monospace whitespace-pre-wrap">@service.getUri()</span>
-                        </div>
+                        <span class="text-monospace whitespace-pre-wrap">@service.getUri()</span>
                     </div>
 
                     <i:if test="!service.getParameters().isEmpty()">
diff --git a/src/main/resources/default/templates/system/service-format-tag.html.pasta b/src/main/resources/default/templates/system/service-format-tag.html.pasta
new file mode 100644
index 000000000..e7c645244
--- /dev/null
+++ b/src/main/resources/default/templates/system/service-format-tag.html.pasta
@@ -0,0 +1,16 @@
+<i:arg type="sirius.web.services.PublicServiceInfo" name="service"/>
+
+<t:fullTag color="@service.determineHttpMethodColor(service.getHttpMethod())"
+           class="align-text-top">
+    @service.getHttpMethod().name()
+</t:fullTag>
+
+<i:if test="service.getFormat() == sirius.web.services.Format.JSON">
+    <t:fullTag color="blue-light" class="align-text-top">JSON</t:fullTag>
+</i:if>
+<i:if test="service.getFormat() == sirius.web.services.Format.XML">
+    <t:fullTag color="green-light" class="align-text-top">XML</t:fullTag>
+</i:if>
+<i:if test="service.getFormat() == sirius.web.services.Format.RAW">
+    <t:fullTag color="violet-light" class="align-text-top">RAW</t:fullTag>
+</i:if>