hotfix: remove telegraf external plugin list, add external info links

assets/styles/layouts/_article.scss

@@ -78,6 +78,13 @@
     &:hover {
       color: $article-link-hover;
     }
+    &.help-link {
+      display: inline-block;
+      width: 1rem;
+      height: 1rem;
+      border-radius: 50%;
+      background: $article-bg;
+    }
   }
 
   strong {

assets/styles/layouts/article/_telegraf-plugins.scss

@@ -36,14 +36,40 @@
         color: $article-code-accent7;
       }
     }
-    &.external {
-      margin: 0 0 0 -.25rem;
-      display: inline-block;
-      padding: .1rem .75rem;
-      background-color: rgba($article-text, .1);
-      border-radius: 1rem;
-      font-size: .9rem;
-      font-weight: $medium;
+  }
+
+  a.external {
+    position: relative;
+    margin: 0 0 0 -.25rem;
+    display: inline-block;
+    padding: .4rem .85rem;
+    background-color: rgba($article-text, .1);
+    border-radius: 1rem;
+    font-size: .9rem;
+    font-weight: $medium;
+    color: $article-text;
+
+    &:after {
+      content: "?";
+      position: absolute;
+      display: block;
+      top: -3px;
+      right: -3px;
+      padding: 0.1rem 0.3rem .04rem;
+      color: $g20-white;
+      @include gradient($article-btn-gradient);
+      border-radius: 50%;
+      font-weight: bold;
+      line-height: .8rem;
+      font-size: .7rem;
+      box-shadow: 1px 1px 4px $sidebar-search-shadow;
+      opacity: 0;
+      transition: opacity .2s;
+    }
+
+    &:hover {
+      color: $article-text;
+      &:after {opacity: 1;}
     }
   }
 

assets/styles/product-overrides/telegraf.scss

@@ -85,6 +85,7 @@
 
   .plugin-card {
     .github-link { @include gradient($telegraf-btn-gradient); }
+    a.external:after { @include gradient($telegraf-btn-gradient); }
     &:hover .github-link { @include gradient($telegraf-btn-gradient); }
   }
 

content/telegraf/v1.19/plugins.md

@@ -32,7 +32,6 @@ It supports four categories of plugins including input, output, aggregator, proc
 - [Output plugins](#output-plugins)
 - [Aggregator plugins](#aggregator-plugins)
 - [Processor plugins](#processor-plugins)
-- [External plugins](#external-plugins)
 
 ## Input plugins
 Telegraf input plugins are used with the InfluxData time series platform to collect
@@ -54,8 +53,3 @@ Telegraf aggregator plugins create aggregate metrics (for example, mean, min, ma
 Telegraf output plugins transform, decorate, and filter metrics.
 
 {{< telegraf/plugins type="processor" >}}
-
-## External plugins
-External plugins are external programs that are built outside of Telegraf that can run through an `execd` plugin.
-
-{{< telegraf/plugins type="external" >}}

content/telegraf/v1.20/plugins.md

@@ -42,7 +42,6 @@ It supports four categories of plugins including input, output, aggregator, proc
 - [Output plugins](#output-plugins)
 - [Aggregator plugins](#aggregator-plugins)
 - [Processor plugins](#processor-plugins)
-- [External plugins](#external-plugins)
 
 ## Input plugins
 Telegraf input plugins are used with the InfluxData time series platform to collect
@@ -64,8 +63,3 @@ Telegraf aggregator plugins create aggregate metrics (for example, mean, min, ma
 Telegraf output plugins transform, decorate, and filter metrics.
 
 {{< telegraf/plugins type="processor" >}}
-
-## External plugins
-External plugins are external programs that are built outside of Telegraf that can run through an `execd` plugin.
-
-{{< telegraf/plugins type="external" >}}

content/telegraf/v1.21/plugins.md

@@ -48,7 +48,6 @@ It supports four categories of plugins including input, output, aggregator, proc
 - [Output plugins](#output-plugins)
 - [Aggregator plugins](#aggregator-plugins)
 - [Processor plugins](#processor-plugins)
-- [External plugins](#external-plugins)
 
 ## Input plugins
 Telegraf input plugins are used with the InfluxData time series platform to collect
@@ -70,8 +69,3 @@ Telegraf aggregator plugins create aggregate metrics (for example, mean, min, ma
 Telegraf output plugins transform, decorate, and filter metrics.
 
 {{< telegraf/plugins type="processor" >}}
-
-## External plugins
-External plugins are external programs that are built outside of Telegraf that can run through an `execd` plugin.
-
-{{< telegraf/plugins type="external" >}}

content/telegraf/v1.22/plugins.md

@@ -53,7 +53,6 @@ It supports four categories of plugins including input, output, aggregator, proc
 - [Output plugins](#output-plugins)
 - [Aggregator plugins](#aggregator-plugins)
 - [Processor plugins](#processor-plugins)
-- [External plugins](#external-plugins)
 
 ## Input plugins
 Telegraf input plugins are used with the InfluxData time series platform to collect
@@ -75,8 +74,3 @@ Telegraf aggregator plugins create aggregate metrics (for example, mean, min, ma
 Telegraf output plugins transform, decorate, and filter metrics.
 
 {{< telegraf/plugins type="processor" >}}
-
-## External plugins
-External plugins are external programs that are built outside of Telegraf that can run through an `execd` plugin.
-
-{{< telegraf/plugins type="external" >}}

layouts/shortcodes/telegraf/plugins.html

@@ -3,6 +3,15 @@
 {{ $pathData := findRE "[^/]+.*?" .Page.RelPermalink }}
 {{ $currentTelegrafVersion := replaceRE `v` "" (index $pathData 1) }}
 
+{{ $scratch.Set "externalPluginLink" "" }}
+{{ if and (gt (float $currentTelegrafVersion) 1.18) (le (float $currentTelegrafVersion) 1.21) }}
+  {{ $scratch.Set "externalPluginLink" (print "/telegraf/" (index $pathData 1) "/external_plugins/" )}}
+{{ else if (ge (float $currentTelegrafVersion) 1.22) }}
+  {{ $scratch.Set "externalPluginLink" (print "/telegraf/" (index $pathData 1) "/configure_plugins/external_plugins/" )}}
+{{ end }}
+
+{{ $externalPluginLink := $scratch.Get "externalPluginLink" }}
+
 {{ range (index .Site.Data.telegraf_plugins $type ) }}
   {{ $pluginTags := delimit .tags " " }}
   {{ $minorVer := replaceRE `\.[^.]*$` "" .introduced }}
@@ -14,7 +23,11 @@
     <div class="plugin-card filter-item visible{{ if eq $minorVer $currentTelegrafVersion }} new{{ end }}" id="{{ .id }}" data-tags="{{ $type }} {{ lower $pluginTags }} {{ if eq $minorVer $currentTelegrafVersion }}new{{ end }} {{ if .deprecated }}deprecated{{ end }} ">
       <div class="info">
         <h3 id="{{ $type }}-{{ .id }}">{{ .name }}</h3>
-        {{ if in .tags "external"}}<p class="external">External</p>{{ end }}
+        {{ if in .tags "external"}}
+          <a class="external" href="{{ $externalPluginLink }}">External
+            
+          </a>
+        {{ end }}
         <p class="meta">
           Plugin ID: <code>{{ $type }}s.{{ .id }}</code><br/>
           Telegraf {{ if not .deprecated }}{{ .introduced }}+{{ else }}{{ .introduced }} - {{ .deprecated }} <span class="deprecated">Deprecated</span>{{ end }}