Merge branch 'master' into 6021-add-schedule-plugin-test-docs

Author: MeelahMe

.gitignore

@@ -15,6 +15,7 @@ node_modules
 !telegraf-build/templates
 !telegraf-build/scripts
 !telegraf-build/README.md
+/cypress/downloads
 /cypress/screenshots/*
 /cypress/videos/*
 test-results.xml

assets/js/release-toc.js

@@ -5,22 +5,22 @@
   * release notes pages.
 */
 
-// Use jQuery filter to get an array of all the *release* h2 elements
-const releases = $('h2').filter(
-  (_i, el) => !el.id.match(/checkpoint-releases/)
+// Get all h2 elements that are not checkpoint-releases
+const releases = Array.from(document.querySelectorAll('h2')).filter(
+  el => !el.id.match(/checkpoint-releases/)
 );
 
 // Extract data about each release from the array of releases
-releaseData = releases.map((_i, el) => ({
+const releaseData = releases.map(el => ({
   name: el.textContent,
   id: el.id,
   class: el.getAttribute('class'),
   date: el.getAttribute('date')
 }));
 
 // Use release data to generate a list item for each release
-getReleaseItem = (releaseData) => {
-  var li = document.createElement("li");
+function getReleaseItem(releaseData) {
+  const li = document.createElement("li");
   if (releaseData.class !== null) {
     li.className = releaseData.class;
   }
@@ -29,30 +29,41 @@ getReleaseItem = (releaseData) => {
   return li;
 }
 
-// Use jQuery each to build the release table of contents
-releaseData.each((_i, release) => {
-  $('#release-toc ul')[0].appendChild(getReleaseItem(release));
+// Build the release table of contents
+const releaseTocUl = document.querySelector('#release-toc ul');
+releaseData.forEach(release => {
+  releaseTocUl.appendChild(getReleaseItem(release));
 });
 
 /*
   * This script is used to expand the release notes table of contents by the
   * number specified in the `show` attribute of `ul.release-list`.
   * Once all the release items are visible, the "Show More" button is hidden.
 */
-$('#release-toc .show-more').click(function () {
-  const itemHeight = 1.885; // Item height in rem
-  const releaseNum = releaseData.length;
-  const maxHeight = releaseNum * itemHeight;
-  const releaseIncrement = Number($('#release-list')[0].getAttribute('show'));
-  const currentHeight = Number(
-    $('#release-list')[0].style.height.match(/\d+\.?\d+/)[0]
-  );
-  const potentialHeight = currentHeight + releaseIncrement * itemHeight;
-  const newHeight = potentialHeight > maxHeight ? maxHeight : potentialHeight;
-
-  $('#release-list')[0].style.height = `${newHeight}rem`;
-
-  if (newHeight >= maxHeight) {
-    $('#release-toc .show-more').fadeOut(100);
-  }
-});
+const showMoreBtn = document.querySelector('#release-toc .show-more');
+if (showMoreBtn) {
+  showMoreBtn.addEventListener('click', function () {
+    const itemHeight = 1.885; // Item height in rem
+    const releaseNum = releaseData.length;
+    const maxHeight = releaseNum * itemHeight;
+    const releaseList = document.getElementById('release-list');
+    const releaseIncrement = Number(releaseList.getAttribute('show'));
+    const currentHeightMatch = releaseList.style.height.match(/\d+\.?\d+/);
+    const currentHeight = currentHeightMatch
+      ? Number(currentHeightMatch[0])
+      : 0;
+    const potentialHeight = currentHeight + releaseIncrement * itemHeight;
+    const newHeight = potentialHeight > maxHeight ? maxHeight : potentialHeight;
+
+    releaseList.style.height = `${newHeight}rem`;
+
+    if (newHeight >= maxHeight) {
+      // Simple fade out
+      showMoreBtn.style.transition = 'opacity 0.1s';
+      showMoreBtn.style.opacity = 0;
+      setTimeout(() => {
+        showMoreBtn.style.display = 'none';
+      }, 100);
+    }
+  });
+}

assets/styles/layouts/_homepage.scss

@@ -105,7 +105,7 @@
     .product {
       padding: 0 1rem;
       display: flex;
-      flex: 1 1 50%;
+      flex: 1 1 33%;
       flex-direction: column;
       justify-content: space-between;
       max-width: 33%;
@@ -118,11 +118,10 @@
           line-height: 1.5rem;
           color: rgba($article-text, .7);
         }
-      }
 
-      &.new {
-        .product-info h3::after {
-          content: "New";
+        h3[state] {
+          &::after {
+          content: attr(state);
           margin-left: .5rem;
           font-size: 1rem;
           padding: .25em .5em .25em .4em;
@@ -132,6 +131,8 @@
           font-style: italic;
           vertical-align: middle;
         }
+
+        }
       }
 
       ul.product-links {
@@ -227,13 +228,38 @@
       background: $article-bg;
     }
 
+    .categories {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      // margin: 0 -1rem;
+      width: calc(100% + 2rem);
+
+      .category {
+        &.full-width {
+          width: 100%;
+        }
+        &.two-thirds {
+          width: 66.66%;
+          .product { max-width: 50%; }
+        }
+        &.one-third {
+          width: 33.33%;
+          .product {
+            max-width: 100%;
+          }
+        }
+      }
+    }
+
     .category-head{
       margin: 1rem 0 2rem;
       &::after {
         content: "";
         display: block;
         border-top: 1px solid $article-hr;
         margin-top: -1.15rem;
+        width: calc(100% - 2rem);
       }
     }
   }
@@ -441,6 +467,16 @@
           ul {margin-bottom: 0;}
         }
       }
+      .categories .category {
+        &.two-thirds {
+          width: 100%;
+          .product { max-width: 100%; }
+        }
+        &.one-third {
+          width: 100%;
+          .product { max-width: 100%; }
+        }
+      }
     }
     #telegraf {
       flex-direction: column;

assets/styles/layouts/article/_blocks.scss

@@ -96,4 +96,5 @@ blockquote {
   "blocks/tip",
   "blocks/important",
   "blocks/warning",
-  "blocks/caution";
+  "blocks/caution",
+  "blocks/beta";

assets/styles/layouts/article/blocks/_beta.scss

@@ -0,0 +1,105 @@
+.block.beta {
+  @include gradient($grad-burningDusk);
+  padding: 4px;
+  border: none;
+  border-radius: 25px !important;
+
+  .beta-content {
+    background: $article-bg;
+    border-radius: 21px;
+    padding: calc(1.65rem - 4px) calc(2rem - 4px) calc(.1rem + 4px) calc(2rem - 4px);
+
+    h4 { 
+      color: $article-heading;
+    }
+
+    p {margin-bottom: 1rem;}
+
+    .expand-wrapper {
+      border: none;
+      margin: .5rem 0 1.5rem;
+    }
+    .expand {
+      border: none;
+      padding: 0;
+
+      .expand-content p {
+        margin-left: 2rem;
+      }
+
+      ul {
+
+        margin-top: -1rem;
+
+        &.feedback-channels {
+
+          padding: 0;
+          margin: -1rem 0 1.5rem 2rem;
+          list-style: none;
+
+          a {
+            color: $article-heading;
+            font-weight: $medium;
+            position: relative;
+
+            &.discord:before {
+              content: url('/svgs/discord.svg');
+              display: inline-block;
+              height: 1.1rem;
+              width: 1.25rem;
+              vertical-align: top;
+              margin: 2px .65rem 0 0;
+            }
+
+            &.community:before {
+              content: "\e900";
+              color: $article-heading;
+              margin: 0 .65rem 0 0;
+              font-size: 1.2rem;
+              font-family: 'icomoon-v2';
+              vertical-align: middle;
+            }
+
+            &.slack:before {
+              content: url('/svgs/slack.svg');
+              display: inline-block;
+              height: 1.1rem;
+              width: 1.1rem;
+              vertical-align: text-top;
+              margin-right: .65rem;
+            }
+
+            &.reddit:before {
+              content: url('/svgs/reddit.svg');
+              display: inline-block;
+              height: 1.1rem;
+              width: 1.2rem;
+              vertical-align: top;
+              margin: 2px .65rem 0 0;
+            }
+
+            &::after {
+              content: "\e90a";
+              font-family: 'icomoon-v4';
+              font-weight: bold;
+              font-size: 1.3rem;
+              display: inline-block;
+              position: absolute;
+              @include gradient($grad-burningDusk);
+              background-clip: text;
+              -webkit-text-fill-color: transparent;
+              right: 0;
+              transform: translateX(.25rem);
+              opacity: 0;
+              transition: transform .2s, opacity .2s;
+            }
+
+            &:hover {
+              &::after {transform: translateX(1.5rem); opacity: 1;}
+            }
+          } 
+        }       
+      }
+    }
+  }
+}

content/enterprise_influxdb/v1/concepts/schema_and_data_layout.md

@@ -22,7 +22,7 @@ We recommend the following design guidelines for most use cases:
 
 Your queries should guide what data you store in [tags](/enterprise_influxdb/v1/concepts/glossary/#tag) and what you store in [fields](/enterprise_influxdb/v1/concepts/glossary/#field) :
 
-- Store commonly queried and grouping ([`group()`](/flux/v0.x/stdlib/universe/group) or [`GROUP BY`](/enterprise_influxdb/v1/query_language/explore-data/#group-by-tags)) metadata in tags.
+- Store commonly queried and grouping ([`group()`](/flux/v0/stdlib/universe/group) or [`GROUP BY`](/enterprise_influxdb/v1/query_language/explore-data/#group-by-tags)) metadata in tags.
 - Store data in fields if each data point contains a different value.
 - Store numeric values as fields ([tag values](/enterprise_influxdb/v1/concepts/glossary/#tag-value) only support string values).
 

content/flux/v0/release-notes.md

@@ -433,7 +433,7 @@ representative of the Flux SPEC.
   details.
 - Add tagging support to Flux tests.
 - Add new function [`experimental.catch()`](/flux/v0/stdlib/experimental/catch/).
-- Add new function [`testing.shouldError()`](/flux/v0.x/stdlib/testing/shoulderror/).
+- Add new function [`testing.shouldError()`](/flux/v0/stdlib/testing/shoulderror/).
 
 ### Bug fixes
 

content/influxdb/cloud/account-management/data-usage.md

@@ -12,8 +12,8 @@ menu:
     parent: Account management
     name: View data usage
 related:
-  - /flux/v0.x/stdlib/experimental/usage/from/
-  - /flux/v0.x/stdlib/experimental/usage/limits/
+  - /flux/v0/stdlib/experimental/usage/from/
+  - /flux/v0/stdlib/experimental/usage/limits/
 alt_links:
   cloud-serverless: /influxdb3/cloud-serverless/admin/billing/data-usage/
 ---

content/influxdb/cloud/account-management/limits.md

@@ -9,8 +9,8 @@ menu:
     parent: Account management
     name: Adjustable quotas and limits
 related:
-  - /flux/v0.x/stdlib/experimental/usage/from/
-  - /flux/v0.x/stdlib/experimental/usage/limits/
+  - /flux/v0/stdlib/experimental/usage/from/
+  - /flux/v0/stdlib/experimental/usage/limits/
   - /influxdb/cloud/write-data/best-practices/resolve-high-cardinality/
 alt_links:
   cloud-serverless: /influxdb3/cloud-serverless/admin/billing/limits/
@@ -97,7 +97,7 @@ Combine delete predicate expressions (if possible) into a single request. Influx
 
 The {{< product-name >}} UI displays a notification message when service quotas or limits are exceeded. The error messages correspond with the relevant [API error responses](#api-error-responses).
 
-Errors can also be viewed in the [Usage page](/influxdb/cloud/account-management/data-usage/) under **Limit Events**, e.g. `event_type_limited_query`, `event_type_limited_write`,`event_type_limited_cardinality`, or `event_type_limited_delete_rate`.
+Errors can also be viewed in the [Usage page](/influxdb/cloud/account-management/data-usage/) under **Limit Events**, for example: `event_type_limited_query`, `event_type_limited_write`,`event_type_limited_cardinality`, or `event_type_limited_delete_rate`.
 
 ## API error responses
 

content/influxdb/cloud/admin/organizations/migrate-org.md

@@ -40,7 +40,7 @@ To replicate the state of an organization:
 ### Write data with Flux
 Perform a query to return all specified data.
 Write results directly to a bucket in the new organization with the Flux
-[`to()` function](/flux/v0.x/stdlib/influxdata/influxdb/to/).
+[`to()` function](/flux/v0/stdlib/influxdata/influxdb/to/).
 
 {{% note %}}
 If writes are prevented by rate limiting,