diff --git a/assets/styles/tools/_icomoon-v2.scss b/assets/styles/tools/_icomoon-v2.scss index d81cd1c1e..c0ce4df4e 100644 --- a/assets/styles/tools/_icomoon-v2.scss +++ b/assets/styles/tools/_icomoon-v2.scss @@ -10,246 +10,248 @@ font-display: block; } -[class^="icon-"], [class*=" icon-"] { - /* use !important to prevent issues with browser extensions that change fonts */ - font-family: 'icomoon-v2' !important; - speak: never; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; +.v2 { + &[class^="icon-"], &[class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon-v2' !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } -.icon-bar-chart:before { - content: "\e913"; -} -.icon-influx-logo:before { - content: "\e900"; -} -.icon-influx-logotype:before { - content: "\e901"; -} -.icon-alert-triangle:before { - content: "\e902"; -} -.icon-arrow-down:before { - content: "\e903"; -} -.icon-moon1:before { - content: "\e904"; -} -.icon-search:before { - content: "\e905"; -} -.icon-sun1:before { - content: "\e906"; -} -.icon-arrow-down-circle:before { - content: "\e907"; -} -.icon-arrow-down-left:before { - content: "\e908"; -} -.icon-arrow-down-right:before { - content: "\e909"; -} -.icon-arrow-left:before { - content: "\e90a"; -} -.icon-arrow-left-circle:before { - content: "\e90b"; -} -.icon-arrow-right:before { - content: "\e90c"; -} -.icon-arrow-right-circle:before { - content: "\e90d"; -} -.icon-arrow-up:before { - content: "\e90e"; -} -.icon-arrow-up-circle:before { - content: "\e90f"; -} -.icon-arrow-up-left:before { - content: "\e910"; -} -.icon-arrow-up-right:before { - content: "\e911"; -} -.icon-check:before { - content: "\e912"; -} -.icon-heart1:before { - content: "\e914"; -} -.icon-settings:before { - content: "\e915"; -} -.icon-zoom-in:before { - content: "\e916"; -} -.icon-zoom-out:before { - content: "\e917"; -} -.icon-chevron-down:before { - content: "\e918"; -} -.icon-chevron-left:before { - content: "\e919"; -} -.icon-chevron-right:before { - content: "\e91a"; -} -.icon-chevron-up:before { - content: "\e91b"; -} -.icon-menu:before { - content: "\e91c"; -} -.icon-download:before { - content: "\e91d"; -} -.icon-minus:before { - content: "\e91e"; -} -.icon-plus:before { - content: "\e91f"; -} -.icon-add-cell:before { - content: "\e920"; -} -.icon-alert:before { - content: "\e921"; -} -.icon-calendar:before { - content: "\e922"; -} -.icon-checkmark:before { - content: "\e923"; -} -.icon-cog-thick:before { - content: "\e924"; -} -.icon-dashboards:before { - content: "\e925"; -} -.icon-data-explorer:before { - content: "\e926"; -} -.icon-ui-download:before { - content: "\e927"; -} -.icon-duplicate:before { - content: "\e928"; -} -.icon-export:before { - content: "\e929"; -} -.icon-fullscreen:before { - content: "\e92a"; -} -.icon-influx-icon:before { - content: "\e92b"; -} -.icon-note:before { - content: "\e92c"; -} -.icon-organizations:before { - content: "\e92d"; -} -.icon-pause:before { - content: "\e92e"; -} -.icon-pencil:before { - content: "\e92f"; -} -.icon-play:before { - content: "\e930"; -} -.icon-ui-plus:before { - content: "\e931"; -} -.icon-refresh:before { - content: "\e932"; -} -.icon-remove:before { - content: "\e933"; -} -.icon-alert-circle:before { - content: "\e934"; -} -.icon-crown:before { - content: "\e935"; -} -.icon-trash:before { - content: "\e936"; -} -.icon-triangle:before { - content: "\e937"; -} -.icon-x:before { - content: "\e938"; -} -.icon-wrench-2:before { - content: "\e939"; -} -.icon-chat:before { - content: "\e93a"; -} -.icon-bell:before { - content: "\e93b"; -} -.icon-disks-nav:before { - content: "\e93c"; -} -.icon-wrench-nav:before { - content: "\e93d"; -} -.icon-user:before { - content: "\e93e"; -} -.icon-cloud:before { - content: "\e93f"; -} -.icon-users-trio:before { - content: "\e940"; -} -.icon-nav-chat:before { - content: "\e941"; -} -.icon-map2:before { - content: "\e94c"; -} -.icon-eye-closed:before { - content: "\e956"; -} -.icon-eye-open:before { - content: "\e957"; -} -.icon-book-pencil:before { - content: "\e965"; -} -.icon-heart:before { - content: "\e9da"; -} -.icon-loop2:before { - content: "\ea2e"; -} -.icon-github:before { - content: "\eab0"; -} -.icon-tux:before { - content: "\eabd"; -} -.icon-appleinc:before { - content: "\eabe"; -} -.icon-windows8:before { - content: "\eac2"; + &.icon-bar-chart:before { + content: "\e913"; + } + &.icon-influx-logo:before { + content: "\e900"; + } + &.icon-influx-logotype:before { + content: "\e901"; + } + &.icon-alert-triangle:before { + content: "\e902"; + } + &.icon-arrow-down:before { + content: "\e903"; + } + &.icon-moon1:before { + content: "\e904"; + } + &.icon-search:before { + content: "\e905"; + } + &.icon-sun1:before { + content: "\e906"; + } + &.icon-arrow-down-circle:before { + content: "\e907"; + } + &.icon-arrow-down-left:before { + content: "\e908"; + } + &.icon-arrow-down-right:before { + content: "\e909"; + } + &.icon-arrow-left:before { + content: "\e90a"; + } + &.icon-arrow-left-circle:before { + content: "\e90b"; + } + &.icon-arrow-right:before { + content: "\e90c"; + } + &.icon-arrow-right-circle:before { + content: "\e90d"; + } + &.icon-arrow-up:before { + content: "\e90e"; + } + &.icon-arrow-up-circle:before { + content: "\e90f"; + } + &.icon-arrow-up-left:before { + content: "\e910"; + } + &.icon-arrow-up-right:before { + content: "\e911"; + } + &.icon-check:before { + content: "\e912"; + } + &.icon-heart1:before { + content: "\e914"; + } + &.icon-settings:before { + content: "\e915"; + } + &.icon-zoom-in:before { + content: "\e916"; + } + &.icon-zoom-out:before { + content: "\e917"; + } + &.icon-chevron-down:before { + content: "\e918"; + } + &.icon-chevron-left:before { + content: "\e919"; + } + &.icon-chevron-right:before { + content: "\e91a"; + } + &.icon-chevron-up:before { + content: "\e91b"; + } + &.icon-menu:before { + content: "\e91c"; + } + &.icon-download:before { + content: "\e91d"; + } + &.icon-minus:before { + content: "\e91e"; + } + &.icon-plus:before { + content: "\e91f"; + } + &.icon-add-cell:before { + content: "\e920"; + } + &.icon-alert:before { + content: "\e921"; + } + &.icon-calendar:before { + content: "\e922"; + } + &.icon-checkmark:before { + content: "\e923"; + } + &.icon-cog-thick:before { + content: "\e924"; + } + &.icon-dashboards:before { + content: "\e925"; + } + &.icon-data-explorer:before { + content: "\e926"; + } + &.icon-ui-download:before { + content: "\e927"; + } + &.icon-duplicate:before { + content: "\e928"; + } + &.icon-export:before { + content: "\e929"; + } + &.icon-fullscreen:before { + content: "\e92a"; + } + &.icon-influx-icon:before { + content: "\e92b"; + } + &.icon-note:before { + content: "\e92c"; + } + &.icon-organizations:before { + content: "\e92d"; + } + &.icon-pause:before { + content: "\e92e"; + } + &.icon-pencil:before { + content: "\e92f"; + } + &.icon-play:before { + content: "\e930"; + } + &.icon-ui-plus:before { + content: "\e931"; + } + &.icon-refresh:before { + content: "\e932"; + } + &.icon-remove:before { + content: "\e933"; + } + &.icon-alert-circle:before { + content: "\e934"; + } + &.icon-crown:before { + content: "\e935"; + } + &.icon-trash:before { + content: "\e936"; + } + &.icon-triangle:before { + content: "\e937"; + } + &.icon-x:before { + content: "\e938"; + } + &.icon-wrench-2:before { + content: "\e939"; + } + &.icon-chat:before { + content: "\e93a"; + } + &.icon-bell:before { + content: "\e93b"; + } + &.icon-disks-nav:before { + content: "\e93c"; + } + &.icon-wrench-nav:before { + content: "\e93d"; + } + &.icon-user:before { + content: "\e93e"; + } + &.icon-cloud:before { + content: "\e93f"; + } + &.icon-users-trio:before { + content: "\e940"; + } + &.icon-nav-chat:before { + content: "\e941"; + } + &.icon-map2:before { + content: "\e94c"; + } + &.icon-eye-closed:before { + content: "\e956"; + } + &.icon-eye-open:before { + content: "\e957"; + } + &.icon-book-pencil:before { + content: "\e965"; + } + &.icon-heart:before { + content: "\e9da"; + } + &.icon-loop2:before { + content: "\ea2e"; + } + &.icon-github:before { + content: "\eab0"; + } + &.icon-tux:before { + content: "\eabd"; + } + &.icon-appleinc:before { + content: "\eabe"; + } + &.icon-windows8:before { + content: "\eac2"; + } } diff --git a/content/chronograf/v1.9/guides/advanced-kapacitor.md b/content/chronograf/v1.9/guides/advanced-kapacitor.md index 8e7854ed1..bb348f6f6 100644 --- a/content/chronograf/v1.9/guides/advanced-kapacitor.md +++ b/content/chronograf/v1.9/guides/advanced-kapacitor.md @@ -33,7 +33,7 @@ of the default retention policy. Use the Chronograf **Admin page** to modify the retention policy in the `chronograf` database. In the Databases tab: -1. Click **{{< icon "crown" >}} InfluxDB Admin** in the left navigation bar. +1. Click **{{< icon "crown" "v2" >}} InfluxDB Admin** in the left navigation bar. 2. Hover over the retention policy list of the `chronograf` database and click **Edit** next to the retention policy to update. 3. Update the **Duration** of the retention policy. diff --git a/content/chronograf/v1.9/guides/analyzing-logs.md b/content/chronograf/v1.9/guides/analyzing-logs.md index 8af2e24fb..a102b59ca 100644 --- a/content/chronograf/v1.9/guides/analyzing-logs.md +++ b/content/chronograf/v1.9/guides/analyzing-logs.md @@ -94,10 +94,10 @@ To copy the complete, un-truncated log message, select the message cell and clic ## Show or hide the log status histogram The Chronograf Log Viewer displays a histogram of log status. -**To hide the log status histogram**, click the **{{< icon "hide" >}} icon** in +**To hide the log status histogram**, click the **{{< icon "hide" "v2" >}} icon** in the top right corner of the histogram. -**To show the log status histogram**, click the **{{< icon "bar-chart" >}} icon** +**To show the log status histogram**, click the **{{< icon "bar-chart" "v2" >}} icon** in the top right corner of the log output. ## Logs in dashboards diff --git a/content/chronograf/v1.9/guides/configuring-alert-endpoints.md b/content/chronograf/v1.9/guides/configuring-alert-endpoints.md index e12cd0ce2..9988092c5 100644 --- a/content/chronograf/v1.9/guides/configuring-alert-endpoints.md +++ b/content/chronograf/v1.9/guides/configuring-alert-endpoints.md @@ -253,7 +253,7 @@ To enable a new "Generic API" service using TICKscript, see [AlertNode (Kapacito 1. In the **Configure Alert Endpoints** of the **Configure Kapacitor Connection** page, click the **Slack** tab. -2. Click **{{< icon "plus" >}} Add Another Config**. +2. Click **{{< icon "plus" "v2" >}} Add Another Config**. 3. Complete steps 2-4 [above](#slack). ### SMTP diff --git a/content/chronograf/v1.9/guides/create-a-dashboard.md b/content/chronograf/v1.9/guides/create-a-dashboard.md index ffe58fa03..5afaa5d83 100644 --- a/content/chronograf/v1.9/guides/create-a-dashboard.md +++ b/content/chronograf/v1.9/guides/create-a-dashboard.md @@ -32,14 +32,14 @@ For more information, see [Configuring Chronograf](/chronograf/v1.9/administrati ## Build a dashboard 1. #### Create a new dashboard - Click **Dashboards** in the navigation bar and then click the **{{< icon "plus" >}} Create Dashboard** button. + Click **Dashboards** in the navigation bar and then click the **{{< icon "plus" "v2" >}} Create Dashboard** button. A new dashboard is created and ready to begin adding cells. 2. #### Name your dashboard Click **Name This Dashboard** and type a new name. For example, "ChronoDash". 3. #### Enter cell editor mode - In the first cell, titled "Untitled Cell", click **{{< icon "plus" >}} Add Data** + In the first cell, titled "Untitled Cell", click **{{< icon "plus" "v2" >}} Add Data** to open the cell editor mode. {{< img-hd src="/img/chronograf/1-9-dashboard-cell-add-data.png" alt="Add data to a Chronograf cell" />}} @@ -155,7 +155,7 @@ Select from a variety of dashboard templates to import and customize based on wh ### Full screen mode -View your dashboard in full screen mode by clicking on the full screen icon (**{{< icon "fullscreen" >}}**) in the top right corner of your dashboard. +View your dashboard in full screen mode by clicking on the full screen icon (**{{< icon "fullscreen" "v2" >}}**) in the top right corner of your dashboard. To exit full screen mode, press the Esc key. ### Template variables diff --git a/content/chronograf/v1.9/guides/write-to-influxdb.md b/content/chronograf/v1.9/guides/write-to-influxdb.md index 15f1e1848..c677e12df 100644 --- a/content/chronograf/v1.9/guides/write-to-influxdb.md +++ b/content/chronograf/v1.9/guides/write-to-influxdb.md @@ -19,7 +19,7 @@ Choose from the following methods: ## Upload line protocol through the Chronograf UI -1. Select **{{< icon "data-explorer" >}} Explore** in the left navigation bar. +1. Select **{{< icon "data-explorer" "v2" >}} Explore** in the left navigation bar. 2. Click **Write Data** in the top right corner of the Data Explorer. {{< img-hd src="/img/chronograf/1-9-write-data.png" alt="Write data to InfluxDB with Chronograf" />}} @@ -53,7 +53,7 @@ To write data back to InfluxDB with an InfluxQL query, include the [`INTO` clause](/{{< latest "influxdb" "v1" >}}/query_language/explore-data/#the-into-clause) in your query: -1. Select **{{< icon "data-explorer" >}} Explore** in the left navigation bar. +1. Select **{{< icon "data-explorer" "v2" >}} Explore** in the left navigation bar. 2. Select **InfluxQL** as your data source type. 3. Write an InfluxQL query that includes the `INTO` clause. Specify the database, retention policy, and measurement to write to. For example: @@ -80,7 +80,7 @@ To write data back to InfluxDB with an InfluxQL query, include the [`INTO` clause](/{{< latest "influxdb" "v1" >}}/query_language/explore-data/#the-into-clause) in your query: -1. Select **{{< icon "data-explorer" >}} Explore** in the left navigation bar. +1. Select **{{< icon "data-explorer" "v2" >}} Explore** in the left navigation bar. 2. Select **Flux** as your data source type. {{% note %}} diff --git a/content/enterprise_influxdb/v1.9/administration/monitor/monitor-with-cloud.md b/content/enterprise_influxdb/v1.9/administration/monitor/monitor-with-cloud.md index 875239a09..9aa2aecdb 100644 --- a/content/enterprise_influxdb/v1.9/administration/monitor/monitor-with-cloud.md +++ b/content/enterprise_influxdb/v1.9/administration/monitor/monitor-with-cloud.md @@ -145,7 +145,7 @@ To alert when data stops flowing from InfluxDB OSS instances to your InfluxDB Cl {{< nav-icon "alerts" >}} 2. Choose a InfluxDB OSS field or create a new OSS field for your deadman alert: - 1. Click **{{< icon "plus" >}} Create** and select **Deadman Check** in the dropown menu. + 1. Click **{{< icon "plus" "v2" >}} Create** and select **Deadman Check** in the dropown menu. 2. Define your query with at least one field. 3. Click **Submit** and **Configure Check**. When metrics stop reporting, you'll receive an alert. @@ -164,7 +164,7 @@ InfluxDB Cloud supports different endpoints: Slack, PagerDuty, and HTTP. Slack i #### Send a notification to Slack 1. Create a [Slack Webhooks](https://api.slack.com/messaging/webhooks). -2. Go to **Alerts > Notification Endpoint** and click **{{< icon "plus" >}} Create**, and enter a name and description for your Slack endpoint. +2. Go to **Alerts > Notification Endpoint** and click **{{< icon "plus" "v2" >}} Create**, and enter a name and description for your Slack endpoint. 3. Enter your Slack Webhook under **Incoming Webhook URL** and click **Create Notification Endpoint**. #### Send a notification to PagerDuty or HTTP @@ -175,7 +175,7 @@ Send a notification to PagerDuty or HTTP endpoints (other webhooks) by [upgradin [Create a notification rule](/influxdb/cloud/monitor-alert/notification-rules/create/) to set rules for when to send a deadman alert message to your notification endpoint. -1. Go to **Alerts > Notification Rules** and click **{{< icon "plus" >}} Create**. +1. Go to **Alerts > Notification Rules** and click **{{< icon "plus" "v2" >}} Create**. 2. Fill out the **About** and **Conditions** section then click **Create Notification Rule**. ## Monitor with InfluxDB Insights and Aware diff --git a/content/enterprise_influxdb/v1.9/administration/monitor/monitor-with-oss.md b/content/enterprise_influxdb/v1.9/administration/monitor/monitor-with-oss.md index 271bc9c1f..add587b44 100644 --- a/content/enterprise_influxdb/v1.9/administration/monitor/monitor-with-oss.md +++ b/content/enterprise_influxdb/v1.9/administration/monitor/monitor-with-oss.md @@ -145,7 +145,7 @@ To alert when data stops flowing from InfluxDB OSS instances to your InfluxDB OS {{< nav-icon "alerts" >}} 2. Choose a InfluxDB OSS field or create a new OSS field for your deadman alert: - 1. Click **{{< icon "plus" >}} Create** and select **Deadman Check** in the dropown menu. + 1. Click **{{< icon "plus" "v2" >}} Create** and select **Deadman Check** in the dropown menu. 2. Define your query with at least one field. 3. Click **Submit** and **Configure Check**. When metrics stop reporting, you'll receive an alert. @@ -164,7 +164,7 @@ InfluxData supports different endpoints: Slack, PagerDuty, and HTTP. Slack is fr #### Send a notification to Slack 1. Create a [Slack Webhooks](https://api.slack.com/messaging/webhooks). -2. Go to **Alerts > Notification Endpoint** and click **{{< icon "plus" >}} Create**, and enter a name and description for your Slack endpoint. +2. Go to **Alerts > Notification Endpoint** and click **{{< icon "plus" "v2" >}} Create**, and enter a name and description for your Slack endpoint. 3. Enter your Slack Webhook under **Incoming Webhook URL** and click **Create Notification Endpoint**. #### Send a notification to PagerDuty or HTTP @@ -175,5 +175,5 @@ Send a notification to PagerDuty or HTTP endpoints (other webhooks) by [upgradin [Create a notification rule](/influxdb/v2.0/monitor-alert/notification-rules/create/) to set rules for when to send a deadman alert message to your notification endpoint. -1. Go to **Alerts > Notification Rules** and click **{{< icon "plus" >}} Create**. +1. Go to **Alerts > Notification Rules** and click **{{< icon "plus" "v2" >}} Create**. 2. Fill out the **About** and **Conditions** section then click **Create Notification Rule**. diff --git a/content/enterprise_influxdb/v1.9/flux/optimize-queries.md b/content/enterprise_influxdb/v1.9/flux/optimize-queries.md index f4c25504a..be44bb903 100644 --- a/content/enterprise_influxdb/v1.9/flux/optimize-queries.md +++ b/content/enterprise_influxdb/v1.9/flux/optimize-queries.md @@ -29,29 +29,29 @@ The following pushdowns are supported in InfluxDB Enterprise 1.9+. | Functions | Supported | | :----------------------------- | :------------------: | -| **count()** | {{< icon "check" >}} | -| **drop()** | {{< icon "check" >}} | -| **duplicate()** | {{< icon "check" >}} | -| **filter()** {{% req " \*" %}} | {{< icon "check" >}} | -| **fill()** | {{< icon "check" >}} | -| **first()** | {{< icon "check" >}} | -| **group()** | {{< icon "check" >}} | -| **keep()** | {{< icon "check" >}} | -| **last()** | {{< icon "check" >}} | -| **max()** | {{< icon "check" >}} | -| **mean()** | {{< icon "check" >}} | -| **min()** | {{< icon "check" >}} | -| **range()** | {{< icon "check" >}} | -| **rename()** | {{< icon "check" >}} | -| **sum()** | {{< icon "check" >}} | -| **window()** | {{< icon "check" >}} | +| **count()** | {{< icon "check" "v2" >}} | +| **drop()** | {{< icon "check" "v2" >}} | +| **duplicate()** | {{< icon "check" "v2" >}} | +| **filter()** {{% req " \*" %}} | {{< icon "check" "v2" >}} | +| **fill()** | {{< icon "check" "v2" >}} | +| **first()** | {{< icon "check" "v2" >}} | +| **group()** | {{< icon "check" "v2" >}} | +| **keep()** | {{< icon "check" "v2" >}} | +| **last()** | {{< icon "check" "v2" >}} | +| **max()** | {{< icon "check" "v2" >}} | +| **mean()** | {{< icon "check" "v2" >}} | +| **min()** | {{< icon "check" "v2" >}} | +| **range()** | {{< icon "check" "v2" >}} | +| **rename()** | {{< icon "check" "v2" >}} | +| **sum()** | {{< icon "check" "v2" >}} | +| **window()** | {{< icon "check" "v2" >}} | | _Function combinations_ | | -| **window()** \|> **count()** | {{< icon "check" >}} | -| **window()** \|> **first()** | {{< icon "check" >}} | -| **window()** \|> **last()** | {{< icon "check" >}} | -| **window()** \|> **max()** | {{< icon "check" >}} | -| **window()** \|> **min()** | {{< icon "check" >}} | -| **window()** \|> **sum()** | {{< icon "check" >}} | +| **window()** \|> **count()** | {{< icon "check" "v2" >}} | +| **window()** \|> **first()** | {{< icon "check" "v2" >}} | +| **window()** \|> **last()** | {{< icon "check" "v2" >}} | +| **window()** \|> **max()** | {{< icon "check" "v2" >}} | +| **window()** \|> **min()** | {{< icon "check" "v2" >}} | +| **window()** \|> **sum()** | {{< icon "check" "v2" >}} | {{% caption %}} {{< req "\*" >}} **filter()** only pushes down when all parameter values are static. diff --git a/content/example.md b/content/example.md index c770a3540..36f46414b 100644 --- a/content/example.md +++ b/content/example.md @@ -10,7 +10,7 @@ related: products: [cloud, oss, enterprise] --- -This is a paragraph. Lorem ipsum dolor ({{< icon "trash" >}}) sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. +This is a paragraph. Lorem ipsum dolor ({{< icon "trash" "v2" >}}) sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. [Ref link][foo] @@ -28,68 +28,68 @@ This is **bold** text. This is _italic_ text. This is _**bold and italic**_. {{< nav-icon "settings" >}} {{< nav-icon "notebooks" >}} -{{< icon "add-cell" >}} add-cell -{{< icon "add-label" >}} add-label -{{< icon "alert" >}} alert -{{< icon "calendar" >}} calendar -{{< icon "chat" >}} chat -{{< icon "checkmark" >}} checkmark -{{< icon "clone" >}} clone -{{< icon "cloud" >}} cloud -{{< icon "cog" >}} cog -{{< icon "config" >}} config -{{< icon "copy" >}} copy -{{< icon "crown" >}} crown -{{< icon "dashboard" >}} dashboard -{{< icon "dashboards" >}} dashboards -{{< icon "data-explorer" >}} data-explorer -{{< icon "delete" >}} delete -{{< icon "download" >}} download -{{< icon "duplicate" >}} duplicate -{{< icon "edit" >}} edit -{{< icon "expand" >}} expand -{{< icon "export" >}} export -{{< icon "eye" >}} eye -{{< icon "eye-closed" >}} eye-closed -{{< icon "eye-open" >}} eye-open -{{< icon "feedback" >}} feedback -{{< icon "fullscreen" >}} fullscreen -{{< icon "gear" >}} gear -{{< icon "graph" >}} graph -{{< icon "hide" >}} hide -{{< icon "influx" >}} influx -{{< icon "influx-icon" >}} influx-icon -{{< icon "nav-admin" >}} nav-admin -{{< icon "nav-config" >}} nav-config -{{< icon "nav-configuration" >}} nav-configuration -{{< icon "nav-dashboards" >}} nav-dashboards -{{< icon "nav-data-explorer" >}} nav-data-explorer -{{< icon "nav-organizations" >}} nav-organizations -{{< icon "nav-orgs" >}} nav-orgs -{{< icon "nav-tasks" >}} nav-tasks -{{< icon "note" >}} note -{{< icon "notebook" >}} notebook -{{< icon "notebooks" >}} notebooks -{{< icon "org" >}} org -{{< icon "orgs" >}} orgs -{{< icon "pause" >}} pause -{{< icon "pencil" >}} pencil -{{< icon "play" >}} play -{{< icon "plus" >}} plus -{{< icon "refresh" >}} refresh -{{< icon "remove" >}} remove -{{< icon "replay" >}} replay -{{< icon "save-as" >}} save-as -{{< icon "search" >}} search -{{< icon "settings" >}} settings -{{< icon "tasks" >}} tasks -{{< icon "toggle" >}} toggle -{{< icon "trash" >}} trash -{{< icon "trashcan" >}} trashcan -{{< icon "triangle" >}} triangle -{{< icon "view" >}} view -{{< icon "wrench" >}} wrench -{{< icon "x" >}} x +{{< icon "add-cell" "v2" >}} add-cell +{{< icon "add-label" "v2" >}} add-label +{{< icon "alert" "v2" >}} alert +{{< icon "calendar" "v2" >}} calendar +{{< icon "chat" "v2" >}} chat +{{< icon "checkmark" "v2" >}} checkmark +{{< icon "clone" "v2" >}} clone +{{< icon "cloud" "v2" >}} cloud +{{< icon "cog" "v2" >}} cog +{{< icon "config" "v2" >}} config +{{< icon "copy" "v2" >}} copy +{{< icon "crown" "v2" >}} crown +{{< icon "dashboard" "v2" >}} dashboard +{{< icon "dashboards" "v2" >}} dashboards +{{< icon "data-explorer" "v2" >}} data-explorer +{{< icon "delete" "v2" >}} delete +{{< icon "download" "v2" >}} download +{{< icon "duplicate" "v2" >}} duplicate +{{< icon "edit" "v2" >}} edit +{{< icon "expand" "v2" >}} expand +{{< icon "export" "v2" >}} export +{{< icon "eye" "v2" >}} eye +{{< icon "eye-closed" "v2" >}} eye-closed +{{< icon "eye-open" "v2" >}} eye-open +{{< icon "feedback" "v2" >}} feedback +{{< icon "fullscreen" "v2" >}} fullscreen +{{< icon "gear" "v2" >}} gear +{{< icon "graph" "v2" >}} graph +{{< icon "hide" "v2" >}} hide +{{< icon "influx" "v2" >}} influx +{{< icon "influx-icon" "v2" >}} influx-icon +{{< icon "nav-admin" "v2" >}} nav-admin +{{< icon "nav-config" "v2" >}} nav-config +{{< icon "nav-configuration" "v2" >}} nav-configuration +{{< icon "nav-dashboards" "v2" >}} nav-dashboards +{{< icon "nav-data-explorer" "v2" >}} nav-data-explorer +{{< icon "nav-organizations" "v2" >}} nav-organizations +{{< icon "nav-orgs" "v2" >}} nav-orgs +{{< icon "nav-tasks" "v2" >}} nav-tasks +{{< icon "note" "v2" >}} note +{{< icon "notebook" "v2" >}} notebook +{{< icon "notebooks" "v2" >}} notebooks +{{< icon "org" "v2" >}} org +{{< icon "orgs" "v2" >}} orgs +{{< icon "pause" "v2" >}} pause +{{< icon "pencil" "v2" >}} pencil +{{< icon "play" "v2" >}} play +{{< icon "plus" "v2" >}} plus +{{< icon "refresh" "v2" >}} refresh +{{< icon "remove" "v2" >}} remove +{{< icon "replay" "v2" >}} replay +{{< icon "save-as" "v2" >}} save-as +{{< icon "search" "v2" >}} search +{{< icon "settings" "v2" >}} settings +{{< icon "tasks" "v2" >}} tasks +{{< icon "toggle" "v2" >}} toggle +{{< icon "trash" "v2" >}} trash +{{< icon "trashcan" "v2" >}} trashcan +{{< icon "triangle" "v2" >}} triangle +{{< icon "view" "v2" >}} view +{{< icon "wrench" "v2" >}} wrench +{{< icon "x" "v2" >}} x ## h2 This is a header2 This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. diff --git a/content/influxdb/cloud/account-management/multi-user/invite-user.md b/content/influxdb/cloud/account-management/multi-user/invite-user.md index f074b491b..868f6d5a8 100644 --- a/content/influxdb/cloud/account-management/multi-user/invite-user.md +++ b/content/influxdb/cloud/account-management/multi-user/invite-user.md @@ -46,7 +46,7 @@ Accounts can have up to 50 pending invitations at one time. {{< nav-icon "account" >}} -2. Click the {{< icon "delete" >}} next to the invitation you want to withdraw. +2. Click the {{< icon "delete" "v2" >}} next to the invitation you want to withdraw. 3. Confirm the withdrawl. {{% warn %}} diff --git a/content/influxdb/cloud/account-management/multi-user/remove-user.md b/content/influxdb/cloud/account-management/multi-user/remove-user.md index c0e13c65f..01b813473 100644 --- a/content/influxdb/cloud/account-management/multi-user/remove-user.md +++ b/content/influxdb/cloud/account-management/multi-user/remove-user.md @@ -28,7 +28,7 @@ Delete a single-user organization from one of the following: {{< nav-icon "account" >}} -2. Hover over the user you want to remove and then click the {{< icon "delete" >}} icon that appears. +2. Hover over the user you want to remove and then click the {{< icon "delete" "v2" >}} icon that appears. 3. Confirm the removal. #### Usage-based plan diff --git a/content/influxdb/cloud/get-started.md b/content/influxdb/cloud/get-started.md index f33cc409b..f017099a9 100644 --- a/content/influxdb/cloud/get-started.md +++ b/content/influxdb/cloud/get-started.md @@ -34,7 +34,7 @@ This example uses InfluxDB Cloud's Website Monitoring demo data bucket. To add t {{< nav-icon "data" >}} -2. Click **{{< icon "plus" >}} Add Demo Data**, and then select the **Website Monitoring** bucket. +2. Click **{{< icon "plus" "v2" >}} Add Demo Data**, and then select the **Website Monitoring** bucket. 3. The Demo Data bucket appears in your list of buckets. ## Add sample data @@ -107,7 +107,7 @@ By default, a visualization cell appears below your initial metric selector cell 1. Use the function dropdown menu to view different functions to apply to your data. By default, the visualization is set to the mean function. 2. Use the visualization type dropdown to view different visualization types available. For a complete list of options, see [Visualization types](/influxdb/cloud/visualize-data/visualization-types/). -3. Click the gear icon ({{< icon "gear" >}}) to edit specific settings for the visualization type, such as colors, orientation, and labels. +3. Click the gear icon ({{< icon "gear" "v2" >}}) to edit specific settings for the visualization type, such as colors, orientation, and labels. ### Process data @@ -124,7 +124,7 @@ For more information on how to process data, see [here](/influxdb/cloud/process- Get notifications every time your data crosses a threshold. Specify your alerts by time and decide how the information will be sent to you. -1. In your notebook, click **{{< icon "plus" >}}** to add a cell, then select **Output > Alert**. +1. In your notebook, click **{{< icon "plus" "v2" >}}** to add a cell, then select **Output > Alert**. 2. Customize the conditions to send an alert. 3. Enter a time range to automatically check the data and enter your query offset. 4. Select an endpoint to receive an alert: diff --git a/content/influxdb/cloud/influxdb-templates/monitor-enterprise.md b/content/influxdb/cloud/influxdb-templates/monitor-enterprise.md index dc10bfc41..771761881 100644 --- a/content/influxdb/cloud/influxdb-templates/monitor-enterprise.md +++ b/content/influxdb/cloud/influxdb-templates/monitor-enterprise.md @@ -144,7 +144,7 @@ To alert when data stops flowing from InfluxDB OSS instances to your InfluxDB Cl {{< nav-icon "alerts" >}} 2. Choose a InfluxDB OSS field or create a new OSS field for your deadman alert: - 1. Click **{{< icon "plus" >}} Create** and select **Deadman Check** in the dropown menu. + 1. Click **{{< icon "plus" "v2" >}} Create** and select **Deadman Check** in the dropown menu. 2. Define your query with at least one field. 3. Click **Submit** and **Configure Check**. When metrics stop reporting, you'll receive an alert. @@ -163,7 +163,7 @@ InfluxData supports different endpoints: Slack, PagerDuty, and HTTP. Slack is fr #### Send a notification to Slack 1. Create a [Slack Webhooks](https://api.slack.com/messaging/webhooks). -2. Go to **Alerts > Notification Endpoint** and click **{{< icon "plus" >}} Create**, and enter a name and description for your Slack endpoint. +2. Go to **Alerts > Notification Endpoint** and click **{{< icon "plus" "v2" >}} Create**, and enter a name and description for your Slack endpoint. 3. Enter your Slack Webhook under **Incoming Webhook URL** and click **Create Notification Endpoint**. #### Send a notification to PagerDuty or HTTP @@ -174,7 +174,7 @@ Send a notification to PagerDuty or HTTP endpoints (other webhooks) by [upgradin [Create a notification rule](/influxdb/cloud/monitor-alert/notification-rules/create/) to set rules for when to send a deadman alert message to your notification endpoint. -1. Go to **Alerts > Notification Rules** and click **{{< icon "plus" >}} Create**. +1. Go to **Alerts > Notification Rules** and click **{{< icon "plus" "v2" >}} Create**. 2. Fill out the **About** and **Conditions** section then click **Create Notification Rule**. ## Monitor with InfluxDB Insights and Aware diff --git a/content/influxdb/cloud/monitor-alert/checks/create.md b/content/influxdb/cloud/monitor-alert/checks/create.md index ef7541206..27dce6200 100644 --- a/content/influxdb/cloud/monitor-alert/checks/create.md +++ b/content/influxdb/cloud/monitor-alert/checks/create.md @@ -47,7 +47,7 @@ in a specified amount of time. {{< nav-icon "alerts" >}} -2. Click **{{< icon "plus" >}} Create** and select the [type of check](#check-types) to create. +2. Click **{{< icon "plus" "v2" >}} Create** and select the [type of check](#check-types) to create. 3. Click **Name this check** in the top left corner and provide a unique name for the check. #### Configure the check query @@ -60,7 +60,7 @@ in a specified amount of time. (for example, "Every 5 minutes") and an aggregate function from the list of functions. 3. Click **Submit** to run the query and preview the results. - To see the raw query results, click the **{{< icon "toggle" >}} View Raw Data** toggle. + To see the raw query results, click the **{{< icon "toggle" "v2" >}} View Raw Data** toggle. #### Configure the check 1. Click **2. Configure Check** near the top of the window. @@ -143,10 +143,10 @@ count = 12 3. In the **And stop checking after** field, enter the time to stop monitoring the series. For example, `30m`, `2h`, `3h15m`, etc. -5. Click the green **{{< icon "check" >}}** in the top right corner to save the check. +5. Click the green **{{< icon "check" "v2" >}}** in the top right corner to save the check. ## Clone a check Create a new check by cloning an existing check. 1. In the **Checks** column, hover over the check you want to clone. -2. Click the **{{< icon "clone" >}}** icon, then **Clone**. +2. Click the **{{< icon "clone" "v2" >}}** icon, then **Clone**. diff --git a/content/influxdb/cloud/monitor-alert/checks/delete.md b/content/influxdb/cloud/monitor-alert/checks/delete.md index 4715e1d49..5f1a8065b 100644 --- a/content/influxdb/cloud/monitor-alert/checks/delete.md +++ b/content/influxdb/cloud/monitor-alert/checks/delete.md @@ -22,7 +22,7 @@ Deleting a check cannot be undone. {{< nav-icon "alerts" >}} -2. Hover over the check you want to delete, click the **{{< icon "delete" >}}** +2. Hover over the check you want to delete, click the **{{< icon "delete" "v2" >}}** icon, and then **Delete**. After a check is deleted, all statuses generated by the check remain in the `_monitoring` diff --git a/content/influxdb/cloud/monitor-alert/checks/update.md b/content/influxdb/cloud/monitor-alert/checks/update.md index 68f8711a3..7b1f70aa9 100644 --- a/content/influxdb/cloud/monitor-alert/checks/update.md +++ b/content/influxdb/cloud/monitor-alert/checks/update.md @@ -34,18 +34,18 @@ To update checks, select **Alerts** in the navigation menu on the left. _For details about using the check builder, see [Create checks](/influxdb/cloud/monitor-alert/checks/create/)._ ## Enable or disable a check -Click the {{< icon "toggle" >}} toggle next to a check to enable or disable it. +Click the {{< icon "toggle" "v2" >}} toggle next to a check to enable or disable it. ## Rename a check 1. Hover over the name of the check you want to update. -2. Click the **{{< icon "edit" >}}** icon that appears next to the check name. +2. Click the **{{< icon "edit" "v2" >}}** icon that appears next to the check name. 2. Enter a new name and click out of the name field or press enter to save. _You can also rename a check in the [check builder](#update-check-queries-and-logic)._ ## Add or update a check description 1. Hover over the check description you want to update. -2. Click the **{{< icon "edit" >}}** icon that appears next to the description. +2. Click the **{{< icon "edit" "v2" >}}** icon that appears next to the description. 2. Enter a new description and click out of the name field or press enter to save. ## Add a label to a check @@ -57,4 +57,4 @@ _You can also rename a check in the [check builder](#update-check-queries-and-lo - In the **Description** field, enter an optional description for the label. - Select a color for the label. - Click **Create Label**. -4. To remove a label, hover over the label under to a rule and click **{{< icon "x" >}}**. +4. To remove a label, hover over the label under to a rule and click **{{< icon "x" "v2" >}}**. diff --git a/content/influxdb/cloud/monitor-alert/checks/view.md b/content/influxdb/cloud/monitor-alert/checks/view.md index 3ceaac464..a459376ca 100644 --- a/content/influxdb/cloud/monitor-alert/checks/view.md +++ b/content/influxdb/cloud/monitor-alert/checks/view.md @@ -32,12 +32,12 @@ The check builder appears. Here you can view the check query and logic. ## View statuses generated by a check -1. Hover over the check and click the **{{< icon "view" >}}** icon. +1. Hover over the check and click the **{{< icon "view" "v2" >}}** icon. 2. Click **View History**. The Statuses History page displays statuses generated by the selected check. ## View notifications triggered by a check -1. Hover over the check, click the **{{< icon "view" >}}** +1. Hover over the check, click the **{{< icon "view" "v2" >}}** icon, then **View History**. 2. In the top left corner, click **Notifications**. The Notifications History page displays notifications initiated by the selected check. diff --git a/content/influxdb/cloud/monitor-alert/custom-checks.md b/content/influxdb/cloud/monitor-alert/custom-checks.md index 42acf4e80..a3ad11cc6 100644 --- a/content/influxdb/cloud/monitor-alert/custom-checks.md +++ b/content/influxdb/cloud/monitor-alert/custom-checks.md @@ -25,7 +25,7 @@ Using a Flux task, you can create a custom check that provides a couple advantag {{< nav-icon "tasks" >}} -2. Click **{{< icon "plus" >}} Create Task**, and then select **New Task**. +2. Click **{{< icon "plus" "v2" >}} Create Task**, and then select **New Task**. 3. In the **Name** field, enter a descriptive name, and then enter how often to run the task in the **Every** field (for example, `10m`). For more detail, such as using cron syntax or including an offset, see [Task configuration options](/influxdb/cloud/process-data/task-options/). diff --git a/content/influxdb/cloud/monitor-alert/notification-endpoints/create.md b/content/influxdb/cloud/monitor-alert/notification-endpoints/create.md index 9f1afe0bc..a613bd320 100644 --- a/content/influxdb/cloud/monitor-alert/notification-endpoints/create.md +++ b/content/influxdb/cloud/monitor-alert/notification-endpoints/create.md @@ -21,15 +21,15 @@ To send notifications about changes in your data, start by creating a notificati {{< nav-icon "alerts" >}} 2. Select **Notification Endpoints** near to top of the page. -3. Click **{{< icon "plus" >}} Create**. +3. Click **{{< icon "plus" "v2" >}} Create**. 4. From the **Destination** drop-down list, select a destination endpoint to send notifications. The following endpoints are available for the InfluxDB Cloud Free Plan and Usage-based Plan: | Endpoint | Free Plan | Usage-based Plan | |:-------- |:-------------------: |:----------------------------:| - | **Slack** | **{{< icon "check" >}}** | **{{< icon "check" >}}** | - | **PagerDuty** | | **{{< icon "check" >}}** | - | **HTTP** | | **{{< icon "check" >}}** | + | **Slack** | **{{< icon "check" "v2" >}}** | **{{< icon "check" "v2" >}}** | + | **PagerDuty** | | **{{< icon "check" "v2" >}}** | + | **HTTP** | | **{{< icon "check" "v2" >}}** | 5. In the **Name** and **Description** fields, enter a name and description for the endpoint. 6. Enter enter information to connect to the endpoint: diff --git a/content/influxdb/cloud/monitor-alert/notification-endpoints/delete.md b/content/influxdb/cloud/monitor-alert/notification-endpoints/delete.md index 1b9ca92aa..9f509914c 100644 --- a/content/influxdb/cloud/monitor-alert/notification-endpoints/delete.md +++ b/content/influxdb/cloud/monitor-alert/notification-endpoints/delete.md @@ -22,5 +22,5 @@ If notifications are no longer sent to an endpoint, complete the steps below to 2. Select **Notification Endpoints** near to top of the page. find the rule you want to delete. -3. Hover over the endpoint you want to delete and click the **{{< icon "trash" >}}** icon. +3. Hover over the endpoint you want to delete and click the **{{< icon "trash" "v2" >}}** icon. 4. Click **Delete** to confirm. diff --git a/content/influxdb/cloud/monitor-alert/notification-endpoints/update.md b/content/influxdb/cloud/monitor-alert/notification-endpoints/update.md index 71b562507..6cc8f1fee 100644 --- a/content/influxdb/cloud/monitor-alert/notification-endpoints/update.md +++ b/content/influxdb/cloud/monitor-alert/notification-endpoints/update.md @@ -21,7 +21,7 @@ To update the notification endpoint details, complete the procedures below as ne {{< nav-icon "alerts" >}} 2. Select **Notification Endpoints** near to top of the page. -3. Click **{{< icon "add-label" >}} Add a label** next to the endpoint you want to add a label to. +3. Click **{{< icon "add-label" "v2" >}} Add a label** next to the endpoint you want to add a label to. The **Add Labels** box opens. 4. To add an existing label, select the label from the list. 5. To create and add a new label: @@ -41,7 +41,7 @@ To update the notification endpoint details, complete the procedures below as ne {{< nav-icon "alerts" >}} 2. Select **Notification Endpoints** near to top of the page. -3. Click the {{< icon "toggle" >}} toggle to disable the notification endpoint. +3. Click the {{< icon "toggle" "v2" >}} toggle to disable the notification endpoint. ## Update the name or description for notification endpoint @@ -51,7 +51,7 @@ To update the notification endpoint details, complete the procedures below as ne 2. Select **Notification Endpoints** near to top of the page. 3. Hover over the name or description of the endpoint and click the pencil icon - (**{{< icon "edit" >}}**) to edit the field. + (**{{< icon "edit" "v2" >}}**) to edit the field. 4. Click outside of the field to save your changes. ## Change endpoint details diff --git a/content/influxdb/cloud/monitor-alert/notification-endpoints/view.md b/content/influxdb/cloud/monitor-alert/notification-endpoints/view.md index 9196bbeed..ade6122b2 100644 --- a/content/influxdb/cloud/monitor-alert/notification-endpoints/view.md +++ b/content/influxdb/cloud/monitor-alert/notification-endpoints/view.md @@ -44,7 +44,7 @@ View notification endpoint details and history in the InfluxDB user interface (U {{< nav-icon "alerts" >}} 2. Select **Notification Endpoints** near to top of the page. -3. Hover over the notification endpoint, click the **{{< icon "view" >}}** icon, then **View History**. +3. Hover over the notification endpoint, click the **{{< icon "view" "v2" >}}** icon, then **View History**. The Check Statuses History page displays: - Statuses generated for the selected notification endpoint diff --git a/content/influxdb/cloud/monitor-alert/notification-rules/create.md b/content/influxdb/cloud/monitor-alert/notification-rules/create.md index bc3fd7ead..8f3525b2b 100644 --- a/content/influxdb/cloud/monitor-alert/notification-rules/create.md +++ b/content/influxdb/cloud/monitor-alert/notification-rules/create.md @@ -22,7 +22,7 @@ _For details, see [Manage checks](/influxdb/cloud/monitor-alert/checks/) and {{< nav-icon "alerts" >}} 2. Select **Notification Rules** near to top of the page. -3. Click **{{< icon "plus" >}} Create**. +3. Click **{{< icon "plus" "v2" >}} Create**. 4. Complete the **About** section: 1. In the **Name** field, enter a name for the notification rule. 2. In the **Schedule Every** field, enter how frequently the rule should run. @@ -40,5 +40,5 @@ _For details, see [Manage checks](/influxdb/cloud/monitor-alert/checks/) and {{< nav-icon "alerts" >}} 2. Select **Notification Rules** near to top of the page. -3. Hover over the rule you want to clone and click the **{{< icon "clone" >}}** icon and select **Clone**. +3. Hover over the rule you want to clone and click the **{{< icon "clone" "v2" >}}** icon and select **Clone**. The cloned rule appears. diff --git a/content/influxdb/cloud/monitor-alert/notification-rules/delete.md b/content/influxdb/cloud/monitor-alert/notification-rules/delete.md index 163b137f1..9abc7a657 100644 --- a/content/influxdb/cloud/monitor-alert/notification-rules/delete.md +++ b/content/influxdb/cloud/monitor-alert/notification-rules/delete.md @@ -18,5 +18,5 @@ related: {{< nav-icon "alerts" >}} 2. Select **Notification Rules** near to top of the page. -3. Hover over the rule you want to delete and click the **{{< icon "trash" >}}** icon. +3. Hover over the rule you want to delete and click the **{{< icon "trash" "v2" >}}** icon. 4. Click **Delete** to confirm. diff --git a/content/influxdb/cloud/monitor-alert/notification-rules/update.md b/content/influxdb/cloud/monitor-alert/notification-rules/update.md index da322963b..495c3e6a1 100644 --- a/content/influxdb/cloud/monitor-alert/notification-rules/update.md +++ b/content/influxdb/cloud/monitor-alert/notification-rules/update.md @@ -18,7 +18,7 @@ related: {{< nav-icon "alerts" >}} 2. Select **Notification Rules** near to top of the page. -3. Click **{{< icon "add-label" >}} Add a label** next to the rule you want to add a label to. +3. Click **{{< icon "add-label" "v2" >}} Add a label** next to the rule you want to add a label to. The **Add Labels** box opens. 4. To add an existing label, select the label from the list. 5. To create and add a new label: @@ -26,7 +26,7 @@ related: - In the **Description** field, enter an optional description for the label. - Select a color for the label. - Click **Create Label**. -6. To remove a label, hover over the label under to a rule and click **{{< icon "x" >}}**. +6. To remove a label, hover over the label under to a rule and click **{{< icon "x" "v2" >}}**. ## Disable notification rules @@ -36,7 +36,7 @@ related: {{< nav-icon "alerts" >}} 2. Select **Notification Rules** near to top of the page. -3. Click the {{< icon "toggle" >}} toggle to disable the notification rule. +3. Click the {{< icon "toggle" "v2" >}} toggle to disable the notification rule. ## Update the name or description for notification rules @@ -46,5 +46,5 @@ related: 2. Select **Notification Rules** near to top of the page. 3. Hover over the name or description of a rule and click the pencil icon - (**{{< icon "edit" >}}**) to edit the field. + (**{{< icon "edit" "v2" >}}**) to edit the field. 4. Click outside of the field to save your changes. diff --git a/content/influxdb/cloud/monitor-alert/notification-rules/view.md b/content/influxdb/cloud/monitor-alert/notification-rules/view.md index 0dcea29ce..d2ec1a51b 100644 --- a/content/influxdb/cloud/monitor-alert/notification-rules/view.md +++ b/content/influxdb/cloud/monitor-alert/notification-rules/view.md @@ -35,11 +35,11 @@ The check builder appears. Here you can view the check query and logic. ## View statuses generated by a notification rule -Hover over the check, click the **{{< icon "view" >}}** icon, and then **View History**. +Hover over the check, click the **{{< icon "view" "v2" >}}** icon, and then **View History**. The Statuses History page displays statuses generated by the selected check. ## View notifications triggered by a notification rule -1. Hover over the notification rule, click the **{{< icon "view" >}}** +1. Hover over the notification rule, click the **{{< icon "view" "v2" >}}** icon, and then **View History**. 2. In the top left corner, click **Notifications**. The Notifications History page displays notifications initiated by the selected notification rule. diff --git a/content/influxdb/cloud/organizations/buckets/create-bucket.md b/content/influxdb/cloud/organizations/buckets/create-bucket.md index 3f9e8975a..8f3d619b8 100644 --- a/content/influxdb/cloud/organizations/buckets/create-bucket.md +++ b/content/influxdb/cloud/organizations/buckets/create-bucket.md @@ -22,7 +22,7 @@ There are two places you can create a bucket in the UI. {{< nav-icon "data" >}} -2. Click **{{< icon "plus" >}} Create Bucket** in the upper right. +2. Click **{{< icon "plus" "v2" >}} Create Bucket** in the upper right. 3. Enter a **Name** for the bucket. 4. Select when to **Delete Data**: - **Never** to retain data forever. diff --git a/content/influxdb/cloud/organizations/buckets/delete-bucket.md b/content/influxdb/cloud/organizations/buckets/delete-bucket.md index b6de8c85b..0b51cea3c 100644 --- a/content/influxdb/cloud/organizations/buckets/delete-bucket.md +++ b/content/influxdb/cloud/organizations/buckets/delete-bucket.md @@ -19,7 +19,7 @@ to delete a bucket. {{< nav-icon "data" >}} 2. Hover over the bucket you would like to delete. -3. Click **{{< icon "delete" >}} Delete Bucket** and **Confirm** to delete the bucket. +3. Click **{{< icon "delete" "v2" >}} Delete Bucket** and **Confirm** to delete the bucket. ## Delete a bucket using the influx CLI diff --git a/content/influxdb/cloud/organizations/members/remove-member.md b/content/influxdb/cloud/organizations/members/remove-member.md index 4cc9bc607..97d026fc7 100644 --- a/content/influxdb/cloud/organizations/members/remove-member.md +++ b/content/influxdb/cloud/organizations/members/remove-member.md @@ -23,7 +23,7 @@ Removing a member from an organization removes all permissions associated with t {{< nav-icon "org" >}} -2. Hover over the member you would like to delete and click the **{{< icon "delete" >}}** icon. +2. Hover over the member you would like to delete and click the **{{< icon "delete" "v2" >}}** icon. 3. Click **Delete**. ## Remove a member from an organization using the influx CLI diff --git a/content/influxdb/cloud/organizations/update-org.md b/content/influxdb/cloud/organizations/update-org.md index a598f0134..36f34e4df 100644 --- a/content/influxdb/cloud/organizations/update-org.md +++ b/content/influxdb/cloud/organizations/update-org.md @@ -27,7 +27,7 @@ If you change an organization name, be sure to update the organization in the ab {{< img-hd src="/img/influxdb/user-icon.png" alt="User Icon" />}} -2. Click **{{< icon "edit" >}} Rename**. A verification window appears. +2. Click **{{< icon "edit" "v2" >}} Rename**. A verification window appears. 3. Review the information, and then click **I understand, let's rename my organization**. 4. Enter a new name for your organization, and then click **Change organization name**. diff --git a/content/influxdb/cloud/process-data/manage-tasks/export-task.md b/content/influxdb/cloud/process-data/manage-tasks/export-task.md index 2a4bfd0dc..5d6303240 100644 --- a/content/influxdb/cloud/process-data/manage-tasks/export-task.md +++ b/content/influxdb/cloud/process-data/manage-tasks/export-task.md @@ -18,7 +18,7 @@ Tasks are exported as downloadable JSON files. {{< nav-icon "tasks" >}} 2. In the list of tasks, hover over the task you would like to export and click - the **{{< icon "gear" >}}** icon that appears. + the **{{< icon "gear" "v2" >}}** icon that appears. 3. Select **Export**. 4. Downloading or save the task export file using one of the following options: - Click **Download JSON** to download the exported JSON file. diff --git a/content/influxdb/cloud/process-data/manage-tasks/update-task.md b/content/influxdb/cloud/process-data/manage-tasks/update-task.md index 1c6f13a23..c5b9b7b81 100644 --- a/content/influxdb/cloud/process-data/manage-tasks/update-task.md +++ b/content/influxdb/cloud/process-data/manage-tasks/update-task.md @@ -27,12 +27,12 @@ Click the name of a task to update it. #### Update the status of a task -In the list of tasks, click the {{< icon "toggle" >}} toggle to the left of the +In the list of tasks, click the {{< icon "toggle" "v2" >}} toggle to the left of the task you want to activate or inactivate. #### Update a task description 1. In the list of tasks, hover over the name of the task you want to update. -2. Click the pencil icon {{< icon "pencil" >}}. +2. Click the pencil icon {{< icon "pencil" "v2" >}}. 3. Click outside of the field or press `RETURN` to update. ## Update a task with the influx CLI diff --git a/content/influxdb/cloud/process-data/manage-tasks/view-tasks.md b/content/influxdb/cloud/process-data/manage-tasks/view-tasks.md index 429ce7226..09d45208f 100644 --- a/content/influxdb/cloud/process-data/manage-tasks/view-tasks.md +++ b/content/influxdb/cloud/process-data/manage-tasks/view-tasks.md @@ -19,7 +19,7 @@ Click the **Tasks** icon in the left navigation to view the lists of tasks. ### Filter the list of tasks -1. Click the **Show Inactive** {{< icon "toggle" >}} toggle to include or exclude +1. Click the **Show Inactive** {{< icon "toggle" "v2" >}} toggle to include or exclude inactive tasks in the list. 2. Enter text in the **Filter tasks** field to search for tasks by name or label. 3. Click the heading of any column to sort by that field. diff --git a/content/influxdb/cloud/query-data/execute-queries/query-demo-data.md b/content/influxdb/cloud/query-data/execute-queries/query-demo-data.md index 517269cc7..b7b98262d 100644 --- a/content/influxdb/cloud/query-data/execute-queries/query-demo-data.md +++ b/content/influxdb/cloud/query-data/execute-queries/query-demo-data.md @@ -40,7 +40,7 @@ Choose from the following demo data sets: {{< nav-icon "data" >}} -2. Click **{{< icon "plus" >}} Add Demo Data**, and then select the demo data bucket to add. +2. Click **{{< icon "plus" "v2" >}} Add Demo Data**, and then select the demo data bucket to add. 3. The Demo Data bucket appears in your list of buckets. ## Explore demo data diff --git a/content/influxdb/cloud/query-data/execute-queries/query-sample-data.md b/content/influxdb/cloud/query-data/execute-queries/query-sample-data.md index 3a0543926..9dca10e2d 100644 --- a/content/influxdb/cloud/query-data/execute-queries/query-sample-data.md +++ b/content/influxdb/cloud/query-data/execute-queries/query-sample-data.md @@ -62,7 +62,7 @@ In the navigation menu on the left, click **Explore (Data Explorer)**. {{< nav-icon "data" >}} -2. Click **{{< icon "plus" >}} Create bucket**, and then name your bucket. The bucket will appear in your list of buckets. +2. Click **{{< icon "plus" "v2" >}} Create bucket**, and then name your bucket. The bucket will appear in your list of buckets. 3. View the [sample datasets document](/influxdb/cloud/reference/sample-data/#sample-datasets) and choose a sample data to query. 4. Copy the `sample.data()` function listed underneath. 5. Click **Explore** on the left navigation of InfluxDB Cloud and click your bucket, and then click **Script Editor**. diff --git a/content/influxdb/cloud/security/secrets/delete.md b/content/influxdb/cloud/security/secrets/delete.md index 69901fcda..de3e894e8 100644 --- a/content/influxdb/cloud/security/secrets/delete.md +++ b/content/influxdb/cloud/security/secrets/delete.md @@ -23,7 +23,7 @@ Delete secrets using the {{< cloud-name "short" >}} UI, `influx` command line in {{< nav-icon "settings" >}} 2. Click the **Secrets** tab. 3. Hover over the secret you want to delete. -4. Click the {{< icon "delete" >}} button. +4. Click the {{< icon "delete" "v2" >}} button. ## Delete a secret using the influx CLI Use the [`influx secret delete` command](/influxdb/cloud/reference/cli/influx/secret/delete/) diff --git a/content/influxdb/cloud/upgrade/v1-to-cloud/_index.md b/content/influxdb/cloud/upgrade/v1-to-cloud/_index.md index fc49c5636..f0b3ec2a5 100644 --- a/content/influxdb/cloud/upgrade/v1-to-cloud/_index.md +++ b/content/influxdb/cloud/upgrade/v1-to-cloud/_index.md @@ -37,8 +37,8 @@ for the upgrade process. 1. Click **Data (Load Data) > Tokens** in the left navigation bar. {{< nav-icon "data" >}} -2. Click **{{< icon "plus" >}} Generate**, and then select **All-Access Token**. -3. Enter a description for the token, and then click **{{< icon "check" >}} Save**. +2. Click **{{< icon "plus" "v2" >}} Generate**, and then select **All-Access Token**. +3. Enter a description for the token, and then click **{{< icon "check" "v2" >}} Save**. _For more information about managing tokens and token types, see [Manage tokens](/influxdb/cloud/security/tokens/)._ diff --git a/content/influxdb/cloud/upgrade/v2-to-cloud.md b/content/influxdb/cloud/upgrade/v2-to-cloud.md index bb5aff663..97279643a 100644 --- a/content/influxdb/cloud/upgrade/v2-to-cloud.md +++ b/content/influxdb/cloud/upgrade/v2-to-cloud.md @@ -47,8 +47,8 @@ for the upgrade process. 1. Click **Data (Load Data) > Tokens** in the left navigation bar. {{< nav-icon "data" >}} -2. Click **{{< icon "plus" >}} Generate**, and then select **All-Access Token**. -3. Enter a description for the token, and then click **{{< icon "check" >}} Save**. +2. Click **{{< icon "plus" "v2" >}} Generate**, and then select **All-Access Token**. +3. Enter a description for the token, and then click **{{< icon "check" "v2" >}} Save**. {{% note %}} If you've created other tokens in your InfluxDB 2.x instance for external libraries or diff --git a/content/influxdb/cloud/visualize-data/dashboards/control-dashboard.md b/content/influxdb/cloud/visualize-data/dashboards/control-dashboard.md index 107b13e5c..3a9c800e5 100644 --- a/content/influxdb/cloud/visualize-data/dashboards/control-dashboard.md +++ b/content/influxdb/cloud/visualize-data/dashboards/control-dashboard.md @@ -14,13 +14,13 @@ Use dashboard controls in the upper left to update your dashboard. ### Add a cell -Click **{{< icon "add-cell" >}} Add Cell** to open the Data Explorer and configure a new cell for your dashboard. +Click **{{< icon "add-cell" "v2" >}} Add Cell** to open the Data Explorer and configure a new cell for your dashboard. For details on using the Data Explorer, see [Explore metrics](/influxdb/cloud/visualize-data/explore-metrics/). ### Add a note -1. Click **{{< icon "note" >}} Add Note** to add a note cell to your dashboard. +1. Click **{{< icon "note" "v2" >}} Add Note** to add a note cell to your dashboard. 2. Enter your note in Markdown in the left pane. A preview appears in the right pane. 3. Enable the **Show note when query returns no data** option to show the note only when the query displays no data. 4. Click **Save**. @@ -33,12 +33,12 @@ Click the timezone dropdown to select a timezone to use for the dashboard. Selec ### Manually refresh dashboard -Click the refresh button (**{{< icon "refresh" >}}**) to manually refresh the dashboard's data. +Click the refresh button (**{{< icon "refresh" "v2" >}}**) to manually refresh the dashboard's data. #### Manually a single dashboard cell -1. Click the **{{< icon "gear" >}}** on the dashboard cell you want to refresh. -2. Click **{{< icon "refresh" >}} Refresh**. +1. Click the **{{< icon "gear" "v2" >}}** on the dashboard cell you want to refresh. +2. Click **{{< icon "refresh" "v2" >}} Refresh**. ### Automatically refresh dashboard @@ -64,7 +64,7 @@ Click **Variables** to display variables available for your dashboard. For detai ### Presentation mode -Click the fullscreen icon (**{{< icon "fullscreen" >}}**) to enter presentation mode. Presentation mode allows you to view [a dashboard] in full screen, hiding the left and top navigation menus so only the cells appear. This mode might be helpful, for example, for stationary screens dedicated to monitoring visualizations. +Click the fullscreen icon (**{{< icon "fullscreen" "v2" >}}**) to enter presentation mode. Presentation mode allows you to view [a dashboard] in full screen, hiding the left and top navigation menus so only the cells appear. This mode might be helpful, for example, for stationary screens dedicated to monitoring visualizations. ### Toggle dark mode and light mode Click the moon or sun icons to toggle your dashboard between **dark mode** and **light mode.** diff --git a/content/influxdb/cloud/visualize-data/dashboards/create-dashboard.md b/content/influxdb/cloud/visualize-data/dashboards/create-dashboard.md index 50e36e819..bd8052d23 100644 --- a/content/influxdb/cloud/visualize-data/dashboards/create-dashboard.md +++ b/content/influxdb/cloud/visualize-data/dashboards/create-dashboard.md @@ -17,7 +17,7 @@ weight: 201 {{< nav-icon "dashboards" >}} -2. Click the **{{< icon "plus" >}} Create Dashboard** menu in the upper right and select **New Dashboard**. +2. Click the **{{< icon "plus" "v2" >}} Create Dashboard** menu in the upper right and select **New Dashboard**. 3. Enter a name for your dashboard in the **Name this dashboard** field in the upper left. **To import an existing dashboard**: @@ -40,19 +40,19 @@ weight: 201 {{< nav-icon "dashboards" >}} -2. Hover over the dashboard and click **{{< icon "copy" >}}**. +2. Hover over the dashboard and click **{{< icon "copy" "v2" >}}**. 3. Click **Clone**. The cloned dashboard opens. #### Add data to your dashboard -1. From your dashboard, click **{{< icon "add-cell" >}} Add Cell**. +1. From your dashboard, click **{{< icon "add-cell" "v2" >}} Add Cell**. 2. Create a query in the Data Explorer following the instructions in [Explore metrics](/influxdb/cloud/visualize-data/explore-metrics). 3. Enter a name for your cell in the upper left. -4. Click the checkmark icon (**{{< icon "checkmark" >}}**) to save the cell to your dashboard. +4. Click the checkmark icon (**{{< icon "checkmark" "v2" >}}**) to save the cell to your dashboard. You can also send data to your dashboard directly from the Data Explorer. For details, [Explore metrics](/influxdb/cloud/visualize-data/explore-metrics). #### Add a note to your dashboard -1. From your dashboard, click **{{< icon "note" >}} Add Note** in the upper left. +1. From your dashboard, click **{{< icon "note" "v2" >}} Add Note** in the upper left. 2. Enter your note in the window that appears. You can use Markdown syntax to format your note. 3. To preview your Markdown formatting, click the **Preview** option. 4. Click **Save**. diff --git a/content/influxdb/cloud/visualize-data/dashboards/delete-dashboard.md b/content/influxdb/cloud/visualize-data/dashboards/delete-dashboard.md index 27a48f1d7..5adce7166 100644 --- a/content/influxdb/cloud/visualize-data/dashboards/delete-dashboard.md +++ b/content/influxdb/cloud/visualize-data/dashboards/delete-dashboard.md @@ -15,7 +15,7 @@ To delete a dashboard from the InfluxDB user interface (UI): {{< nav-icon "dashboards" >}} -2. Hover over the dashboard in the list of dashboards and click **{{< icon "trash" >}}**. +2. Hover over the dashboard in the list of dashboards and click **{{< icon "trash" "v2" >}}**. 3. Click **Delete**. {{% warn %}} diff --git a/content/influxdb/cloud/visualize-data/dashboards/export-dashboard.md b/content/influxdb/cloud/visualize-data/dashboards/export-dashboard.md index 5803fc5bf..e87c0fb54 100644 --- a/content/influxdb/cloud/visualize-data/dashboards/export-dashboard.md +++ b/content/influxdb/cloud/visualize-data/dashboards/export-dashboard.md @@ -17,7 +17,7 @@ InfluxDB lets you export dashboards from the InfluxDB user interface (UI). {{< nav-icon "dashboards" >}} -2. Hover over a dashboard and click the gear icon (**{{< icon "gear" >}}**), +2. Hover over a dashboard and click the gear icon (**{{< icon "gear" "v2" >}}**), and then select **Export**. 3. Review the JSON in the window that appears. 4. Select one of the following options: diff --git a/content/influxdb/cloud/visualize-data/explore-metrics.md b/content/influxdb/cloud/visualize-data/explore-metrics.md index 75d288a48..6ebec0327 100644 --- a/content/influxdb/cloud/visualize-data/explore-metrics.md +++ b/content/influxdb/cloud/visualize-data/explore-metrics.md @@ -41,7 +41,7 @@ See [Get started with Flux](/influxdb/cloud/query-data/get-started) to learn mor Click a function from the list to add it to your query. 5. Click **Submit** (or press `Control+Enter`) to run your query. You can then preview your graph in the above pane. To cancel your query while it's running, click **Cancel**. -6. To work on multiple queries at once, click the {{< icon "plus" >}} to add another tab. +6. To work on multiple queries at once, click the {{< icon "plus" "v2" >}} to add another tab. * Click the eye icon on a tab to hide or show a query's visualization. * Click the name of the query in the tab to rename it. @@ -58,7 +58,7 @@ To open the cell editor overlay, click the gear icon in the upper right of a cel ### View raw data -Toggle the **View Raw Data** {{< icon "toggle" >}} option to see your data in table format instead of a graph. Scroll through raw data using arrows, or click page numbers to find specific tables. [Group keys](/influxdb/cloud/reference/glossary/#group-key) and [data types](/influxdb/cloud/reference/glossary/#data-type) are easily identifiable at the top of each column underneath the headings. Use this option when data can't be visualized using a visualization type. +Toggle the **View Raw Data** {{< icon "toggle" "v2" >}} option to see your data in table format instead of a graph. Scroll through raw data using arrows, or click page numbers to find specific tables. [Group keys](/influxdb/cloud/reference/glossary/#group-key) and [data types](/influxdb/cloud/reference/glossary/#data-type) are easily identifiable at the top of each column underneath the headings. Use this option when data can't be visualized using a visualization type. {{< img-hd src="/img/influxdb/cloud-controls-view-raw-data.png" alt="View raw data" />}} @@ -68,7 +68,7 @@ Click the CSV icon to save the cells contents as a CSV file. ### Manually refresh dashboard -Click the refresh button ({{< icon "refresh" >}}) to manually refresh the dashboard's data. +Click the refresh button ({{< icon "refresh" "v2" >}}) to manually refresh the dashboard's data. ### Select time range diff --git a/content/influxdb/cloud/visualize-data/labels.md b/content/influxdb/cloud/visualize-data/labels.md index 355023383..4af780196 100644 --- a/content/influxdb/cloud/visualize-data/labels.md +++ b/content/influxdb/cloud/visualize-data/labels.md @@ -20,7 +20,7 @@ To manage labels: #### Create a label -1. Click **{{< icon "plus" >}} Create Label**. +1. Click **{{< icon "plus" "v2" >}} Create Label**. 2. Enter a **Name** for the label. 3. Enter a description for the label _(Optional)_. 4. Select a **Color** for the label. @@ -33,12 +33,12 @@ To manage labels: 3. Click **Save Changes**. #### Delete a label -1. In the label list view, hover over the label you would like to delete and click **{{< icon "trash" >}}**. +1. In the label list view, hover over the label you would like to delete and click **{{< icon "trash" "v2" >}}**. 2. Click **Delete**. ### Add labels to dashboard items 1. In the list view of dashboards, tasks, or other assets, hover over the item to which you would like to add a label. -2. Click the {{< icon "add-label" >}} icon that appears below the name. +2. Click the {{< icon "add-label" "v2" >}} icon that appears below the name. The **Add Labels** overlay will appear. 3. Type the name of the label you would like to add to filter the list of available labels. Click the label you would like to add. diff --git a/content/influxdb/cloud/visualize-data/variables/create-variable.md b/content/influxdb/cloud/visualize-data/variables/create-variable.md index 70b4aa844..d3804fd56 100644 --- a/content/influxdb/cloud/visualize-data/variables/create-variable.md +++ b/content/influxdb/cloud/visualize-data/variables/create-variable.md @@ -66,7 +66,7 @@ InfluxDB lets you import variables exported from InfluxDB in JSON format. {{< nav-icon "settings" >}} 2. Select the **Variables** tab. -3. Click the **{{< icon "plus" >}} Create Variable** drop-down menu and select **Import Variable**. +3. Click the **{{< icon "plus" "v2" >}} Create Variable** drop-down menu and select **Import Variable**. 4. In the window that appears: - Select **Upload File** to drag and drop or select a file. - Select **Paste JSON** to paste in JSON. diff --git a/content/influxdb/cloud/visualize-data/variables/delete-variable.md b/content/influxdb/cloud/visualize-data/variables/delete-variable.md index e4f0f2850..bed57a770 100644 --- a/content/influxdb/cloud/visualize-data/variables/delete-variable.md +++ b/content/influxdb/cloud/visualize-data/variables/delete-variable.md @@ -18,7 +18,7 @@ Delete an existing variable in the InfluxDB user interface (UI). {{< nav-icon "settings" >}} 2. Select the **Variables** tab. -3. Hover over a variable, click the **{{< icon "trash" >}}** icon, and **Delete**. +3. Hover over a variable, click the **{{< icon "trash" "v2" >}}** icon, and **Delete**. {{% warn %}} Once deleted, any dashboards with queries that utilize the variable will no diff --git a/content/influxdb/cloud/visualize-data/variables/export-variable.md b/content/influxdb/cloud/visualize-data/variables/export-variable.md index 5bf478653..09603e816 100644 --- a/content/influxdb/cloud/visualize-data/variables/export-variable.md +++ b/content/influxdb/cloud/visualize-data/variables/export-variable.md @@ -18,7 +18,7 @@ Variables are exported as downloadable JSON files. {{< nav-icon "settings" >}} 2. Select the **Variables** tab. -3. Hover over a variable in the list, then click the gear icon (**{{< icon "gear" >}}**) +3. Hover over a variable in the list, then click the gear icon (**{{< icon "gear" "v2" >}}**) and select **Export**. 4. Review the JSON in the window that appears. 5. Select one of the following options: diff --git a/content/influxdb/cloud/visualize-data/visualization-types/band.md b/content/influxdb/cloud/visualize-data/visualization-types/band.md index 7997e2e4a..fe62dd3d0 100644 --- a/content/influxdb/cloud/visualize-data/visualization-types/band.md +++ b/content/influxdb/cloud/visualize-data/visualization-types/band.md @@ -95,7 +95,7 @@ For example, in the band chart above, the lines represent the mean `usage_system ## Band controls -To view **Band** controls, click **{{< icon "gear" >}} Customize** next to the visualization dropdown. +To view **Band** controls, click **{{< icon "gear" "v2" >}} Customize** next to the visualization dropdown. ###### Data diff --git a/content/influxdb/cloud/visualize-data/visualization-types/graph-single-stat.md b/content/influxdb/cloud/visualize-data/visualization-types/graph-single-stat.md index 73b665d1f..d9f5426c5 100644 --- a/content/influxdb/cloud/visualize-data/visualization-types/graph-single-stat.md +++ b/content/influxdb/cloud/visualize-data/visualization-types/graph-single-stat.md @@ -38,7 +38,7 @@ For consistent Single Stat results, the query should return a single table. {{% /note %}} ## Graph + Single Stat Controls -To view **Graph + Single Stat** controls, click **{{< icon "gear" >}} Customize** next to +To view **Graph + Single Stat** controls, click **{{< icon "gear" "v2" >}} Customize** next to the visualization dropdown. ###### Data diff --git a/content/influxdb/cloud/visualize-data/visualization-types/graph.md b/content/influxdb/cloud/visualize-data/visualization-types/graph.md index 04ca05e7b..cee91bdf1 100644 --- a/content/influxdb/cloud/visualize-data/visualization-types/graph.md +++ b/content/influxdb/cloud/visualize-data/visualization-types/graph.md @@ -25,7 +25,7 @@ When multiple series are present, it automatically assigns colors based on the s When using a line graph, all points within a single table are connected. When multiple series are present, it automatically assigns colors based on the selected [Line Colors option](#options). ## Graph controls -To view **Graph** controls, click **{{< icon "gear" >}} Customize** next to +To view **Graph** controls, click **{{< icon "gear" "v2" >}} Customize** next to the visualization dropdown. ###### Data diff --git a/content/influxdb/cloud/visualize-data/visualization-types/map.md b/content/influxdb/cloud/visualize-data/visualization-types/map.md index 0ae9ba9a0..3ec7aff92 100644 --- a/content/influxdb/cloud/visualize-data/visualization-types/map.md +++ b/content/influxdb/cloud/visualize-data/visualization-types/map.md @@ -33,9 +33,9 @@ To view geo-temporal data on a geographic map, set up a Map visualization. Click the name of the dashboard to update and then do one of the following: - - **To edit an existing cell**, click the **{{< icon "cog" >}}** icon on - the cell and then **{{< icon "edit" >}} Configure**. - - **To create a new cell**, click **{{< icon "add-cell" >}} Add Cell**. + - **To edit an existing cell**, click the **{{< icon "cog" "v2" >}}** icon on + the cell and then **{{< icon "edit" "v2" >}} Configure**. + - **To create a new cell**, click **{{< icon "add-cell" "v2" >}} Add Cell**. 2. Use the **Query Builder** or the **Script Editor** to enter your query. To determine the location of points on a geographic map, query results must diff --git a/content/influxdb/cloud/write-data/no-code/use-telegraf/auto-config.md b/content/influxdb/cloud/write-data/no-code/use-telegraf/auto-config.md index b96c25985..f8467cf85 100644 --- a/content/influxdb/cloud/write-data/no-code/use-telegraf/auto-config.md +++ b/content/influxdb/cloud/write-data/no-code/use-telegraf/auto-config.md @@ -34,11 +34,11 @@ for using Telegraf with InfluxDB v2.0._ {{< nav-icon "load data" >}} -4. Click **{{< icon "plus" >}} Create Configuration**. +4. Click **{{< icon "plus" "v2" >}} Create Configuration**. 5. In the **Bucket** dropdown, select the bucket where Telegraf will store collected data. 6. Select one or more of the available plugin groups and click **Continue**. 7. Review the list of **Plugins to Configure** for configuration requirements. - Plugins listed with a {{< icon "check" >}} + Plugins listed with a {{< icon "check" "v2" >}} require no additional configuration. To configure a plugin or access plugin documentation, click the plugin name. diff --git a/content/influxdb/v2.0/influxdb-templates/monitor.md b/content/influxdb/v2.0/influxdb-templates/monitor.md index b7ff1a46c..80103e930 100644 --- a/content/influxdb/v2.0/influxdb-templates/monitor.md +++ b/content/influxdb/v2.0/influxdb-templates/monitor.md @@ -147,7 +147,7 @@ To alert when data stops flowing from InfluxDB OSS instances to your InfluxDB Cl {{< img-hd src="/img/influxdb/2-0-monitor-oss-deadman.png" />}} 2. Choose a InfluxDB OSS field or create a new OSS field for your deadman alert: - 1. Click **{{< icon "plus" >}} Create** and select **Deadman Check** in the dropown menu. + 1. Click **{{< icon "plus" "v2" >}} Create** and select **Deadman Check** in the dropown menu. 2. Define your query with at least one field. 3. Click **Submit** and **Configure Check**. When metrics stop reporting, you'll receive an alert. @@ -166,7 +166,7 @@ InfluxData supports different endpoints: Slack, PagerDuty, and HTTP. Slack is fr #### Send a notification to Slack 1. Create a [Slack Webhooks](https://api.slack.com/messaging/webhooks). -2. Go to **Alerts > Notification Endpoint** and click **{{< icon "plus" >}} Create**, and enter a name and description for your Slack endpoint. +2. Go to **Alerts > Notification Endpoint** and click **{{< icon "plus" "v2" >}} Create**, and enter a name and description for your Slack endpoint. 3. Enter your Slack Webhook under **Incoming Webhook URL** and click **Create Notification Endpoint**. #### Send a notification to PagerDuty or HTTP @@ -177,5 +177,5 @@ Send a notification to PagerDuty or HTTP endpoints (other webhooks) by [upgradin [Create a notification rule](/influxdb/cloud/monitor-alert/notification-rules/create/) to set rules for when to send a deadman alert message to your notification endpoint. -1. Go to **Alerts > Notification Rules** and click **{{< icon "plus" >}} Create**. +1. Go to **Alerts > Notification Rules** and click **{{< icon "plus" "v2" >}} Create**. 2. Fill out the **About** and **Conditions** section then click **Create Notification Rule**. diff --git a/content/influxdb/v2.0/monitor-alert/checks/create.md b/content/influxdb/v2.0/monitor-alert/checks/create.md index 0bb62d962..4cb307dd0 100644 --- a/content/influxdb/v2.0/monitor-alert/checks/create.md +++ b/content/influxdb/v2.0/monitor-alert/checks/create.md @@ -47,7 +47,7 @@ in a specified amount of time. {{< nav-icon "alerts" >}} -2. Click **{{< icon "plus" >}} Create** and select the [type of check](#check-types) to create. +2. Click **{{< icon "plus" "v2" >}} Create** and select the [type of check](#check-types) to create. 3. Click **Name this check** in the top left corner and provide a unique name for the check. #### Configure the check query @@ -60,7 +60,7 @@ in a specified amount of time. (for example, "Every 5 minutes") and an aggregate function from the list of functions. 3. Click **Submit** to run the query and preview the results. - To see the raw query results, click the **{{< icon "toggle" >}} View Raw Data** toggle. + To see the raw query results, click the **{{< icon "toggle" "v2" >}} View Raw Data** toggle. #### Configure the check 1. Click **2. Configure Check** near the top of the window. @@ -143,10 +143,10 @@ count = 12 3. In the **And stop checking after** field, enter the time to stop monitoring the series. For example, `30m`, `2h`, `3h15m`, etc. -5. Click the green **{{< icon "check" >}}** in the top right corner to save the check. +5. Click the green **{{< icon "check" "v2" >}}** in the top right corner to save the check. ## Clone a check Create a new check by cloning an existing check. 1. In the **Checks** column, hover over the check you want to clone. -2. Click the **{{< icon "clone" >}}** icon, then **Clone**. +2. Click the **{{< icon "clone" "v2" >}}** icon, then **Clone**. diff --git a/content/influxdb/v2.0/monitor-alert/checks/delete.md b/content/influxdb/v2.0/monitor-alert/checks/delete.md index 2b15d798e..081176b62 100644 --- a/content/influxdb/v2.0/monitor-alert/checks/delete.md +++ b/content/influxdb/v2.0/monitor-alert/checks/delete.md @@ -22,7 +22,7 @@ Deleting a check cannot be undone. {{< nav-icon "alerts" >}} -2. Hover over the check you want to delete, click the **{{< icon "delete" >}}** +2. Hover over the check you want to delete, click the **{{< icon "delete" "v2" >}}** icon, and then **Delete**. After a check is deleted, all statuses generated by the check remain in the `_monitoring` diff --git a/content/influxdb/v2.0/monitor-alert/checks/update.md b/content/influxdb/v2.0/monitor-alert/checks/update.md index bab77c246..f48beb4c4 100644 --- a/content/influxdb/v2.0/monitor-alert/checks/update.md +++ b/content/influxdb/v2.0/monitor-alert/checks/update.md @@ -34,18 +34,18 @@ To update checks, select **Alerts** in the navigation menu on the left. _For details about using the check builder, see [Create checks](/influxdb/v2.0/monitor-alert/checks/create/)._ ## Enable or disable a check -Click the {{< icon "toggle" >}} toggle next to a check to enable or disable it. +Click the {{< icon "toggle" "v2" >}} toggle next to a check to enable or disable it. ## Rename a check 1. Hover over the name of the check you want to update. -2. Click the **{{< icon "edit" >}}** icon that appears next to the check name. +2. Click the **{{< icon "edit" "v2" >}}** icon that appears next to the check name. 2. Enter a new name and click out of the name field or press enter to save. _You can also rename a check in the [check builder](#update-check-queries-and-logic)._ ## Add or update a check description 1. Hover over the check description you want to update. -2. Click the **{{< icon "edit" >}}** icon that appears next to the description. +2. Click the **{{< icon "edit" "v2" >}}** icon that appears next to the description. 2. Enter a new description and click out of the name field or press enter to save. ## Add a label to a check @@ -57,4 +57,4 @@ _You can also rename a check in the [check builder](#update-check-queries-and-lo - In the **Description** field, enter an optional description for the label. - Select a color for the label. - Click **Create Label**. -4. To remove a label, hover over the label under to a rule and click **{{< icon "x" >}}**. +4. To remove a label, hover over the label under to a rule and click **{{< icon "x" "v2" >}}**. diff --git a/content/influxdb/v2.0/monitor-alert/checks/view.md b/content/influxdb/v2.0/monitor-alert/checks/view.md index 451a1adc7..510d2b573 100644 --- a/content/influxdb/v2.0/monitor-alert/checks/view.md +++ b/content/influxdb/v2.0/monitor-alert/checks/view.md @@ -32,12 +32,12 @@ The check builder appears. Here you can view the check query and logic. ## View statuses generated by a check -1. Hover over the check and click the **{{< icon "view" >}}** icon. +1. Hover over the check and click the **{{< icon "view" "v2" >}}** icon. 2. Click **View History**. The Statuses History page displays statuses generated by the selected check. ## View notifications triggered by a check -1. Hover over the check, click the **{{< icon "view" >}}** +1. Hover over the check, click the **{{< icon "view" "v2" >}}** icon, then **View History**. 2. In the top left corner, click **Notifications**. The Notifications History page displays notifications initiated by the selected check. diff --git a/content/influxdb/v2.0/monitor-alert/custom-checks.md b/content/influxdb/v2.0/monitor-alert/custom-checks.md index 5c48dc93b..3506a70eb 100644 --- a/content/influxdb/v2.0/monitor-alert/custom-checks.md +++ b/content/influxdb/v2.0/monitor-alert/custom-checks.md @@ -25,7 +25,7 @@ Using a Flux task, you can create a custom check that provides a couple advantag {{< nav-icon "tasks" >}} -2. Click **{{< icon "plus" >}} Create Task**, and then select **New Task**. +2. Click **{{< icon "plus" "v2" >}} Create Task**, and then select **New Task**. 3. In the **Name** field, enter a descriptive name, and then enter how often to run the task in the **Every** field (for example, `10m`). For more detail, such as using cron syntax or including an offset, see [Task configuration options](/influxdb/v2.0/process-data/task-options/). diff --git a/content/influxdb/v2.0/monitor-alert/notification-endpoints/create.md b/content/influxdb/v2.0/monitor-alert/notification-endpoints/create.md index ba92a2f0e..701d987b5 100644 --- a/content/influxdb/v2.0/monitor-alert/notification-endpoints/create.md +++ b/content/influxdb/v2.0/monitor-alert/notification-endpoints/create.md @@ -21,7 +21,7 @@ To send notifications about changes in your data, start by creating a notificati {{< nav-icon "alerts" >}} 2. Select **Notification Endpoints** near to top of the page. -3. Click **{{< icon "plus" >}} Create**. +3. Click **{{< icon "plus" "v2" >}} Create**. 4. From the **Destination** drop-down list, select a destination endpoint to send notifications 5. In the **Name** and **Description** fields, enter a name and description for the endpoint. 6. Enter information to connect to the endpoint: diff --git a/content/influxdb/v2.0/monitor-alert/notification-endpoints/delete.md b/content/influxdb/v2.0/monitor-alert/notification-endpoints/delete.md index efb2ed9cf..6a9263ce0 100644 --- a/content/influxdb/v2.0/monitor-alert/notification-endpoints/delete.md +++ b/content/influxdb/v2.0/monitor-alert/notification-endpoints/delete.md @@ -22,5 +22,5 @@ If notifications are no longer sent to an endpoint, complete the steps below to 2. Select **Notification Endpoints** near to top of the page. find the rule you want to delete. -3. Hover over the endpoint you want to delete and click the **{{< icon "trash" >}}** icon. +3. Hover over the endpoint you want to delete and click the **{{< icon "trash" "v2" >}}** icon. 4. Click **Delete** to confirm. diff --git a/content/influxdb/v2.0/monitor-alert/notification-endpoints/update.md b/content/influxdb/v2.0/monitor-alert/notification-endpoints/update.md index 417df7969..5ce5201bd 100644 --- a/content/influxdb/v2.0/monitor-alert/notification-endpoints/update.md +++ b/content/influxdb/v2.0/monitor-alert/notification-endpoints/update.md @@ -21,7 +21,7 @@ To update the notification endpoint details, complete the procedures below as ne {{< nav-icon "alerts" >}} 2. Select **Notification Endpoints** near to top of the page. -3. Click **{{< icon "add-label" >}} Add a label** next to the endpoint you want to add a label to. +3. Click **{{< icon "add-label" "v2" >}} Add a label** next to the endpoint you want to add a label to. The **Add Labels** box opens. 4. To add an existing label, select the label from the list. 5. To create and add a new label: @@ -41,7 +41,7 @@ To update the notification endpoint details, complete the procedures below as ne {{< nav-icon "alerts" >}} 2. Select **Notification Endpoints** near to top of the page. -3. Click the {{< icon "toggle" >}} toggle to disable the notification endpoint. +3. Click the {{< icon "toggle" "v2" >}} toggle to disable the notification endpoint. ## Update the name or description for notification endpoint @@ -51,7 +51,7 @@ To update the notification endpoint details, complete the procedures below as ne 2. Select **Notification Endpoints** near to top of the page. 3. Hover over the name or description of the endpoint and click the pencil icon - (**{{< icon "edit" >}}**) to edit the field. + (**{{< icon "edit" "v2" >}}**) to edit the field. 4. Click outside of the field to save your changes. ## Change endpoint details diff --git a/content/influxdb/v2.0/monitor-alert/notification-endpoints/view.md b/content/influxdb/v2.0/monitor-alert/notification-endpoints/view.md index cda2de2f5..787f59204 100644 --- a/content/influxdb/v2.0/monitor-alert/notification-endpoints/view.md +++ b/content/influxdb/v2.0/monitor-alert/notification-endpoints/view.md @@ -44,7 +44,7 @@ View notification endpoint details and history in the InfluxDB user interface (U {{< nav-icon "alerts" >}} 2. Select **Notification Endpoints** near to top of the page. -3. Hover over the notification endpoint, click the **{{< icon "view" >}}** icon, then **View History**. +3. Hover over the notification endpoint, click the **{{< icon "view" "v2" >}}** icon, then **View History**. The Check Statuses History page displays: - Statuses generated for the selected notification endpoint diff --git a/content/influxdb/v2.0/monitor-alert/notification-rules/create.md b/content/influxdb/v2.0/monitor-alert/notification-rules/create.md index 5142c1608..cb26bc736 100644 --- a/content/influxdb/v2.0/monitor-alert/notification-rules/create.md +++ b/content/influxdb/v2.0/monitor-alert/notification-rules/create.md @@ -22,7 +22,7 @@ _For details, see [Manage checks](/influxdb/v2.0/monitor-alert/checks/) and {{< nav-icon "alerts" >}} 2. Select **Notification Rules** near to top of the page. -3. Click **{{< icon "plus" >}} Create**. +3. Click **{{< icon "plus" "v2" >}} Create**. 4. Complete the **About** section: 1. In the **Name** field, enter a name for the notification rule. 2. In the **Schedule Every** field, enter how frequently the rule should run. @@ -40,5 +40,5 @@ _For details, see [Manage checks](/influxdb/v2.0/monitor-alert/checks/) and {{< nav-icon "alerts" >}} 2. Select **Notification Rules** near to top of the page. -3. Hover over the rule you want to clone and click the **{{< icon "clone" >}}** icon and select **Clone**. +3. Hover over the rule you want to clone and click the **{{< icon "clone" "v2" >}}** icon and select **Clone**. The cloned rule appears. diff --git a/content/influxdb/v2.0/monitor-alert/notification-rules/delete.md b/content/influxdb/v2.0/monitor-alert/notification-rules/delete.md index 964638e66..e33165111 100644 --- a/content/influxdb/v2.0/monitor-alert/notification-rules/delete.md +++ b/content/influxdb/v2.0/monitor-alert/notification-rules/delete.md @@ -18,5 +18,5 @@ related: {{< nav-icon "alerts" >}} 2. Select **Notification Rules** near to top of the page. -3. Hover over the rule you want to delete and click the **{{< icon "trash" >}}** icon. +3. Hover over the rule you want to delete and click the **{{< icon "trash" "v2" >}}** icon. 4. Click **Delete** to confirm. diff --git a/content/influxdb/v2.0/monitor-alert/notification-rules/update.md b/content/influxdb/v2.0/monitor-alert/notification-rules/update.md index ce3fd66d0..46ce55a8c 100644 --- a/content/influxdb/v2.0/monitor-alert/notification-rules/update.md +++ b/content/influxdb/v2.0/monitor-alert/notification-rules/update.md @@ -18,7 +18,7 @@ related: {{< nav-icon "alerts" >}} 2. Select **Notification Rules** near to top of the page. -3. Click **{{< icon "add-label" >}} Add a label** next to the rule you want to add a label to. +3. Click **{{< icon "add-label" "v2" >}} Add a label** next to the rule you want to add a label to. The **Add Labels** box opens. 4. To add an existing label, select the label from the list. 5. To create and add a new label: @@ -26,7 +26,7 @@ related: - In the **Description** field, enter an optional description for the label. - Select a color for the label. - Click **Create Label**. -6. To remove a label, hover over the label under to a rule and click **{{< icon "x" >}}**. +6. To remove a label, hover over the label under to a rule and click **{{< icon "x" "v2" >}}**. ## Disable notification rules @@ -36,7 +36,7 @@ related: {{< nav-icon "alerts" >}} 2. Select **Notification Rules** near to top of the page. -3. Click the {{< icon "toggle" >}} toggle to disable the notification rule. +3. Click the {{< icon "toggle" "v2" >}} toggle to disable the notification rule. ## Update the name or description for notification rules @@ -46,5 +46,5 @@ related: 2. Select **Notification Rules** near to top of the page. 3. Hover over the name or description of a rule and click the pencil icon - (**{{< icon "edit" >}}**) to edit the field. + (**{{< icon "edit" "v2" >}}**) to edit the field. 4. Click outside of the field to save your changes. diff --git a/content/influxdb/v2.0/monitor-alert/notification-rules/view.md b/content/influxdb/v2.0/monitor-alert/notification-rules/view.md index d52530892..16a9fcf64 100644 --- a/content/influxdb/v2.0/monitor-alert/notification-rules/view.md +++ b/content/influxdb/v2.0/monitor-alert/notification-rules/view.md @@ -35,11 +35,11 @@ The check builder appears. Here you can view the check query and logic. ## View statuses generated by a notification rule -Hover over the check, click the **{{< icon "view" >}}** icon, and then **View History**. +Hover over the check, click the **{{< icon "view" "v2" >}}** icon, and then **View History**. The Statuses History page displays statuses generated by the selected check. ## View notifications triggered by a notification rule -1. Hover over the notification rule, click the **{{< icon "view" >}}** +1. Hover over the notification rule, click the **{{< icon "view" "v2" >}}** icon, and then **View History**. 2. In the top left corner, click **Notifications**. The Notifications History page displays notifications initiated by the selected notification rule. diff --git a/content/influxdb/v2.0/monitor-alert/send-email.md b/content/influxdb/v2.0/monitor-alert/send-email.md index fba2dbf8f..3414a25ad 100644 --- a/content/influxdb/v2.0/monitor-alert/send-email.md +++ b/content/influxdb/v2.0/monitor-alert/send-email.md @@ -31,7 +31,7 @@ Send an alert email using a third-party service, such as [SendGrid](https://send {{< nav-icon "tasks" >}} -2. Click **{{< icon "plus" >}} Create Task**, and then select **New Task**. +2. Click **{{< icon "plus" "v2" >}} Create Task**, and then select **New Task**. 3. In the **Name** field, enter a descriptive name, for example, **Send alert email**, and then enter how often to run the task in the **Every** field, for example, `10m`. For more detail, such as using cron syntax or including an offset, see [Task configuration options](/influxdb/v2.0/process-data/task-options/). 4. In the right panel, enter the following detail in your **task script** (see [examples below](#examples)): diff --git a/content/influxdb/v2.0/organizations/buckets/create-bucket.md b/content/influxdb/v2.0/organizations/buckets/create-bucket.md index 05482c092..a0fd57c7b 100644 --- a/content/influxdb/v2.0/organizations/buckets/create-bucket.md +++ b/content/influxdb/v2.0/organizations/buckets/create-bucket.md @@ -29,7 +29,7 @@ There are two places you can create a bucket in the UI. {{< nav-icon "data" >}} -2. Click **{{< icon "plus" >}} Create Bucket** in the upper right. +2. Click **{{< icon "plus" "v2" >}} Create Bucket** in the upper right. 3. Enter a **Name** for the bucket. 4. Select when to **Delete Data**: - **Never** to retain data forever. diff --git a/content/influxdb/v2.0/organizations/buckets/delete-bucket.md b/content/influxdb/v2.0/organizations/buckets/delete-bucket.md index 66066755c..3ec5881cd 100644 --- a/content/influxdb/v2.0/organizations/buckets/delete-bucket.md +++ b/content/influxdb/v2.0/organizations/buckets/delete-bucket.md @@ -19,7 +19,7 @@ to delete a bucket. {{< nav-icon "data" >}} 2. Hover over the bucket you would like to delete. -3. Click **{{< icon "delete" >}} Delete Bucket** and **Confirm** to delete the bucket. +3. Click **{{< icon "delete" "v2" >}} Delete Bucket** and **Confirm** to delete the bucket. ## Delete a bucket using the influx CLI diff --git a/content/influxdb/v2.0/organizations/members/remove-member.md b/content/influxdb/v2.0/organizations/members/remove-member.md index c9ea391cd..5848691e7 100644 --- a/content/influxdb/v2.0/organizations/members/remove-member.md +++ b/content/influxdb/v2.0/organizations/members/remove-member.md @@ -24,7 +24,7 @@ For information about deleting a user from InfluxDB, see [Delete a user](/influx {{< nav-icon "org" >}} -2. Hover over the member you would like to delete and click the **{{< icon "delete" >}}** icon. +2. Hover over the member you would like to delete and click the **{{< icon "delete" "v2" >}}** icon. 3. Click **Delete**. ## Remove a member from an organization using the influx CLI diff --git a/content/influxdb/v2.0/organizations/update-org.md b/content/influxdb/v2.0/organizations/update-org.md index 5d724e9d2..6a24cc53f 100644 --- a/content/influxdb/v2.0/organizations/update-org.md +++ b/content/influxdb/v2.0/organizations/update-org.md @@ -27,7 +27,7 @@ If you change an organization name, be sure to update the organization in the ab {{< img-hd src="/img/influxdb/user-icon.png" alt="User Icon" />}} -2. Click **{{< icon "edit" >}} Rename**. A verification window appears. +2. Click **{{< icon "edit" "v2" >}} Rename**. A verification window appears. 3. Review the information, and then click **I understand, let's rename my organization**. 4. Enter a new name for your organization, and then click **Change organization name**. diff --git a/content/influxdb/v2.0/process-data/manage-tasks/create-task.md b/content/influxdb/v2.0/process-data/manage-tasks/create-task.md index 5f1fb9eed..288dac67f 100644 --- a/content/influxdb/v2.0/process-data/manage-tasks/create-task.md +++ b/content/influxdb/v2.0/process-data/manage-tasks/create-task.md @@ -48,7 +48,7 @@ The InfluxDB UI provides multiple ways to create a task: {{< nav-icon "tasks" >}} -2. Click **{{< icon "plus" >}} Create Task** in the upper right. +2. Click **{{< icon "plus" "v2" >}} Create Task** in the upper right. 3. Select **New Task**. 4. In the left panel, specify the task options. See [Task options](/influxdb/v2.0/process-data/task-options) for detailed information about each option. @@ -92,7 +92,7 @@ fields in the left panel when you save the task. {{< nav-icon "tasks" >}} -2. Hover over the task you would like to clone and click the **{{< icon "duplicate" >}}** icon that appears. +2. Hover over the task you would like to clone and click the **{{< icon "duplicate" "v2" >}}** icon that appears. 4. Click **Clone**. ## Create a task using the influx CLI diff --git a/content/influxdb/v2.0/process-data/manage-tasks/export-task.md b/content/influxdb/v2.0/process-data/manage-tasks/export-task.md index c176cc13d..9bec81188 100644 --- a/content/influxdb/v2.0/process-data/manage-tasks/export-task.md +++ b/content/influxdb/v2.0/process-data/manage-tasks/export-task.md @@ -18,7 +18,7 @@ Tasks are exported as downloadable JSON files. {{< nav-icon "tasks" >}} 2. In the list of tasks, hover over the task you would like to export and click - the **{{< icon "gear" >}}** icon that appears. + the **{{< icon "gear" "v2" >}}** icon that appears. 3. Select **Export**. 4. Downloading or save the task export file using one of the following options: - Click **Download JSON** to download the exported JSON file. diff --git a/content/influxdb/v2.0/process-data/manage-tasks/run-task.md b/content/influxdb/v2.0/process-data/manage-tasks/run-task.md index 1a45dd7d2..8a2e8fffa 100644 --- a/content/influxdb/v2.0/process-data/manage-tasks/run-task.md +++ b/content/influxdb/v2.0/process-data/manage-tasks/run-task.md @@ -23,7 +23,7 @@ however, you can manually run a task from the InfluxDB user interface (UI) or th {{< nav-icon "tasks" >}} -2. Hover over the task you want to run and click the **{{< icon "gear" >}}** icon. +2. Hover over the task you want to run and click the **{{< icon "gear" "v2" >}}** icon. 3. Select **Run Task**. ## Run a task with the influx CLI diff --git a/content/influxdb/v2.0/process-data/manage-tasks/task-run-history.md b/content/influxdb/v2.0/process-data/manage-tasks/task-run-history.md index 5ebfe10ba..c54414541 100644 --- a/content/influxdb/v2.0/process-data/manage-tasks/task-run-history.md +++ b/content/influxdb/v2.0/process-data/manage-tasks/task-run-history.md @@ -26,7 +26,7 @@ to view task run histories and associated logs. {{< nav-icon "tasks" >}} -2. Hover over the task you want to run and click the **{{< icon "gear" >}}** icon. +2. Hover over the task you want to run and click the **{{< icon "gear" "v2" >}}** icon. 3. Select **View Task Runs**. ### View task run logs diff --git a/content/influxdb/v2.0/process-data/manage-tasks/update-task.md b/content/influxdb/v2.0/process-data/manage-tasks/update-task.md index 81480518f..ef4e5db89 100644 --- a/content/influxdb/v2.0/process-data/manage-tasks/update-task.md +++ b/content/influxdb/v2.0/process-data/manage-tasks/update-task.md @@ -27,12 +27,12 @@ Click the name of a task to update it. #### Update the status of a task -In the list of tasks, click the {{< icon "toggle" >}} toggle to the left of the +In the list of tasks, click the {{< icon "toggle" "v2" >}} toggle to the left of the task you want to activate or inactivate. #### Update a task description 1. In the list of tasks, hover over the name of the task you want to update. -2. Click the pencil icon {{< icon "pencil" >}}. +2. Click the pencil icon {{< icon "pencil" "v2" >}}. 3. Click outside of the field or press `RETURN` to update. ## Update a task with the influx CLI diff --git a/content/influxdb/v2.0/process-data/manage-tasks/view-tasks.md b/content/influxdb/v2.0/process-data/manage-tasks/view-tasks.md index 22b445cb7..0df413d3f 100644 --- a/content/influxdb/v2.0/process-data/manage-tasks/view-tasks.md +++ b/content/influxdb/v2.0/process-data/manage-tasks/view-tasks.md @@ -19,7 +19,7 @@ Click the **Tasks** icon in the left navigation to view the lists of tasks. ### Filter the list of tasks -1. Click the **Show Inactive** {{< icon "toggle" >}} toggle to include or exclude +1. Click the **Show Inactive** {{< icon "toggle" "v2" >}} toggle to include or exclude inactive tasks in the list. 2. Enter text in the **Filter tasks** field to search for tasks by name or label. 3. Click the heading of any column to sort by that field. diff --git a/content/influxdb/v2.0/query-data/execute-queries/data-explorer.md b/content/influxdb/v2.0/query-data/execute-queries/data-explorer.md index 7c9bf869b..487cd88c8 100644 --- a/content/influxdb/v2.0/query-data/execute-queries/data-explorer.md +++ b/content/influxdb/v2.0/query-data/execute-queries/data-explorer.md @@ -40,7 +40,7 @@ See [Get started with Flux](/influxdb/v2.0/query-data/get-started) to learn more Click a function from the list to add it to your query. 5. Click **Submit** (or press `Control+Enter`) to run your query. You can then preview your graph in the above pane. To cancel your query while it's running, click **Cancel**. -6. To work on multiple queries at once, click the {{< icon "plus" >}} to add another tab. +6. To work on multiple queries at once, click the {{< icon "plus" "v2" >}} to add another tab. * Click the eye icon on a tab to hide or show a query's visualization. * Click the name of the query in the tab to rename it. @@ -57,7 +57,7 @@ To open the cell editor overlay, click the gear icon in the upper right of a cel ### View raw data -Toggle the **View Raw Data** {{< icon "toggle" >}} option to see your data in table format instead of a graph. Scroll through raw data using arrows, or click page numbers to find specific tables. [Group keys](/influxdb/cloud/reference/glossary/#group-key) and [data types](/influxdb/cloud/reference/glossary/#data-type) are easily identifiable at the top of each column underneath the headings. Use this option when data can't be visualized using a visualization type. +Toggle the **View Raw Data** {{< icon "toggle" "v2" >}} option to see your data in table format instead of a graph. Scroll through raw data using arrows, or click page numbers to find specific tables. [Group keys](/influxdb/cloud/reference/glossary/#group-key) and [data types](/influxdb/cloud/reference/glossary/#data-type) are easily identifiable at the top of each column underneath the headings. Use this option when data can't be visualized using a visualization type. {{< img-hd src="/img/influxdb/cloud-controls-view-raw-data.png" alt="View raw data" />}} @@ -67,7 +67,7 @@ Click the CSV icon to save the cells contents as a CSV file. ### Manually refresh dashboard -Click the refresh button ({{< icon "refresh" >}}) to manually refresh the dashboard's data. +Click the refresh button ({{< icon "refresh" "v2" >}}) to manually refresh the dashboard's data. ### Select time range diff --git a/content/influxdb/v2.0/query-data/execute-queries/query-sample-data.md b/content/influxdb/v2.0/query-data/execute-queries/query-sample-data.md index 2b7757bcc..12dd402db 100644 --- a/content/influxdb/v2.0/query-data/execute-queries/query-sample-data.md +++ b/content/influxdb/v2.0/query-data/execute-queries/query-sample-data.md @@ -64,7 +64,7 @@ In the navigation menu on the left, click **Explore (Data Explorer)**. {{< nav-icon "data" >}} -2. Click **{{< icon "plus" >}} Create bucket**, and then name your bucket. The bucket will appear in your list of buckets. +2. Click **{{< icon "plus" "v2" >}} Create bucket**, and then name your bucket. The bucket will appear in your list of buckets. 3. View the [sample datasets document](/influxdb/cloud/reference/sample-data/#sample-datasets) and choose a sample data to query. 4. Copy the `sample.data()` function listed underneath. 5. Click **Explore** on the left navigation of InfluxDB Cloud and click your bucket, and then click **Script Editor**. diff --git a/content/influxdb/v2.0/query-data/optimize-queries.md b/content/influxdb/v2.0/query-data/optimize-queries.md index 929d957e2..99cda5f06 100644 --- a/content/influxdb/v2.0/query-data/optimize-queries.md +++ b/content/influxdb/v2.0/query-data/optimize-queries.md @@ -27,34 +27,34 @@ Most pushdowns are supported when querying an InfluxDB 2.0 or InfluxDB Cloud dat | Functions | InfluxDB 2.0 | InfluxDB Cloud | |:--------- |:------------: |:--------------: | -| **count()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **drop()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **duplicate()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **filter()** {{% req " \*" %}} | {{< icon "check" >}} | {{< icon "check" >}} | -| **fill()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **first()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **keep()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **last()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **max()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **mean()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **min()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **range()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **rename()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **sum()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **window()** | {{< icon "check" >}} | {{< icon "check" >}} | +| **count()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **drop()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **duplicate()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **filter()** {{% req " \*" %}} | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **fill()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **first()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **keep()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **last()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **max()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **mean()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **min()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **range()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **rename()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **sum()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **window()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | | _Function combinations_ | | | -| **group()** \|> **count()** | | {{< icon "check" >}} | -| **group()** \|> **first()** | | {{< icon "check" >}} | -| **group()** \|> **last()** | | {{< icon "check" >}} | -| **group()** \|> **max()** | | {{< icon "check" >}} | -| **group()** \|> **min()** | | {{< icon "check" >}} | -| **group()** \|> **sum()** | | {{< icon "check" >}} | -| **window()** \|> **count()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **window()** \|> **first()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **window()** \|> **last()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **window()** \|> **max()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **window()** \|> **min()** | {{< icon "check" >}} | {{< icon "check" >}} | -| **window()** \|> **sum()** | {{< icon "check" >}} | {{< icon "check" >}} | +| **group()** \|> **count()** | | {{< icon "check" "v2" >}} | +| **group()** \|> **first()** | | {{< icon "check" "v2" >}} | +| **group()** \|> **last()** | | {{< icon "check" "v2" >}} | +| **group()** \|> **max()** | | {{< icon "check" "v2" >}} | +| **group()** \|> **min()** | | {{< icon "check" "v2" >}} | +| **group()** \|> **sum()** | | {{< icon "check" "v2" >}} | +| **window()** \|> **count()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **window()** \|> **first()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **window()** \|> **last()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **window()** \|> **max()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **window()** \|> **min()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | +| **window()** \|> **sum()** | {{< icon "check" "v2" >}} | {{< icon "check" "v2" >}} | {{% caption %}} {{< req "\*" >}} **filter()** only pushes down when all parameter values are static. diff --git a/content/influxdb/v2.0/security/tokens/create-token.md b/content/influxdb/v2.0/security/tokens/create-token.md index 397018786..dd6c40184 100644 --- a/content/influxdb/v2.0/security/tokens/create-token.md +++ b/content/influxdb/v2.0/security/tokens/create-token.md @@ -25,7 +25,7 @@ Tokens are visible to the user who created the token. {{% oss-only %}} Users who {{< nav-icon "disks" >}} -2. Click **{{< icon "plus" >}} Generate** and select a token type +2. Click **{{< icon "plus" "v2" >}} Generate** and select a token type (**Read/Write Token** or **All-Access Token**). 3. In the window that appears, enter a description for your token in the **Description** field. 4. If generating a **read/write token**: diff --git a/content/influxdb/v2.0/security/tokens/update-tokens.md b/content/influxdb/v2.0/security/tokens/update-tokens.md index dbca462f0..8fe2d1f7d 100644 --- a/content/influxdb/v2.0/security/tokens/update-tokens.md +++ b/content/influxdb/v2.0/security/tokens/update-tokens.md @@ -19,7 +19,7 @@ Update an API token's description using the InfluxDB user interface (UI). {{< nav-icon "disks" >}} -2. Click the pencil icon {{< icon "pencil" >}} next to the token's name in the **Description** column. +2. Click the pencil icon {{< icon "pencil" "v2" >}} next to the token's name in the **Description** column. 3. Update the token description, then click anywhere else to save. ## Enable or disable a token @@ -28,4 +28,4 @@ Update an API token's description using the InfluxDB user interface (UI). {{< nav-icon "disks" >}} -2. Click the **{{< icon "toggle-green" >}} Status** toggle. +2. Click the **{{< icon "toggle-green" "v2" >}} Status** toggle. diff --git a/content/influxdb/v2.0/telegraf-configs/clone.md b/content/influxdb/v2.0/telegraf-configs/clone.md index 5d9a57028..5557380c1 100644 --- a/content/influxdb/v2.0/telegraf-configs/clone.md +++ b/content/influxdb/v2.0/telegraf-configs/clone.md @@ -16,6 +16,6 @@ Use the InfluxDB user interface (UI) to clone a Telegraf configuration. {{< nav-icon "load data" >}} -2. Hover over the configuration you want to clone, click the **{{< icon "clone" >}}** +2. Hover over the configuration you want to clone, click the **{{< icon "clone" "v2" >}}** icon, and then click **Clone**. The clone appears in your list of Telegraf configurations. diff --git a/content/influxdb/v2.0/telegraf-configs/remove.md b/content/influxdb/v2.0/telegraf-configs/remove.md index da210a884..3b9f8cfd8 100644 --- a/content/influxdb/v2.0/telegraf-configs/remove.md +++ b/content/influxdb/v2.0/telegraf-configs/remove.md @@ -32,7 +32,7 @@ To remove a Telegraf configuration, do one of the following: {{< nav-icon "load data" >}} -2. Hover over the configuration you want to delete, click the **{{< icon "trash" >}}** +2. Hover over the configuration you want to delete, click the **{{< icon "trash" "v2" >}}** icon, and then click **Delete**. diff --git a/content/influxdb/v2.0/telegraf-configs/update.md b/content/influxdb/v2.0/telegraf-configs/update.md index ec4cf65d7..76eae7ed8 100644 --- a/content/influxdb/v2.0/telegraf-configs/update.md +++ b/content/influxdb/v2.0/telegraf-configs/update.md @@ -33,7 +33,7 @@ Telegraf doesn't detect changes to remote configurations. If you edit a remote c {{< nav-icon "load data" >}} -2. Hover over the configuration you want to edit and click **{{< icon "pencil" >}}** +2. Hover over the configuration you want to edit and click **{{< icon "pencil" "v2" >}}** to update the name or description. 3. Press **Return** or click out of the editable field to save your changes. diff --git a/content/influxdb/v2.0/tools/chronograf.md b/content/influxdb/v2.0/tools/chronograf.md index 3f71cd375..092ca96e2 100644 --- a/content/influxdb/v2.0/tools/chronograf.md +++ b/content/influxdb/v2.0/tools/chronograf.md @@ -22,7 +22,7 @@ Continue to use Chronograf with **InfluxDB Cloud** and **InfluxDB OSS 2.0** and ## Create an InfluxDB connection 1. In Choronograf, click **Configuration** in the left navigation bar, - and then click **{{< icon "plus" >}} Add Connection**. + and then click **{{< icon "plus" "v2" >}} Add Connection**. 2. Toggle the **InfluxDB v2 Auth** option at the bottom of the form. {{< img-hd src="/img/influxdb/2-0-tools-chronograf-v2-auth.png" alt="InfluxDB v2 Auth toggle" />}} @@ -83,7 +83,7 @@ For example, you **cannot** do the following: - Kill queries When connected to an InfluxDB Cloud or InfluxDB 2.0 database, functionality in the -**{{< icon "crown" >}} InfluxDB Admin** section of Chronograf is disabled. +**{{< icon "crown" "v2" >}} InfluxDB Admin** section of Chronograf is disabled. To complete administrative tasks, use the following: diff --git a/content/influxdb/v2.0/visualize-data/dashboards/control-dashboard.md b/content/influxdb/v2.0/visualize-data/dashboards/control-dashboard.md index 39147e67a..0af1ee26b 100644 --- a/content/influxdb/v2.0/visualize-data/dashboards/control-dashboard.md +++ b/content/influxdb/v2.0/visualize-data/dashboards/control-dashboard.md @@ -16,13 +16,13 @@ Use dashboard controls in the upper left to update your dashboard. ### Add a cell -Click **{{< icon "add-cell" >}} Add Cell** to open the Data Explorer and configure a new cell for your dashboard. +Click **{{< icon "add-cell" "v2" >}} Add Cell** to open the Data Explorer and configure a new cell for your dashboard. For details on using the Data Explorer, see [Explore metrics](/influxdb/v2.0/visualize-data/explore-metrics/). ### Add a note -1. Click **{{< icon "note" >}} Add Note** to add a note cell to your dashboard. +1. Click **{{< icon "note" "v2" >}} Add Note** to add a note cell to your dashboard. 2. Enter your note in Markdown in the left pane. A preview appears in the right pane. 3. Enable the **Show note when query returns no data** option to show the note only when the query displays no data. 4. Click **Save**. @@ -35,12 +35,12 @@ Click the timezone dropdown to select a timezone to use for the dashboard. Selec ### Manually refresh dashboard -Click the refresh button (**{{< icon "refresh" >}}**) to manually refresh the dashboard's data. +Click the refresh button (**{{< icon "refresh" "v2" >}}**) to manually refresh the dashboard's data. #### Manually refresh a single dashboard cell -1. Click the **{{< icon "gear" >}}** on the dashboard cell you want to refresh. -2. Click **{{< icon "refresh" >}} Refresh**. +1. Click the **{{< icon "gear" "v2" >}}** on the dashboard cell you want to refresh. +2. Click **{{< icon "refresh" "v2" >}} Refresh**. ### Select time range @@ -59,7 +59,7 @@ Click **Variables** to display variables available for your dashboard. For detai ### Presentation mode -Click the fullscreen icon (**{{< icon "fullscreen" >}}**) to enter presentation mode. Presentation mode allows you to view [a dashboard] in full screen, hiding the left and top navigation menus so only the cells appear. This mode might be helpful, for example, for stationary screens dedicated to monitoring visualizations. +Click the fullscreen icon (**{{< icon "fullscreen" "v2" >}}**) to enter presentation mode. Presentation mode allows you to view [a dashboard] in full screen, hiding the left and top navigation menus so only the cells appear. This mode might be helpful, for example, for stationary screens dedicated to monitoring visualizations. ### Toggle dark mode and light mode Click the moon or sun icons to toggle your dashboard between **dark mode** and **light mode.** diff --git a/content/influxdb/v2.0/visualize-data/dashboards/create-dashboard.md b/content/influxdb/v2.0/visualize-data/dashboards/create-dashboard.md index 150d903bf..172f61b6d 100644 --- a/content/influxdb/v2.0/visualize-data/dashboards/create-dashboard.md +++ b/content/influxdb/v2.0/visualize-data/dashboards/create-dashboard.md @@ -18,7 +18,7 @@ weight: 201 {{< nav-icon "dashboards" >}} -2. Click the **{{< icon "plus" >}} Create Dashboard** menu in the upper right and select **New Dashboard**. +2. Click the **{{< icon "plus" "v2" >}} Create Dashboard** menu in the upper right and select **New Dashboard**. 3. Enter a name for your dashboard in the **Name this dashboard** field in the upper left. @@ -40,19 +40,19 @@ weight: 201 {{< nav-icon "dashboards" >}} -2. Hover over the dashboard and click **{{< icon "copy" >}}**. +2. Hover over the dashboard and click **{{< icon "copy" "v2" >}}**. 3. Click **Clone**. The cloned dashboard opens. #### Add data to your dashboard -1. From your dashboard, click **{{< icon "add-cell" >}} Add Cell**. +1. From your dashboard, click **{{< icon "add-cell" "v2" >}} Add Cell**. 2. Create a query in the Data Explorer following the instructions in [Explore metrics](/influxdb/v2.0/visualize-data/explore-metrics). 3. Enter a name for your cell in the upper left. -4. Click the checkmark icon (**{{< icon "checkmark" >}}**) to save the cell to your dashboard. +4. Click the checkmark icon (**{{< icon "checkmark" "v2" >}}**) to save the cell to your dashboard. You can also send data to your dashboard directly from the Data Explorer. For details, [Explore metrics](/influxdb/v2.0/visualize-data/explore-metrics). #### Add a note to your dashboard -1. From your dashboard, click **{{< icon "note" >}} Add Note** in the upper left. +1. From your dashboard, click **{{< icon "note" "v2" >}} Add Note** in the upper left. 2. Enter your note in the window that appears. You can use Markdown syntax to format your note. 3. To preview your Markdown formatting, click the **Preview** option. 4. Click **Save**. diff --git a/content/influxdb/v2.0/visualize-data/dashboards/delete-dashboard.md b/content/influxdb/v2.0/visualize-data/dashboards/delete-dashboard.md index 31a2fdcf5..9ef2b980e 100644 --- a/content/influxdb/v2.0/visualize-data/dashboards/delete-dashboard.md +++ b/content/influxdb/v2.0/visualize-data/dashboards/delete-dashboard.md @@ -15,7 +15,7 @@ To delete a dashboard from the InfluxDB user interface (UI): {{< nav-icon "dashboards" >}} -2. Hover over the dashboard in the list of dashboards and click **{{< icon "trash" >}}**. +2. Hover over the dashboard in the list of dashboards and click **{{< icon "trash" "v2" >}}**. 3. Click **Delete**. {{% warn %}} diff --git a/content/influxdb/v2.0/visualize-data/dashboards/export-dashboard.md b/content/influxdb/v2.0/visualize-data/dashboards/export-dashboard.md index 70ed1e76b..93d65b429 100644 --- a/content/influxdb/v2.0/visualize-data/dashboards/export-dashboard.md +++ b/content/influxdb/v2.0/visualize-data/dashboards/export-dashboard.md @@ -17,7 +17,7 @@ InfluxDB lets you export dashboards from the InfluxDB user interface (UI). {{< nav-icon "dashboards" >}} -2. Hover over a dashboard and click the gear icon (**{{< icon "gear" >}}**), +2. Hover over a dashboard and click the gear icon (**{{< icon "gear" "v2" >}}**), and then select **Export**. 3. Review the JSON in the window that appears. 4. Select one of the following options: diff --git a/content/influxdb/v2.0/visualize-data/labels.md b/content/influxdb/v2.0/visualize-data/labels.md index ad61b14e4..1e2317bc7 100644 --- a/content/influxdb/v2.0/visualize-data/labels.md +++ b/content/influxdb/v2.0/visualize-data/labels.md @@ -20,7 +20,7 @@ To manage labels: #### Create a label -1. Click **{{< icon "plus" >}} Create Label**. +1. Click **{{< icon "plus" "v2" >}} Create Label**. 2. Enter a **Name** for the label. 3. Enter a description for the label _(Optional)_. 4. Select a **Color** for the label. @@ -33,12 +33,12 @@ To manage labels: 3. Click **Save Changes**. #### Delete a label -1. In the label list view, hover over the label you would like to delete and click **{{< icon "trash" >}}**. +1. In the label list view, hover over the label you would like to delete and click **{{< icon "trash" "v2" >}}**. 2. Click **Delete**. ### Add labels to dashboard items 1. In the list view of dashboards, tasks, or other assets, hover over the item to which you would like to add a label. -2. Click the {{< icon "add-label" >}} icon that appears below the name. +2. Click the {{< icon "add-label" "v2" >}} icon that appears below the name. The **Add Labels** overlay will appear. 3. Type the name of the label you would like to add to filter the list of available labels. Click the label you would like to add. diff --git a/content/influxdb/v2.0/visualize-data/variables/create-variable.md b/content/influxdb/v2.0/visualize-data/variables/create-variable.md index 82e9bb4c1..5a7f2bed0 100644 --- a/content/influxdb/v2.0/visualize-data/variables/create-variable.md +++ b/content/influxdb/v2.0/visualize-data/variables/create-variable.md @@ -66,7 +66,7 @@ InfluxDB lets you import variables exported from InfluxDB in JSON format. {{< nav-icon "settings" >}} 2. Select the **Variables** tab. -3. Click the **{{< icon "plus" >}} Create Variable** drop-down menu and select **Import Variable**. +3. Click the **{{< icon "plus" "v2" >}} Create Variable** drop-down menu and select **Import Variable**. 4. In the window that appears: - Select **Upload File** to drag and drop or select a file. - Select **Paste JSON** to paste in JSON. diff --git a/content/influxdb/v2.0/visualize-data/variables/delete-variable.md b/content/influxdb/v2.0/visualize-data/variables/delete-variable.md index 4d8fea5dd..7c836bdee 100644 --- a/content/influxdb/v2.0/visualize-data/variables/delete-variable.md +++ b/content/influxdb/v2.0/visualize-data/variables/delete-variable.md @@ -18,7 +18,7 @@ Delete an existing variable in the InfluxDB user interface (UI). {{< nav-icon "settings" >}} 2. Select the **Variables** tab. -3. Hover over a variable, click the **{{< icon "trash" >}}** icon, and **Delete**. +3. Hover over a variable, click the **{{< icon "trash" "v2" >}}** icon, and **Delete**. {{% warn %}} Once deleted, any dashboards with queries that utilize the variable will no diff --git a/content/influxdb/v2.0/visualize-data/variables/export-variable.md b/content/influxdb/v2.0/visualize-data/variables/export-variable.md index 745da0637..ce75e459e 100644 --- a/content/influxdb/v2.0/visualize-data/variables/export-variable.md +++ b/content/influxdb/v2.0/visualize-data/variables/export-variable.md @@ -18,7 +18,7 @@ Variables are exported as downloadable JSON files. {{< nav-icon "settings" >}} 2. Select the **Variables** tab. -3. Hover over a variable in the list, then click the gear icon (**{{< icon "gear" >}}**) +3. Hover over a variable in the list, then click the gear icon (**{{< icon "gear" "v2" >}}**) and select **Export**. 4. Review the JSON in the window that appears. 5. Select one of the following options: diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/band.md b/content/influxdb/v2.0/visualize-data/visualization-types/band.md index 8974ef8f1..694013031 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/band.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/band.md @@ -95,7 +95,7 @@ For example, in the band chart above, the lines represent the mean `usage_system ## Band controls -To view **Band** controls, click **{{< icon "gear" >}} Customize** next to the visualization dropdown. +To view **Band** controls, click **{{< icon "gear" "v2" >}} Customize** next to the visualization dropdown. ###### Data diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/gauge.md b/content/influxdb/v2.0/visualize-data/visualization-types/gauge.md index 2322e4349..e6cfe0467 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/gauge.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/gauge.md @@ -30,7 +30,7 @@ For consistent results, the Gauge query should return a single table. {{% /note %}} ## Gauge Controls -To view **Gauge** controls, click **{{< icon "gear" >}} Customize** next to +To view **Gauge** controls, click **{{< icon "gear" "v2" >}} Customize** next to the visualization dropdown. - **Prefix**: Prefix to add to the gauge. diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/graph-single-stat.md b/content/influxdb/v2.0/visualize-data/visualization-types/graph-single-stat.md index bf0e21942..ad95a40a1 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/graph-single-stat.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/graph-single-stat.md @@ -38,7 +38,7 @@ For consistent Single Stat results, the query should return a single table. {{% /note %}} ## Graph + Single Stat Controls -To view **Graph + Single Stat** controls, click **{{< icon "gear" >}} Customize** next to +To view **Graph + Single Stat** controls, click **{{< icon "gear" "v2" >}} Customize** next to the visualization dropdown. ###### Data diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/graph.md b/content/influxdb/v2.0/visualize-data/visualization-types/graph.md index 3312816da..49299f975 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/graph.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/graph.md @@ -25,7 +25,7 @@ When multiple series are present, it automatically assigns colors based on the s When using a line graph, all points within a single table are connected. When multiple series are present, it automatically assigns colors based on the selected [Line Colors option](#options). ## Graph controls -To view **Graph** controls, click **{{< icon "gear" >}} Customize** next to +To view **Graph** controls, click **{{< icon "gear" "v2" >}} Customize** next to the visualization dropdown. ###### Data diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/heatmap.md b/content/influxdb/v2.0/visualize-data/visualization-types/heatmap.md index 44f07c0d2..094f0b1a9 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/heatmap.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/heatmap.md @@ -29,7 +29,7 @@ The total number of points that fall within a bin determine the its value and co Warmer or brighter colors represent higher bin values or density of points within the bin. ## Heatmap Controls -To view **Heatmap** controls, click **{{< icon "gear" >}} Customize** next to +To view **Heatmap** controls, click **{{< icon "gear" "v2" >}} Customize** next to the visualization dropdown. ###### Data diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/histogram.md b/content/influxdb/v2.0/visualize-data/visualization-types/histogram.md index 49b0919f6..3ff1fea8f 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/histogram.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/histogram.md @@ -33,7 +33,7 @@ To work properly, query results **should not** be structured as histogram data. {{% /note %}} ## Histogram Controls -To view **Histogram** controls, click **{{< icon "gear" >}} Customize** next to +To view **Histogram** controls, click **{{< icon "gear" "v2" >}} Customize** next to the visualization dropdown. ###### Data diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/mosaic.md b/content/influxdb/v2.0/visualize-data/visualization-types/mosaic.md index 463afc27c..0deea22ad 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/mosaic.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/mosaic.md @@ -24,7 +24,7 @@ The mosaic visualization displays colored tiles based on string values in a spec Each unique string value is represented by a different color. ## Mosaic controls -To view **Mosaic** controls, click **{{< icon "gear" >}} Customize** next to the visualization dropdown. +To view **Mosaic** controls, click **{{< icon "gear" "v2" >}} Customize** next to the visualization dropdown. ###### Data - **Fill Column**: Select a column to fill in the mosaic tiles. diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/scatter.md b/content/influxdb/v2.0/visualize-data/visualization-types/scatter.md index cb742e2db..51f8eae27 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/scatter.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/scatter.md @@ -27,7 +27,7 @@ Use the [Symbol Column](#data) and [Fill Column](#data) options to select column used to differentiate points in the visualization. ## Scatter controls -To view **Scatter** controls, click **{{< icon "gear" >}} Customize** next to +To view **Scatter** controls, click **{{< icon "gear" "v2" >}} Customize** next to the visualization dropdown. ###### Data diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/single-stat.md b/content/influxdb/v2.0/visualize-data/visualization-types/single-stat.md index 654a4a2a1..d8d2bd5b1 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/single-stat.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/single-stat.md @@ -30,7 +30,7 @@ For consistent results, the Single Stat query should return a single table. {{% /note %}} ## Single Stat Controls -To view **Single Stat** controls, click **{{< icon "gear" >}} Customize** next to +To view **Single Stat** controls, click **{{< icon "gear" "v2" >}} Customize** next to the visualization dropdown. - **Prefix**: Prefix to be added to the single stat. diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/table.md b/content/influxdb/v2.0/visualize-data/visualization-types/table.md index d46273ac2..1809ab61c 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/table.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/table.md @@ -27,7 +27,7 @@ Select other output tables in the far left column of the table visualization. Tables are identified by their [group key](/{{< latest "flux" >}}/get-started/data-model/#group-key). ## Table Controls -To view **Table** controls, click **{{< icon "gear" >}} Customize** next to +To view **Table** controls, click **{{< icon "gear" "v2" >}} Customize** next to the visualization dropdown. ###### Formatting diff --git a/content/influxdb/v2.0/write-data/no-code/scrape-data/manage-scrapers/create-a-scraper.md b/content/influxdb/v2.0/write-data/no-code/scrape-data/manage-scrapers/create-a-scraper.md index 15552e9f8..84d0ab5a7 100644 --- a/content/influxdb/v2.0/write-data/no-code/scrape-data/manage-scrapers/create-a-scraper.md +++ b/content/influxdb/v2.0/write-data/no-code/scrape-data/manage-scrapers/create-a-scraper.md @@ -19,7 +19,7 @@ Create a new scraper in the InfluxDB user interface (UI). {{< nav-icon "load data" >}} -3. Click **{{< icon "plus" >}} Create Scraper**. +3. Click **{{< icon "plus" "v2" >}} Create Scraper**. 4. Enter a **Name** for the scraper. 5. Select a **Bucket** to store the scraped data. 6. Enter the **Target URL** to scrape. diff --git a/content/influxdb/v2.0/write-data/no-code/scrape-data/manage-scrapers/delete-a-scraper.md b/content/influxdb/v2.0/write-data/no-code/scrape-data/manage-scrapers/delete-a-scraper.md index c0ed3c510..bb27440b4 100644 --- a/content/influxdb/v2.0/write-data/no-code/scrape-data/manage-scrapers/delete-a-scraper.md +++ b/content/influxdb/v2.0/write-data/no-code/scrape-data/manage-scrapers/delete-a-scraper.md @@ -19,5 +19,5 @@ Delete a scraper from the InfluxDB user interface (UI). {{< nav-icon "load data" >}} -3. Hover over the scraper you want to delete and click the **{{< icon "delete" >}}** icon. +3. Hover over the scraper you want to delete and click the **{{< icon "delete" "v2" >}}** icon. 4. Click **Delete**. diff --git a/content/influxdb/v2.0/write-data/no-code/scrape-data/manage-scrapers/update-a-scraper.md b/content/influxdb/v2.0/write-data/no-code/scrape-data/manage-scrapers/update-a-scraper.md index 232b29a73..e3fcd1230 100644 --- a/content/influxdb/v2.0/write-data/no-code/scrape-data/manage-scrapers/update-a-scraper.md +++ b/content/influxdb/v2.0/write-data/no-code/scrape-data/manage-scrapers/update-a-scraper.md @@ -24,5 +24,5 @@ To modify either, [create a new scraper](/influxdb/v2.0/write-data/no-code/scrap {{< nav-icon "load data" >}} -3. Hover over the scraper you would like to update and click the **{{< icon "pencil" >}}** that appears next to the scraper name. +3. Hover over the scraper you would like to update and click the **{{< icon "pencil" "v2" >}}** that appears next to the scraper name. 4. Enter a new name for the scraper. Press Return or click out of the name field to save the change. diff --git a/content/influxdb/v2.0/write-data/no-code/use-telegraf/auto-config.md b/content/influxdb/v2.0/write-data/no-code/use-telegraf/auto-config.md index 33f776473..2c6b71a6a 100644 --- a/content/influxdb/v2.0/write-data/no-code/use-telegraf/auto-config.md +++ b/content/influxdb/v2.0/write-data/no-code/use-telegraf/auto-config.md @@ -33,11 +33,11 @@ for using Telegraf with InfluxDB v2.0._ {{< nav-icon "load data" >}} -4. Click **{{< icon "plus" >}} Create Configuration**. +4. Click **{{< icon "plus" "v2" >}} Create Configuration**. 5. In the **Bucket** dropdown, select the bucket where Telegraf will store collected data. 6. Select one or more of the available plugin groups and click **Continue**. 7. Review the list of **Plugins to Configure** for configuration requirements. - Plugins listed with a {{< icon "check" >}} + Plugins listed with a {{< icon "check" "v2" >}} require no additional configuration. To configure a plugin or access plugin documentation, click the plugin name. 5. Provide a **Telegraf Configuration Name** and an optional **Telegraf Configuration Description**. diff --git a/layouts/partials/topnav.html b/layouts/partials/topnav.html index 41e4168a8..1d5e8d5f5 100644 --- a/layouts/partials/topnav.html +++ b/layouts/partials/topnav.html @@ -4,7 +4,7 @@
- + Documentation
@@ -15,11 +15,11 @@
- +
- - - + + +
diff --git a/layouts/shortcodes/icon.html b/layouts/shortcodes/icon.html index 319205a12..ad16f9a27 100644 --- a/layouts/shortcodes/icon.html +++ b/layouts/shortcodes/icon.html @@ -1,74 +1,80 @@ -{{ $_hugo_config := `{ "version": 1 }` }} -{{ $icon := .Get 0 | default "influx" }} +{{- $_hugo_config := `{ "version": 1 }` -}} +{{- $icon := .Get 0 | default "influx" -}} +{{- $version := .Get 1 | default "v3" -}} -{{ if or (eq $icon "nav-admin") (eq $icon "influx") (eq $icon "influx-icon") }} - -{{ else if or (eq $icon "nav-data-explorer") (eq $icon "data-explorer") (eq $icon "graph") }} - -{{ else if or (eq $icon "nav-dashboards") (eq $icon "dashboard") (eq $icon "dashboards") }} - -{{ else if or (eq $icon "nav-tasks") (eq $icon "calendar") (eq $icon "tasks") }} - -{{ else if or (eq $icon "nav-organizations") (eq $icon "nav-orgs") (eq $icon "orgs") (eq $icon "org") }} - -{{ else if or (eq $icon "nav-configuration") (eq $icon "nav-config") (eq $icon "wrench") }} - -{{ else if eq $icon "add-cell" }} - -{{ else if eq $icon "alert" }} - -{{ else if or (eq $icon "checkmark") (eq $icon "check") }} - -{{ else if or (eq $icon "gear") (eq $icon "cog") (eq $icon "settings") (eq $icon "config") }} - -{{ else if eq $icon "download" }} - -{{ else if or (eq $icon "duplicate") (eq $icon "copy") (eq $icon "clone") }} - -{{ else if or (eq $icon "export") (eq $icon "save-as") }} - -{{ else if or (eq $icon "expand") (eq $icon "fullscreen") }} - -{{ else if eq $icon "note" }} - -{{ else if eq $icon "pause" }} - -{{ else if or (eq $icon "pencil") (eq $icon "edit") }} - -{{ else if eq $icon "play" }} - -{{ else if eq $icon "plus" }} - -{{ else if or (eq $icon "refresh") (eq $icon "replay") }} - -{{ else if or (eq $icon "remove") (eq $icon "x") }} - -{{ else if eq $icon "search" }} - -{{ else if or (eq $icon "trash") (eq $icon "trashcan") (eq $icon "delete") }} - -{{ else if eq $icon "triangle" }} - -{{ else if eq $icon "cloud" }} - -{{ else if eq $icon "feedback" }} - -{{ else if eq $icon "chat" }} - -{{ else if or (eq $icon "eye-open") (eq $icon "eye") (eq $icon "view") }} - -{{ else if or (eq $icon "eye-closed") (eq $icon "hide") }} - -{{ else if or (eq $icon "notebook") (eq $icon "notebooks") }} - -{{ else if eq $icon "crown" }} - -{{ else if or (eq $icon "bar-chart") (eq $icon "bar-graph") }} - -{{ else if eq $icon "add-label" }} - -{{ else if or (eq $icon "toggle") (eq $icon "toggle-blue") }} - -{{ else if eq $icon "toggle-green" }} - -{{ end }} +{{- if eq $version "v2" -}} + {{- if or (eq $icon "nav-admin") (eq $icon "influx") (eq $icon "influx-icon") -}} + + {{- else if or (eq $icon "nav-data-explorer") (eq $icon "data-explorer") (eq $icon "graph") -}} + + {{- else if or (eq $icon "nav-dashboards") (eq $icon "dashboard") (eq $icon "dashboards") -}} + + {{- else if or (eq $icon "nav-tasks") (eq $icon "calendar") (eq $icon "tasks") -}} + + {{- else if or (eq $icon "nav-organizations") (eq $icon "nav-orgs") (eq $icon "orgs") (eq $icon "org") -}} + + {{- else if or (eq $icon "nav-configuration") (eq $icon "nav-config") (eq $icon "wrench") -}} + + {{- else if eq $icon "add-cell" -}} + + {{- else if eq $icon "alert" -}} + + {{- else if or (eq $icon "checkmark") (eq $icon "check") -}} + + {{- else if or (eq $icon "gear") (eq $icon "cog") (eq $icon "settings") (eq $icon "config") -}} + + {{- else if eq $icon "download" -}} + + {{- else if or (eq $icon "duplicate") (eq $icon "copy") (eq $icon "clone") -}} + + {{- else if or (eq $icon "export") (eq $icon "save-as") -}} + + {{- else if or (eq $icon "expand") (eq $icon "fullscreen") -}} + + {{- else if eq $icon "note" -}} + + {{- else if eq $icon "pause" -}} + + {{- else if or (eq $icon "pencil") (eq $icon "edit") -}} + + {{- else if eq $icon "play" -}} + + {{- else if eq $icon "plus" -}} + + {{- else if or (eq $icon "refresh") (eq $icon "replay") -}} + + {{- else if or (eq $icon "remove") (eq $icon "x") -}} + + {{- else if eq $icon "search" -}} + + {{- else if or (eq $icon "trash") (eq $icon "trashcan") (eq $icon "delete") -}} + + {{- else if eq $icon "triangle" -}} + + {{- else if eq $icon "cloud" -}} + + {{- else if eq $icon "feedback" -}} + + {{- else if eq $icon "chat" -}} + + {{- else if or (eq $icon "eye-open") (eq $icon "eye") (eq $icon "view") -}} + + {{- else if or (eq $icon "eye-closed") (eq $icon "hide") -}} + + {{- else if or (eq $icon "notebook") (eq $icon "notebooks") -}} + + {{- else if eq $icon "crown" -}} + + {{- else if or (eq $icon "bar-chart") (eq $icon "bar-graph") -}} + + {{- else if eq $icon "add-label" -}} + + {{- else if or (eq $icon "toggle") (eq $icon "toggle-blue") -}} + + {{- else if eq $icon "toggle-green" -}} + + {{- end -}} +{{- else -}} + + +{{- end -}} \ No newline at end of file diff --git a/layouts/shortcodes/nav-icon.html b/layouts/shortcodes/nav-icon.html index 410944b8d..5527a9006 100644 --- a/layouts/shortcodes/nav-icon.html +++ b/layouts/shortcodes/nav-icon.html @@ -44,13 +44,13 @@
- +
-
+
username
org-name
@@ -65,7 +65,7 @@
- +
{{ $shortTitle }}
@@ -73,7 +73,7 @@
- +
{{ $title }}