InfluxDB 3 Core & InfluxDB 3 Enterprise alpha release (#5760)
* WIP monolith docs * WIP monolith * updated alpha shortcode * template updates for v3 and pro * SQL & InfluxQL reference docs for Pro and OSS v3 (#5718) * point to shared influxql source files * add sql and influxql references to pro and oss v3 docs * Apply suggestions from code review Co-authored-by: Jason Stirnaman <jstirnaman@influxdata.com> * ported changes to distributed influxql refs --------- Co-authored-by: Jason Stirnaman <jstirnaman@influxdata.com> * Influxdb3 restructure (#5744) * WIP monolith naming restructure * rebuild homepage * updated broken home links * stabs in the dark * fixed duplicate-oss shortcode * move clustered and cloud-dedicated * clean-up serverless cruft * add distributed product redirects * standarize productPathData * switch back to findRE for productPathData * remove debugging code * move cloud dedicated content * new product dropdown * Jstirnaman/influxdb3 restructure (#5743) * LDAPS and LDAP Client Certificate Docs Add documentation via LDAP sample configuration for LDAPS and LDAP client certificates. These are new features in the yet-to-be released Enterprise 1.11.7 * Update bucket-schema.md ndjson.org goes to some sort of sports betting site. https://jsonlines.org/ is probably a better site. * fix(partitioning): improve clarity and consistency in partitioning, apply suggestions from @reidkaufmann * update shared links to use ambiguous version * WIP monolith docs * template updates for v3 and pro * move clustered and cloud-dedicated * switch back to findRE for productPathData * move cloud dedicated content * chore(influxdb3): port cloud-dedicated URLs from recent commit * chore(influxdb3/clustered): fix and update links * removed merge cruft --------- Co-authored-by: Geoffrey Wossum <gwossum@influxdata.com> Co-authored-by: Daniel Lo <wilburlo@gmail.com> Co-authored-by: Scott Anderson <scott@influxdata.com> --------- Co-authored-by: Jason Stirnaman <jstirnaman@influxdata.com> Co-authored-by: Geoffrey Wossum <gwossum@influxdata.com> Co-authored-by: Daniel Lo <wilburlo@gmail.com> * added and styled alpha banner, updated producted selector styles and js * updated alpha link styles * updated discord link text * updated alpha message * fix page title * Initial Files * Initial Files * InfluxDB 3 Enterprise CLI docs (#5745) * WIP influxdb3 cli * fix page title * influxdb3 enterprise cli * Apply suggestions from code review Co-authored-by: Jason Stirnaman <jstirnaman@influxdata.com> --------- Co-authored-by: Jason Stirnaman <jstirnaman@influxdata.com> * fix(js): initialize CodePlaceholder on content loaded, small refactor toward component pattern. * updated URL modal for core and enterprise * remove testing code on install page * InfuxDB 3 Enterprise configuration options (#5749) * fix page title * add enterprise 3 configuration options * revert command updates to avoid conflicts * updated config option name * CLI updates, reorg, and photos * updated host-id option to writer-id * InfluxDB 3 Core CLI (#5750) * WIP make influxdb3 docs shared * finish making influxdb3 enterprise cli shared * add influxdb3 core cli docs * update config option name * updated host-id to writer-id * updated a few more host-id options to writer-id * InfluxDB 3 Core configuration options (#5752) * added missing enterprise config options * add influxdb3 core config options, update enterprise options * minor fixes in core config options * update search integration data (#5753) * Add shared v3 line protocol doc to Core and Enterprise (#5754) * add shared v3 line protocol doc to core and enterprise * Update content/shared/v3-line-protocol.md Co-authored-by: Jason Stirnaman <jstirnaman@influxdata.com> --------- Co-authored-by: Jason Stirnaman <jstirnaman@influxdata.com> * feat: update getting started guides * Update content/influxdb3/core/_index.md * Update content/influxdb3/core/_index.md * update use of 3.0 and v3 to just 3 * add basic download/install instructions (#5756) * chore(monolith): port Enterprise and Core get-started guides to shared for reuse as /index and /get-started * fix(monolith): reapply previous description change * Jts/update Get started for monolith (#5759) * fix(monolith): get-started cleanup (spelling, style, APIs) - Finished Enterprise for now, not ported to Core. * fix(monolith): python sample columns * fix(monolith): Ports edits to Core, misc. fixes * update alpha message * add state to product dropdown items --------- Co-authored-by: Jason Stirnaman <jstirnaman@influxdata.com> Co-authored-by: Geoffrey Wossum <gwossum@influxdata.com> Co-authored-by: Daniel Lo <wilburlo@gmail.com> Co-authored-by: Peter Barnett <peterbarnett@Peters-MacBook-Pro.local> Co-authored-by: Jason Stirnaman <stirnamanj@gmail.com> Co-authored-by: Paul Dix <paul@pauldix.net>pull/5757/head^2
Scott Anderson
GitHub
parent
fb2e3deff6
commit
72c5295eed
|
|
@ -1,22 +1,23 @@
|
||||||
const placeholderWrapper = '.code-placeholder-wrapper';
|
const placeholderWrapper = '.code-placeholder-wrapper';
|
||||||
const placeholderElement = 'var.code-placeholder';
|
const placeholderElement = 'var.code-placeholder';
|
||||||
const codePlaceholders = $(placeholderElement);
|
|
||||||
const editIcon = "<span class='code-placeholder-edit-icon cf-icon Pencil'></span>";
|
const editIcon = "<span class='code-placeholder-edit-icon cf-icon Pencil'></span>";
|
||||||
|
|
||||||
// When clicking a placeholder, append the edit input
|
// When clicking a placeholder, append the edit input
|
||||||
codePlaceholders.on('click', function() {
|
function handleClick(element) {
|
||||||
var placeholderData = $(this)[0].dataset;
|
$(element).on('click', function() {
|
||||||
var placeholderID = placeholderData.codeVar;
|
var placeholderData = $(this)[0].dataset;
|
||||||
var placeholderValue = placeholderData.codeVarValue;
|
var placeholderID = placeholderData.codeVar;
|
||||||
var placeholderInputWrapper = $('<div class="code-input-wrapper"></div>');
|
var placeholderValue = placeholderData.codeVarValue;
|
||||||
var placeholderInput = `<input class="placeholder-edit" id="${placeholderID}" value="${placeholderValue}" spellcheck=false onblur="submitPlaceholder($(this))" oninput="updateInputWidth($(this))" onkeydown="closeOnEnter($(this)[0], event)"></input>`;
|
var placeholderInputWrapper = $('<div class="code-input-wrapper"></div>');
|
||||||
|
var placeholderInput = `<input class="placeholder-edit" id="${placeholderID}" value="${placeholderValue}" spellcheck=false onblur="submitPlaceholder($(this))" oninput="updateInputWidth($(this))" onkeydown="closeOnEnter($(this)[0], event)"></input>`;
|
||||||
|
|
||||||
$(this).before(placeholderInputWrapper)
|
$(this).before(placeholderInputWrapper)
|
||||||
$(this).siblings('.code-input-wrapper').append(placeholderInput);
|
$(this).siblings('.code-input-wrapper').append(placeholderInput);
|
||||||
$(`input#${placeholderID}`).width(`${placeholderValue.length}ch`);
|
$(`input#${placeholderID}`).width(`${placeholderValue.length}ch`);
|
||||||
$(`input#${placeholderID}`).focus().select();
|
$(`input#${placeholderID}`).focus().select();
|
||||||
$(this).css('opacity', 0);
|
$(this).css('opacity', 0);
|
||||||
})
|
});
|
||||||
|
}
|
||||||
|
|
||||||
function submitPlaceholder(placeholderInput) {
|
function submitPlaceholder(placeholderInput) {
|
||||||
var placeholderID = placeholderInput.attr('id');
|
var placeholderID = placeholderInput.attr('id');
|
||||||
|
|
@ -41,4 +42,15 @@ function closeOnEnter(input, event) {
|
||||||
if (event.which == 13) {
|
if (event.which == 13) {
|
||||||
input.blur();
|
input.blur();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function CodePlaceholder({element}) {
|
||||||
|
handleClick(element);
|
||||||
|
}
|
||||||
|
|
||||||
|
$(function() {
|
||||||
|
const codePlaceholders = $(placeholderElement);
|
||||||
|
codePlaceholders.each(function() {
|
||||||
|
CodePlaceholder({element: this});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
@ -1,13 +1,15 @@
|
||||||
var placeholderUrls = {
|
var placeholderUrls = {
|
||||||
oss: 'http://localhost:8086',
|
oss: 'http://localhost:8086',
|
||||||
cloud: 'https://cloud2.influxdata.com',
|
cloud: 'https://cloud2.influxdata.com',
|
||||||
|
core: 'http://localhost:8181',
|
||||||
|
enterprise: 'http://localhost:8181',
|
||||||
serverless: 'https://cloud2.influxdata.com',
|
serverless: 'https://cloud2.influxdata.com',
|
||||||
dedicated: 'cluster-id.a.influxdb.io',
|
dedicated: 'cluster-id.a.influxdb.io',
|
||||||
clustered: 'cluster-host.com',
|
clustered: 'cluster-host.com',
|
||||||
};
|
};
|
||||||
|
|
||||||
/*
|
/*
|
||||||
NOTE: The defaultUrls variable is defined in assets/js/cookies.js
|
NOTE: The defaultUrls variable is defined in assets/js/local-storage.js
|
||||||
*/
|
*/
|
||||||
|
|
||||||
var elementSelector = '.article--content pre:not(.preserve)';
|
var elementSelector = '.article--content pre:not(.preserve)';
|
||||||
|
|
@ -16,11 +18,15 @@ var elementSelector = '.article--content pre:not(.preserve)';
|
||||||
function context() {
|
function context() {
|
||||||
if (/\/influxdb\/cloud\//.test(window.location.pathname)) {
|
if (/\/influxdb\/cloud\//.test(window.location.pathname)) {
|
||||||
return 'cloud';
|
return 'cloud';
|
||||||
} else if (/\/influxdb\/cloud-serverless/.test(window.location.pathname)) {
|
} else if (/\/influxdb3\/core/.test(window.location.pathname)) {
|
||||||
|
return 'core';
|
||||||
|
} else if (/\/influxdb3\/enterprise/.test(window.location.pathname)) {
|
||||||
|
return 'enterprise';
|
||||||
|
} else if (/\/influxdb3\/cloud-serverless/.test(window.location.pathname)) {
|
||||||
return 'serverless';
|
return 'serverless';
|
||||||
} else if (/\/influxdb\/cloud-dedicated/.test(window.location.pathname)) {
|
} else if (/\/influxdb3\/cloud-dedicated/.test(window.location.pathname)) {
|
||||||
return 'dedicated';
|
return 'dedicated';
|
||||||
} else if (/\/influxdb\/clustered/.test(window.location.pathname)) {
|
} else if (/\/influxdb3\/clustered/.test(window.location.pathname)) {
|
||||||
return 'clustered';
|
return 'clustered';
|
||||||
} else if (
|
} else if (
|
||||||
/\/(enterprise_|influxdb).*\/v[1-2]\//.test(window.location.pathname)
|
/\/(enterprise_|influxdb).*\/v[1-2]\//.test(window.location.pathname)
|
||||||
|
|
@ -35,8 +41,8 @@ function context() {
|
||||||
///////////////////////// Session-management functions /////////////////////////
|
///////////////////////// Session-management functions /////////////////////////
|
||||||
////////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////////
|
||||||
|
|
||||||
// Retrieve the user's InfluxDB preference (cloud or oss) from the influxdb_pref session cookie
|
// Retrieve the user's InfluxDB preference (cloud or oss) from the influxdb_pref
|
||||||
// Default is cloud.
|
// local storage key. Default is cloud.
|
||||||
function getURLPreference() {
|
function getURLPreference() {
|
||||||
return getPreference('influxdb_url');
|
return getPreference('influxdb_url');
|
||||||
}
|
}
|
||||||
|
|
@ -47,20 +53,24 @@ function setURLPreference(preference) {
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
influxdata_docs_urls cookie object keys:
|
influxdata_docs_urls local storage object keys:
|
||||||
|
|
||||||
- oss
|
- oss
|
||||||
- cloud
|
- cloud
|
||||||
|
- core
|
||||||
|
- enterprise
|
||||||
- dedicated
|
- dedicated
|
||||||
- clustered
|
- clustered
|
||||||
- prev_oss
|
- prev_oss
|
||||||
- prev_cloud
|
- prev_cloud
|
||||||
|
- prev_core
|
||||||
|
- prev_enterprise
|
||||||
- prev_dedicated
|
- prev_dedicated
|
||||||
- prev_clustered
|
- prev_clustered
|
||||||
- custom
|
- custom
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// Store URLs in the urls session cookies
|
// Store URLs in the urls local storage object
|
||||||
function storeUrl(context, newUrl, prevUrl) {
|
function storeUrl(context, newUrl, prevUrl) {
|
||||||
urlsObj = {};
|
urlsObj = {};
|
||||||
urlsObj['prev_' + context] = prevUrl;
|
urlsObj['prev_' + context] = prevUrl;
|
||||||
|
|
@ -69,20 +79,20 @@ function storeUrl(context, newUrl, prevUrl) {
|
||||||
setInfluxDBUrls(urlsObj);
|
setInfluxDBUrls(urlsObj);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Store custom URL in the url session cookie.
|
// Store custom URL in the url local storage object
|
||||||
// Used to populate the custom URL field
|
// Used to populate the custom URL field
|
||||||
function storeCustomUrl(customUrl) {
|
function storeCustomUrl(customUrl) {
|
||||||
setInfluxDBUrls({ custom: customUrl });
|
setInfluxDBUrls({ custom: customUrl });
|
||||||
$('input#custom[type=radio]').val(customUrl);
|
$('input#custom[type=radio]').val(customUrl);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Set a URL in the urls session cookie to an empty string
|
// Set a URL in the urls local storage object to an empty string
|
||||||
// Used to clear the form when custom url input is left empty
|
// Used to clear the form when custom url input is left empty
|
||||||
function removeCustomUrl() {
|
function removeCustomUrl() {
|
||||||
removeInfluxDBUrl('custom');
|
removeInfluxDBUrl('custom');
|
||||||
}
|
}
|
||||||
|
|
||||||
// Store a product URL in the urls session cookie
|
// Store a product URL in the urls local storage object
|
||||||
// Used to populate the custom URL field
|
// Used to populate the custom URL field
|
||||||
function storeProductUrl(product, productUrl) {
|
function storeProductUrl(product, productUrl) {
|
||||||
urlsObj = {};
|
urlsObj = {};
|
||||||
|
|
@ -92,7 +102,7 @@ function storeProductUrl(product, productUrl) {
|
||||||
$(`input#${product}-url-field`).val(productUrl);
|
$(`input#${product}-url-field`).val(productUrl);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Set a product URL in the urls session cookie to an empty string
|
// Set a product URL in the urls local storage object to an empty string
|
||||||
// Used to clear the form when dedicated url input is left empty
|
// Used to clear the form when dedicated url input is left empty
|
||||||
function removeProductUrl(product) {
|
function removeProductUrl(product) {
|
||||||
removeInfluxDBUrl(product);
|
removeInfluxDBUrl(product);
|
||||||
|
|
@ -118,17 +128,21 @@ function addPreserve() {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Retrieve the currently selected URLs from the urls session cookie.
|
// Retrieve the currently selected URLs from the urls local storage object.
|
||||||
function getUrls() {
|
function getUrls() {
|
||||||
var storedUrls = getInfluxDBUrls();
|
var storedUrls = getInfluxDBUrls();
|
||||||
var currentCloudUrl = storedUrls.cloud;
|
var currentCloudUrl = storedUrls.cloud;
|
||||||
var currentOSSUrl = storedUrls.oss;
|
var currentOSSUrl = storedUrls.oss;
|
||||||
|
var currentCoreUrl = storedUrls.core;
|
||||||
|
var currentEnterpriseUrl = storedUrls.enterprise;
|
||||||
var currentServerlessUrl = storedUrls.serverless;
|
var currentServerlessUrl = storedUrls.serverless;
|
||||||
var currentDedicatedUrl = storedUrls.dedicated;
|
var currentDedicatedUrl = storedUrls.dedicated;
|
||||||
var currentClusteredUrl = storedUrls.clustered;
|
var currentClusteredUrl = storedUrls.clustered;
|
||||||
var urls = {
|
var urls = {
|
||||||
oss: currentOSSUrl,
|
oss: currentOSSUrl,
|
||||||
cloud: currentCloudUrl,
|
cloud: currentCloudUrl,
|
||||||
|
core: currentCoreUrl,
|
||||||
|
enterprise: currentEnterpriseUrl,
|
||||||
serverless: currentServerlessUrl,
|
serverless: currentServerlessUrl,
|
||||||
dedicated: currentDedicatedUrl,
|
dedicated: currentDedicatedUrl,
|
||||||
clustered: currentClusteredUrl,
|
clustered: currentClusteredUrl,
|
||||||
|
|
@ -136,18 +150,22 @@ function getUrls() {
|
||||||
return urls;
|
return urls;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Retrieve the previously selected URLs from the from the urls session cookie.
|
// Retrieve the previously selected URLs from the from the urls local storage object.
|
||||||
// This is used to update URLs whenever you switch between browser tabs.
|
// This is used to update URLs whenever you switch between browser tabs.
|
||||||
function getPrevUrls() {
|
function getPrevUrls() {
|
||||||
var storedUrls = getInfluxDBUrls();
|
var storedUrls = getInfluxDBUrls();
|
||||||
var prevCloudUrl = storedUrls.prev_cloud;
|
var prevCloudUrl = storedUrls.prev_cloud;
|
||||||
var prevOSSUrl = storedUrls.prev_oss;
|
var prevOSSUrl = storedUrls.prev_oss;
|
||||||
|
var prevCoreUrl = storedUrls.prev_core;
|
||||||
|
var prevEnterpriseUrl = storedUrls.prev_enterprise;
|
||||||
var prevServerlessUrl = storedUrls.prev_serverless;
|
var prevServerlessUrl = storedUrls.prev_serverless;
|
||||||
var prevDedicatedUrl = storedUrls.prev_dedicated;
|
var prevDedicatedUrl = storedUrls.prev_dedicated;
|
||||||
var prevClusteredUrl = storedUrls.prev_clustered;
|
var prevClusteredUrl = storedUrls.prev_clustered;
|
||||||
var prevUrls = {
|
var prevUrls = {
|
||||||
oss: prevOSSUrl,
|
oss: prevOSSUrl,
|
||||||
cloud: prevCloudUrl,
|
cloud: prevCloudUrl,
|
||||||
|
core: prevCoreUrl,
|
||||||
|
enterprise: prevEnterpriseUrl,
|
||||||
serverless: prevServerlessUrl,
|
serverless: prevServerlessUrl,
|
||||||
dedicated: prevDedicatedUrl,
|
dedicated: prevDedicatedUrl,
|
||||||
clustered: prevClusteredUrl,
|
clustered: prevClusteredUrl,
|
||||||
|
|
@ -161,6 +179,8 @@ function updateUrls(prevUrls, newUrls) {
|
||||||
var prevUrlsParsed = {
|
var prevUrlsParsed = {
|
||||||
oss: {},
|
oss: {},
|
||||||
cloud: {},
|
cloud: {},
|
||||||
|
core: {},
|
||||||
|
enterprise: {},
|
||||||
serverless: {},
|
serverless: {},
|
||||||
dedicated: {},
|
dedicated: {},
|
||||||
clustered: {},
|
clustered: {},
|
||||||
|
|
@ -169,6 +189,8 @@ function updateUrls(prevUrls, newUrls) {
|
||||||
var newUrlsParsed = {
|
var newUrlsParsed = {
|
||||||
oss: {},
|
oss: {},
|
||||||
cloud: {},
|
cloud: {},
|
||||||
|
core: {},
|
||||||
|
enterprise: {},
|
||||||
serverless: {},
|
serverless: {},
|
||||||
dedicated: {},
|
dedicated: {},
|
||||||
clustered: {},
|
clustered: {},
|
||||||
|
|
@ -206,6 +228,12 @@ function updateUrls(prevUrls, newUrls) {
|
||||||
{ replace: prevUrlsParsed.serverless, with: newUrlsParsed.serverless },
|
{ replace: prevUrlsParsed.serverless, with: newUrlsParsed.serverless },
|
||||||
{ replace: prevUrlsParsed.oss, with: newUrlsParsed.serverless },
|
{ replace: prevUrlsParsed.oss, with: newUrlsParsed.serverless },
|
||||||
];
|
];
|
||||||
|
var coreReplacements = [
|
||||||
|
{ replace: prevUrlsParsed.core, with: newUrlsParsed.core },
|
||||||
|
];
|
||||||
|
var enterpriseReplacements = [
|
||||||
|
{ replace: prevUrlsParsed.enterprise, with: newUrlsParsed.enterprise },
|
||||||
|
];
|
||||||
var dedicatedReplacements = [
|
var dedicatedReplacements = [
|
||||||
{ replace: prevUrlsParsed.dedicated, with: newUrlsParsed.dedicated },
|
{ replace: prevUrlsParsed.dedicated, with: newUrlsParsed.dedicated },
|
||||||
];
|
];
|
||||||
|
|
@ -215,6 +243,10 @@ function updateUrls(prevUrls, newUrls) {
|
||||||
|
|
||||||
if (context() === 'cloud') {
|
if (context() === 'cloud') {
|
||||||
var replacements = cloudReplacements;
|
var replacements = cloudReplacements;
|
||||||
|
} else if (context() === 'core') {
|
||||||
|
var replacements = coreReplacements;
|
||||||
|
} else if (context() === 'enterprise') {
|
||||||
|
var replacements = enterpriseReplacements;
|
||||||
} else if (context() === 'serverless') {
|
} else if (context() === 'serverless') {
|
||||||
var replacements = serverlessReplacements;
|
var replacements = serverlessReplacements;
|
||||||
} else if (context() === 'dedicated') {
|
} else if (context() === 'dedicated') {
|
||||||
|
|
@ -282,6 +314,8 @@ function appendUrlSelector() {
|
||||||
var appendToUrls = [
|
var appendToUrls = [
|
||||||
placeholderUrls.oss,
|
placeholderUrls.oss,
|
||||||
placeholderUrls.cloud,
|
placeholderUrls.cloud,
|
||||||
|
placeholderUrls.core,
|
||||||
|
placeholderUrls.enterprise,
|
||||||
placeholderUrls.serverless,
|
placeholderUrls.serverless,
|
||||||
placeholderUrls.dedicated,
|
placeholderUrls.dedicated,
|
||||||
placeholderUrls.clustered,
|
placeholderUrls.clustered,
|
||||||
|
|
@ -291,6 +325,8 @@ function appendUrlSelector() {
|
||||||
contextText = {
|
contextText = {
|
||||||
'oss/enterprise': 'Change InfluxDB URL',
|
'oss/enterprise': 'Change InfluxDB URL',
|
||||||
cloud: 'InfluxDB Cloud Region',
|
cloud: 'InfluxDB Cloud Region',
|
||||||
|
core: 'Change InfluxDB URL',
|
||||||
|
enterprise: 'Change InfluxDB URL',
|
||||||
serverless: 'InfluxDB Cloud Region',
|
serverless: 'InfluxDB Cloud Region',
|
||||||
dedicated: 'Set Dedicated cluster URL',
|
dedicated: 'Set Dedicated cluster URL',
|
||||||
clustered: 'Set InfluxDB cluster URL',
|
clustered: 'Set InfluxDB cluster URL',
|
||||||
|
|
@ -359,6 +395,14 @@ function setRadioButtons() {
|
||||||
'checked',
|
'checked',
|
||||||
true
|
true
|
||||||
);
|
);
|
||||||
|
$('input[name="influxdb-core-url"][value="' + currentUrls.core + '"]').prop(
|
||||||
|
'checked',
|
||||||
|
true
|
||||||
|
);
|
||||||
|
$('input[name="influxdb-enterprise-url"][value="' + currentUrls.enterprise + '"]').prop(
|
||||||
|
'checked',
|
||||||
|
true
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Add checked to fake-radio if cluster is selected on page load
|
// Add checked to fake-radio if cluster is selected on page load
|
||||||
|
|
@ -407,6 +451,18 @@ $('input[name="influxdb-cloud-url"]').click(function () {
|
||||||
setURLPreference('cloud');
|
setURLPreference('cloud');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$('input[name="influxdb-core-url"]').change(function () {
|
||||||
|
var newUrl = $(this).val();
|
||||||
|
storeUrl('core', newUrl, getUrls().core);
|
||||||
|
updateUrls(getPrevUrls(), getUrls());
|
||||||
|
});
|
||||||
|
|
||||||
|
$('input[name="influxdb-enterprise-url"]').change(function () {
|
||||||
|
var newUrl = $(this).val();
|
||||||
|
storeUrl('enterprise', newUrl, getUrls().enterprise);
|
||||||
|
updateUrls(getPrevUrls(), getUrls());
|
||||||
|
});
|
||||||
|
|
||||||
$('input[name="influxdb-serverless-url"]').change(function () {
|
$('input[name="influxdb-serverless-url"]').change(function () {
|
||||||
var newUrl = $(this).val();
|
var newUrl = $(this).val();
|
||||||
storeUrl('serverless', newUrl, getUrls().serverless);
|
storeUrl('serverless', newUrl, getUrls().serverless);
|
||||||
|
|
@ -442,7 +498,7 @@ $('#pref-tabs .pref-tab').click(function () {
|
||||||
togglePrefBtns($(this));
|
togglePrefBtns($(this));
|
||||||
});
|
});
|
||||||
|
|
||||||
// Select preference tab from cookie
|
// Select preference tab from local storage
|
||||||
function showPreference() {
|
function showPreference() {
|
||||||
var preference = getPreference('influxdb_url');
|
var preference = getPreference('influxdb_url');
|
||||||
prefTab = $('#pref-' + preference);
|
prefTab = $('#pref-' + preference);
|
||||||
|
|
@ -515,8 +571,8 @@ function hideValidationMessage() {
|
||||||
$('#custom-url').removeClass('error').attr('data-message', '');
|
$('#custom-url').removeClass('error').attr('data-message', '');
|
||||||
}
|
}
|
||||||
|
|
||||||
// Set the custom URL cookie and apply the change
|
// Set the custom URL local storage object and apply the change
|
||||||
// If the custom URL field is empty, it defaults to the OSS default
|
// If the custom URL field is empty, it defaults to the context default
|
||||||
function applyCustomUrl() {
|
function applyCustomUrl() {
|
||||||
var custUrl = $('#custom-url-field').val();
|
var custUrl = $('#custom-url-field').val();
|
||||||
let urlValidation = validateUrl(custUrl);
|
let urlValidation = validateUrl(custUrl);
|
||||||
|
|
@ -524,7 +580,7 @@ function applyCustomUrl() {
|
||||||
if (urlValidation.valid) {
|
if (urlValidation.valid) {
|
||||||
hideValidationMessage();
|
hideValidationMessage();
|
||||||
storeCustomUrl(custUrl);
|
storeCustomUrl(custUrl);
|
||||||
storeUrl('oss', custUrl, getUrls().oss);
|
storeUrl(context(), custUrl, getUrls()[context()]);
|
||||||
updateUrls(getPrevUrls(), getUrls());
|
updateUrls(getPrevUrls(), getUrls());
|
||||||
} else {
|
} else {
|
||||||
showValidationMessage(urlValidation);
|
showValidationMessage(urlValidation);
|
||||||
|
|
@ -533,12 +589,12 @@ function applyCustomUrl() {
|
||||||
removeCustomUrl();
|
removeCustomUrl();
|
||||||
hideValidationMessage();
|
hideValidationMessage();
|
||||||
$(
|
$(
|
||||||
'input[name="influxdb-oss-url"][value="' + defaultUrls.oss + '"]'
|
'input[name="influxdb-${context()}-url"][value="' + defaultUrls[context()] + '"]'
|
||||||
).trigger('click');
|
).trigger('click');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Set the product URL cookie and apply the change
|
// Set the product URL local storage object and apply the change
|
||||||
// If the product URL field is empty, it defaults to the product default
|
// If the product URL field is empty, it defaults to the product default
|
||||||
function applyProductUrl(product) {
|
function applyProductUrl(product) {
|
||||||
var productUrl = $(`#${product}-url-field`).val();
|
var productUrl = $(`#${product}-url-field`).val();
|
||||||
|
|
@ -658,13 +714,3 @@ if (cloudUrls.includes(referrerHost)) {
|
||||||
setURLPreference('cloud');
|
setURLPreference('cloud');
|
||||||
showPreference();
|
showPreference();
|
||||||
}
|
}
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////////
|
|
||||||
//////////////////////////// Dedicated URL Migration ///////////////////////////
|
|
||||||
///////////////////////// REMOVE AFTER AUGUST 22, 2024 /////////////////////////
|
|
||||||
////////////////////////////////////////////////////////////////////////////////
|
|
||||||
|
|
||||||
if (getUrls().dedicated == 'cluster-id.influxdb.io') {
|
|
||||||
storeUrl('dedicated', 'cluster-id.a.influxdb.io', getUrls().dedicated);
|
|
||||||
updateUrls(getPrevUrls(), getUrls());
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -87,6 +87,8 @@ const urlStorageKey = storagePrefix + 'urls';
|
||||||
var defaultUrls = {
|
var defaultUrls = {
|
||||||
oss: 'http://localhost:8086',
|
oss: 'http://localhost:8086',
|
||||||
cloud: 'https://us-west-2-1.aws.cloud2.influxdata.com',
|
cloud: 'https://us-west-2-1.aws.cloud2.influxdata.com',
|
||||||
|
core: 'http://localhost:8181',
|
||||||
|
enterprise: 'http://localhost:8181',
|
||||||
serverless: 'https://us-east-1-1.aws.cloud2.influxdata.com',
|
serverless: 'https://us-east-1-1.aws.cloud2.influxdata.com',
|
||||||
dedicated: 'cluster-id.a.influxdb.io',
|
dedicated: 'cluster-id.a.influxdb.io',
|
||||||
clustered: 'cluster-host.com',
|
clustered: 'cluster-host.com',
|
||||||
|
|
@ -97,10 +99,14 @@ var defaultUrlsObj = {
|
||||||
oss: defaultUrls.oss,
|
oss: defaultUrls.oss,
|
||||||
cloud: defaultUrls.cloud,
|
cloud: defaultUrls.cloud,
|
||||||
serverless: defaultUrls.serverless,
|
serverless: defaultUrls.serverless,
|
||||||
|
core: defaultUrls.core,
|
||||||
|
enterprise: defaultUrls.enterprise,
|
||||||
dedicated: defaultUrls.dedicated,
|
dedicated: defaultUrls.dedicated,
|
||||||
clustered: defaultUrls.clustered,
|
clustered: defaultUrls.clustered,
|
||||||
prev_oss: defaultUrls.oss,
|
prev_oss: defaultUrls.oss,
|
||||||
prev_cloud: defaultUrls.cloud,
|
prev_cloud: defaultUrls.cloud,
|
||||||
|
prev_core: defaultUrls.core,
|
||||||
|
prev_enterprise: defaultUrls.enterprise,
|
||||||
prev_serverless: defaultUrls.serverless,
|
prev_serverless: defaultUrls.serverless,
|
||||||
prev_dedicated: defaultUrls.dedicated,
|
prev_dedicated: defaultUrls.dedicated,
|
||||||
prev_clustered: defaultUrls.clustered,
|
prev_clustered: defaultUrls.clustered,
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,19 @@
|
||||||
// Expand the menu on click
|
// Select the product dropdown and dropdown items
|
||||||
$(".dropdown").click(function () {
|
const productDropdown = document.querySelector("#product-dropdown");
|
||||||
$(this).toggleClass("open")
|
const dropdownItems = document.querySelector("#dropdown-items");
|
||||||
})
|
|
||||||
|
|
||||||
// Close the version dropdown by clicking anywhere else
|
// Expand the menu on click
|
||||||
$(document).click(function(e) {
|
if (productDropdown) {
|
||||||
if ( $(e.target).closest('.dropdown').length === 0 ) {
|
productDropdown.addEventListener("click", function() {
|
||||||
$(".dropdown").removeClass("open");
|
productDropdown.classList.toggle("open");
|
||||||
|
dropdownItems.classList.toggle("open");
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Close the dropdown by clicking anywhere else
|
||||||
|
document.addEventListener("click", function(e) {
|
||||||
|
// Check if the click was outside of the '.product-list' container
|
||||||
|
if (!e.target.closest('.product-list')) {
|
||||||
|
dropdownItems.classList.remove("open");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -96,7 +96,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-weight: normal;
|
font-weight: bold;
|
||||||
font-size: 2.75rem;
|
font-size: 2.75rem;
|
||||||
margin: .4em 0 .2em;
|
margin: .4em 0 .2em;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,23 +1,15 @@
|
||||||
////////////////////////////// HOMEPAGE VARIABLES //////////////////////////////
|
|
||||||
|
|
||||||
$home-body-width: 1300px;
|
|
||||||
|
|
||||||
//////////////////////////////// HOMEPAGE STYLES ///////////////////////////////
|
//////////////////////////////// HOMEPAGE STYLES ///////////////////////////////
|
||||||
|
|
||||||
body.home {
|
.home-content {
|
||||||
background-image: url('/img/hero-bg-light-1-diamond.png');
|
|
||||||
background-size: 65%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home {
|
|
||||||
color: $article-bold;
|
color: $article-bold;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1300px;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
.section{
|
.section{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 2rem 2rem 0;
|
padding: 2rem 2rem 0;
|
||||||
max-width: $home-body-width;
|
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
@ -81,342 +73,251 @@ body.home {
|
||||||
|
|
||||||
///////////////////////////////// SPAN STYLES ////////////////////////////////
|
///////////////////////////////// SPAN STYLES ////////////////////////////////
|
||||||
|
|
||||||
span {
|
// span {
|
||||||
&.magenta {color: $br-new-magenta;}
|
// &.magenta {color: $br-new-magenta;}
|
||||||
&.orange {color: $r-dreamsicle;}
|
// &.orange {color: $r-dreamsicle;}
|
||||||
&.blue {color: $b-pool;}
|
// &.blue {color: $b-pool;}
|
||||||
|
// }
|
||||||
|
|
||||||
|
////////////////////////////////// PRODUCTS //////////////////////////////////
|
||||||
|
///
|
||||||
|
|
||||||
|
.padding-wrapper {padding: 0 2rem;}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
text-align: center;
|
||||||
|
color: $article-heading;
|
||||||
}
|
}
|
||||||
|
|
||||||
///////////////////////////// EXPANDABLE BUTTONS /////////////////////////////
|
.product-group {
|
||||||
|
background: $article-bg;
|
||||||
|
padding: 3rem;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
border-radius: 30px;
|
||||||
|
|
||||||
.exp-btn-wrapper {
|
.products {
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
.exp-btn {
|
|
||||||
background: $br-dark-blue;
|
|
||||||
border-radius: 6px;
|
|
||||||
color: $br-teal;
|
|
||||||
padding: 1.5rem 2rem;
|
|
||||||
font-weight: $medium;
|
|
||||||
align-items: center;
|
|
||||||
min-width: 340px;
|
|
||||||
min-height: 70px;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: color .2s, background .2s, padding .2s;
|
|
||||||
|
|
||||||
&:hover, &.open {
|
|
||||||
background: $br-teal;
|
|
||||||
color: $br-dark-blue;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin: 0 !important;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
& > * {width: 100%;}
|
|
||||||
|
|
||||||
&.open {
|
|
||||||
padding: 0;
|
|
||||||
li a {padding: 1rem 2rem;}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.exp-btn-links {
|
|
||||||
border-radius: 6px;
|
|
||||||
color: $br-dark-blue;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
list-style: none;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
display: none;
|
|
||||||
|
|
||||||
li {
|
|
||||||
background: $br-teal;
|
|
||||||
|
|
||||||
&:first-child {
|
|
||||||
border-radius: 6px 6px 0 0;
|
|
||||||
border-bottom: 1px solid rgba($br-dark-blue, .5);
|
|
||||||
}
|
|
||||||
&:last-child {
|
|
||||||
border-radius: 0 0 6px 6px;
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
display: block;
|
|
||||||
padding: 0rem 2rem;
|
|
||||||
color: $br-dark-blue;
|
|
||||||
text-decoration: none;
|
|
||||||
text-align: center;
|
|
||||||
transition: padding .2s;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.close-btn {
|
|
||||||
position: absolute;
|
|
||||||
top: 38%;
|
|
||||||
right: -32px;
|
|
||||||
color: rgba($br-teal, .6);
|
|
||||||
font-size: 1.5rem;
|
|
||||||
display: none;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: color .2s;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
opacity: 1;
|
|
||||||
color: $br-teal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//////////////////////////////// PRODUCT CARDS ///////////////////////////////
|
|
||||||
|
|
||||||
.product-cards {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
|
|
||||||
.card {
|
|
||||||
padding: 3rem;
|
|
||||||
background: $sidebar-search-bg;
|
|
||||||
border-radius: 30px;
|
|
||||||
box-shadow: 1px 1px 7px $sidebar-search-shadow;
|
|
||||||
flex: 1 1 0;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 -1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.product {
|
||||||
|
padding: 0 1rem;
|
||||||
|
display: flex;
|
||||||
|
flex: 1 1 50%;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
max-width: 33%;
|
||||||
|
min-width: 200px;
|
||||||
|
|
||||||
&:first-child {margin-right: 1rem}
|
.product-info {
|
||||||
&:last-child {margin-left: 1rem}
|
p {
|
||||||
|
margin-bottom: .5rem;
|
||||||
h3 {
|
font-size: 1.1rem;
|
||||||
margin: 0 0 1.5rem;
|
line-height: 1.5rem;
|
||||||
line-height: 1.1em;
|
color: rgba($article-text, .7);
|
||||||
font-size: 2.35rem;
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-wrap { white-space: nowrap; }
|
&.alpha {
|
||||||
|
.product-info h3::after {
|
||||||
p {
|
content: "alpha";
|
||||||
margin-bottom: 2rem;
|
margin-left: .5rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
padding: .25em .5em .25em .4em;
|
||||||
|
@include gradient($grad-burningDusk);
|
||||||
|
color: $g20-white;
|
||||||
|
border-radius: $radius * 2;
|
||||||
|
font-style: italic;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-links {
|
ul.product-links {
|
||||||
margin-top: auto;
|
padding-left: 0;
|
||||||
|
list-style: none;
|
||||||
|
|
||||||
|
li:not(:last-child) {margin-bottom: .35rem;}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
color: $article-text;
|
|
||||||
font-weight: $medium;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
margin-bottom: .3rem;
|
color: $article-heading;
|
||||||
|
font-weight: $medium;
|
||||||
&:after {
|
position: relative;
|
||||||
|
|
||||||
|
&::before {
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
position: absolute;
|
||||||
margin-top: .15rem;
|
bottom: -2px;
|
||||||
border-top: 2px solid $br-new-magenta;
|
height: 2px;
|
||||||
width: 0;
|
width: 0%;
|
||||||
|
@include gradient($grad-burningDusk);
|
||||||
transition: width .2s;
|
transition: width .2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover{
|
&::after {
|
||||||
color: $br-new-magenta;
|
content: "\e90a";
|
||||||
&:after {width: 100%}
|
font-family: 'icomoon-v4';
|
||||||
}
|
font-weight: bold;
|
||||||
}
|
font-size: 1.3rem;
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
///////////////////////// GENERAL BLUE SECTION STYLES ////////////////////////
|
|
||||||
|
|
||||||
.section.blue {
|
|
||||||
|
|
||||||
h2, h3, h4 {
|
|
||||||
color: $br-teal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.padding-wrapper {
|
|
||||||
width: 100%;
|
|
||||||
max-width: $home-body-width;
|
|
||||||
color: $g20-white;
|
|
||||||
background: $br-dark-blue;
|
|
||||||
background-size: cover;
|
|
||||||
border-radius: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.flush-left .padding-wrapper {
|
|
||||||
padding: 2rem;
|
|
||||||
background-image: url('/svgs/home-bg-circle-right.svg')}
|
|
||||||
&.flush-right .padding-wrapper {
|
|
||||||
padding: 2rem;
|
|
||||||
background-image: url('/svgs/home-bg-circle-left.svg');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
////////////////////////////// INFLUXDB SECTION //////////////////////////////
|
|
||||||
|
|
||||||
#influxdb {
|
|
||||||
|
|
||||||
padding-top: 3rem;
|
|
||||||
|
|
||||||
.categories {
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
flex: 1 1 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.category {
|
|
||||||
width: 50%;
|
|
||||||
margin-right: 2rem;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
&:last-child { margin-right: 0; }
|
|
||||||
|
|
||||||
.category-card{
|
|
||||||
padding: 3rem;
|
|
||||||
background: $sidebar-search-bg;
|
|
||||||
border-radius: 30px;
|
|
||||||
box-shadow: 1px 1px 7px $sidebar-search-shadow;
|
|
||||||
flex: 1 1 0;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
// justify-content: space-evenly;
|
|
||||||
|
|
||||||
.product {
|
|
||||||
margin-bottom: 2.5rem;
|
|
||||||
|
|
||||||
&:last-child{margin-bottom: 0;}
|
|
||||||
&.new, &.limited{
|
|
||||||
h3:after {
|
|
||||||
display: inline-block;
|
|
||||||
margin-left: .75rem;
|
|
||||||
padding: .15rem .35rem;
|
|
||||||
font-size: 1rem;
|
|
||||||
vertical-align: middle;
|
|
||||||
border-radius: $radius;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.new h3:after {
|
|
||||||
content: "New";
|
|
||||||
color: $br-dark-blue;
|
|
||||||
background-color: $br-chartreuse;
|
|
||||||
}
|
|
||||||
&.limited h3:after{
|
|
||||||
content: "Limited Availability";
|
|
||||||
color: $br-dark-blue;
|
|
||||||
background-color: $br-teal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-links {
|
|
||||||
margin-top: .9rem;
|
|
||||||
|
|
||||||
a {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: $article-text;
|
position: absolute;
|
||||||
font-weight: $medium;
|
@include gradient($grad-burningDusk);
|
||||||
text-decoration: none;
|
background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
&:after {
|
right: 0;
|
||||||
content: "";
|
transform: translateX(.25rem);
|
||||||
display: block;
|
opacity: 0;
|
||||||
margin-top: .15rem;
|
transition: transform .2s, opacity .2s;
|
||||||
border-top: 2px solid $br-new-magenta;
|
}
|
||||||
width: 0;
|
|
||||||
transition: width .2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover{
|
|
||||||
color: $br-new-magenta;
|
|
||||||
&:after {width: 100%}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:not(:first-child) {
|
&:hover {
|
||||||
position: relative;
|
&::before {width: 100%;}
|
||||||
margin-left: 1.8rem;
|
&::after {transform: translateX(1.5rem); opacity: 1;}
|
||||||
&:before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
display: inline-block;
|
|
||||||
left: -1rem;
|
|
||||||
top: .1rem;
|
|
||||||
height: 1em;
|
|
||||||
width: 1px;
|
|
||||||
margin-right: 1rem;
|
|
||||||
border-left: 1px solid rgba($article-text, .5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 2.75rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 3.5rem;
|
color: $article-bg;
|
||||||
line-height: 1.1em;
|
@include gradient($grad-burningDusk);
|
||||||
width: 100%;
|
background-clip: text;
|
||||||
text-align: center;
|
-webkit-text-fill-color: transparent;
|
||||||
|
|
||||||
& + p {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
margin: .5rem 0 2rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
margin: 0;
|
font-size: 1.6rem;
|
||||||
font-size: 2rem;
|
margin: 1rem 0 0;
|
||||||
color: $br-new-magenta;
|
|
||||||
.version {
|
|
||||||
opacity: .5;
|
|
||||||
font-size: .7em;
|
|
||||||
color: $article-bold;
|
|
||||||
transition: color .2s;}
|
|
||||||
& > a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: inherit;
|
|
||||||
transition: color .2s;
|
|
||||||
|
|
||||||
&:hover {
|
a {
|
||||||
color: $article-bold;
|
text-decoration: none;
|
||||||
.version {color: $article-bold;}
|
color: $article-heading;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
bottom: -2px;
|
||||||
|
height: 2px;
|
||||||
|
width: 0%;
|
||||||
|
@include gradient($grad-burningDusk);
|
||||||
|
transition: width .2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:hover::before {width: 100%;}
|
||||||
|
}
|
||||||
|
|
||||||
|
.version {
|
||||||
|
font-size: .9em;
|
||||||
|
opacity: .5
|
||||||
}
|
}
|
||||||
& + p {margin: .5rem 0;}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
font-size: 1.15rem;
|
font-size: 1.1rem;
|
||||||
margin: 1rem 0 .75rem 1.5rem;
|
margin: 1.5rem 0 .5rem;
|
||||||
|
display: inline-block;
|
||||||
|
padding-right: 1rem;
|
||||||
|
color: rgba($article-text, .7);
|
||||||
|
background: $article-bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-head{
|
||||||
|
margin: 1rem 0 2rem;
|
||||||
|
&::after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
border-top: 1px solid $article-hr;
|
||||||
|
margin-top: -1.15rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
///////////////////////////////// API SECTION ////////////////////////////////
|
// InfluxDB 3 Section //
|
||||||
|
|
||||||
#api-guides {
|
#influxdb3 {
|
||||||
.padding-wrapper {
|
margin-top: 1.75rem;
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding: 3.5rem;
|
|
||||||
|
|
||||||
.text {margin-right: 2rem;}
|
h2 + p {margin-top: .75rem;}
|
||||||
|
}
|
||||||
|
|
||||||
h3 {
|
#telegraf {
|
||||||
margin: 0;
|
background: linear-gradient(65deg, #020d66, $br-dark-blue);
|
||||||
font-size: 1.8rem;
|
color: $g20-white;
|
||||||
}
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
p {
|
.bg-overlay {
|
||||||
margin: .5rem 0;
|
position: absolute;
|
||||||
line-height: 1.5rem;
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-image: url('/img/bg-texture-new.png');
|
||||||
|
background-position: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
@include gradient($grad-tealDream, 270deg);
|
||||||
|
background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
|
||||||
|
& + p {margin-top: .65rem;}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.product-links {
|
||||||
|
padding-left: 0;
|
||||||
|
margin: 0 3rem 0 2rem;
|
||||||
|
list-style: none;
|
||||||
|
|
||||||
|
li:not(:last-child) {margin-bottom: .35rem;}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: $g20-white;
|
||||||
|
font-weight: $medium;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
bottom: -2px;
|
||||||
|
height: 2px;
|
||||||
|
width: 0%;
|
||||||
|
@include gradient($grad-tealDream, 270deg);
|
||||||
|
transition: width .2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: "\e90a";
|
||||||
|
font-family: 'icomoon-v4';
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
@include gradient($grad-tealDream, 270deg);
|
||||||
|
background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
right: 0;
|
||||||
|
transform: translateX(.25rem);
|
||||||
|
opacity: 0;
|
||||||
|
transition: transform .2s, opacity .2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
&::before {width: 100%;}
|
||||||
|
&::after {transform: translateX(1.5rem); opacity: 1;}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -426,7 +327,7 @@ body.home {
|
||||||
#learn-more {
|
#learn-more {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
|
|
||||||
h4 {
|
h3 {
|
||||||
font-size: 1.8rem;
|
font-size: 1.8rem;
|
||||||
margin: 1rem 0 2rem;
|
margin: 1rem 0 2rem;
|
||||||
}
|
}
|
||||||
|
|
@ -450,7 +351,7 @@ body.home {
|
||||||
.magenta {fill: $br-new-magenta;}
|
.magenta {fill: $br-new-magenta;}
|
||||||
}
|
}
|
||||||
|
|
||||||
h5 {
|
h4 {
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
margin: 1rem 0 0;
|
margin: 1rem 0 0;
|
||||||
}
|
}
|
||||||
|
|
@ -458,23 +359,47 @@ body.home {
|
||||||
p {
|
p {
|
||||||
margin: .5rem 0 1.5rem;
|
margin: .5rem 0 1.5rem;
|
||||||
line-height: 1.7rem;
|
line-height: 1.7rem;
|
||||||
|
&:last-child {margin-bottom: 0;}
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
position: relative;
|
position: relative;
|
||||||
color: $br-new-magenta;
|
display: inline;
|
||||||
|
color: $article-heading;
|
||||||
font-weight: $medium;
|
font-weight: $medium;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
&:after {
|
&::before {
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: -4px;
|
||||||
margin-top: .25rem;
|
margin-top: .25rem;
|
||||||
border-top: 2px solid $br-new-magenta;
|
height: 2px;
|
||||||
|
@include gradient($grad-burningDusk);
|
||||||
width: 0;
|
width: 0;
|
||||||
transition: width .2s;
|
transition: width .2s;
|
||||||
}
|
}
|
||||||
|
&::after {
|
||||||
|
content: "\e90a";
|
||||||
|
font-family: 'icomoon-v4';
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
@include gradient($grad-burningDusk, 270deg);
|
||||||
|
background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
right: 0;
|
||||||
|
transform: translateX(.25rem);
|
||||||
|
opacity: 0;
|
||||||
|
transition: transform .2s, opacity .2s;
|
||||||
|
}
|
||||||
|
|
||||||
&:hover:after {width: 30%}
|
&:hover {
|
||||||
|
&::before {width: 100%;}
|
||||||
|
&::after {transform: translateX(1.5rem); opacity: 1;}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
& > *:last-child {margin-top: auto}
|
& > *:last-child {margin-top: auto}
|
||||||
|
|
@ -482,65 +407,9 @@ body.home {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
////////////////////////////// TICK STACK STYLES /////////////////////////////
|
|
||||||
|
|
||||||
#tick {
|
|
||||||
padding-bottom: 0;
|
|
||||||
|
|
||||||
.padding-wrapper {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
|
||||||
padding: 2rem 3rem;
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
& > a {color: inherit; text-decoration: none;}
|
|
||||||
& + p {margin: .5rem 0;}
|
|
||||||
}
|
|
||||||
h5 {
|
|
||||||
margin: 0 0 .5rem;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: .06rem;
|
|
||||||
// font-weight: $medium;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tick-title {
|
|
||||||
padding-right: 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tick-links {
|
|
||||||
border-left: 1px solid rgba($br-teal, .3);
|
|
||||||
padding-left: 3rem;
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
ul {
|
|
||||||
padding: 0;
|
|
||||||
margin-right: 4rem;
|
|
||||||
list-style: none;
|
|
||||||
|
|
||||||
&:last-child {margin-right: 0;}
|
|
||||||
|
|
||||||
li a {
|
|
||||||
color: $g20-white;
|
|
||||||
line-height: 1.6rem;
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
&:hover {color: $br-teal;}
|
|
||||||
span {
|
|
||||||
font-size: .75em;
|
|
||||||
opacity: .5;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#copyright {
|
#copyright {
|
||||||
width: 100vw;
|
width: 100%;
|
||||||
max-width: $home-body-width;
|
|
||||||
padding: 1rem 3rem;
|
padding: 1rem 3rem;
|
||||||
color: rgba($article-text, .5);
|
color: rgba($article-text, .5);
|
||||||
|
|
||||||
|
|
@ -554,50 +423,33 @@ body.home {
|
||||||
/////////////////////////// HOMEPAGE MEDIA QUERIES ///////////////////////////
|
/////////////////////////// HOMEPAGE MEDIA QUERIES ///////////////////////////
|
||||||
|
|
||||||
@media (max-width: 900px) {
|
@media (max-width: 900px) {
|
||||||
#tick .padding-wrapper{
|
.product-group .products .product {
|
||||||
flex-direction: column;
|
max-width: 50%;
|
||||||
align-items: flex-start;
|
margin-bottom: 2rem;
|
||||||
padding-top: 3rem;
|
|
||||||
|
|
||||||
.tick-links {
|
|
||||||
padding-left: 0;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(medium) {
|
@media (max-width: 720px) {
|
||||||
#influxdb {
|
.product-group {
|
||||||
.categories {
|
.products {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.category {
|
|
||||||
width: 100%;
|
.product {
|
||||||
margin: 0;
|
margin-bottom: 1rem;
|
||||||
|
max-width: 100%;
|
||||||
|
|
||||||
|
ul {margin-bottom: 0;}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#api-guides {
|
#telegraf {
|
||||||
.padding-wrapper{
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-start;
|
|
||||||
padding: 3rem;
|
|
||||||
}
|
|
||||||
.exp-btn-wrapper {width: 100%;}
|
|
||||||
.exp-btn {
|
|
||||||
margin-top: 2rem;
|
|
||||||
width: 100%;
|
|
||||||
background: $br-teal;
|
|
||||||
color: $br-dark-blue;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.product-cards {
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.card {
|
align-items: flex-start;
|
||||||
margin-bottom: 2rem;
|
ul.product-links {margin: 1rem 0 0;}
|
||||||
&:first-child {margin-right: 0;}
|
|
||||||
&:last-child {margin-left: 0;}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include media(medium) {
|
||||||
#learn-more {
|
#learn-more {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
||||||
|
|
@ -612,49 +464,47 @@ body.home {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(small) {
|
@include media(small) {
|
||||||
.section {padding: 1rem 1rem 0;}
|
.section, .padding-wrapper{padding: 0 1rem}
|
||||||
.search.section {padding-top: .25rem;}
|
h1 {
|
||||||
.exp-btn-wrapper .exp-btn {min-width: revert;}
|
font-size: 1.55rem;
|
||||||
.product-cards .card {
|
line-height: 1.5rem;
|
||||||
padding: 2rem;
|
padding: 0 1.75rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: -.5rem;
|
||||||
|
|
||||||
h3 {font-size: 2rem;}
|
|
||||||
}
|
}
|
||||||
#influxdb {
|
.product-group {
|
||||||
h2 {font-size: 2.15rem; }
|
padding: 1.5rem;
|
||||||
.subhead {margin-bottom: 1.5rem;}
|
p, .product .product-info p {font-size: 1.05rem;}
|
||||||
.categories {
|
|
||||||
.category-card {
|
h2 {font-size: 2.1rem;}
|
||||||
padding: 2rem;
|
h3 {font-size: 1.5rem;}
|
||||||
h3 {font-size: 1.75rem;}
|
h4 {font-size: 1rem;}
|
||||||
|
}
|
||||||
|
#telegraf {
|
||||||
|
padding: 1.75rem;
|
||||||
|
h2 {font-size: 2rem;}
|
||||||
|
}
|
||||||
|
#learn-more {
|
||||||
|
h3 {font-size: 1.5rem;}
|
||||||
|
.learn-items .item h4 {font-size: 1.2rem;}
|
||||||
|
}
|
||||||
|
#copyright p {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 540px) {
|
||||||
|
#learn-more {
|
||||||
|
|
||||||
.product { margin-bottom: 2rem; }
|
.learn-items {
|
||||||
|
flex-direction: column;
|
||||||
|
.item {
|
||||||
|
max-width: 100%;
|
||||||
|
margin: 0 0 2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#api-guides {
|
|
||||||
.padding-wrapper {
|
|
||||||
padding: 2rem;
|
|
||||||
h3 {font-size: 1.6rem;}
|
|
||||||
p {font-size: 1.1rem;}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#learn-more {
|
|
||||||
h4 {margin-left: 1rem;}
|
|
||||||
.learn-items {
|
|
||||||
flex-direction: column;
|
|
||||||
.item {max-width: 100%;}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#tick .padding-wrapper {padding: 2rem;}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
|
||||||
#tick .padding-wrapper .tick-links {flex-direction: column;}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -238,7 +238,7 @@
|
||||||
// Nav section title styles
|
// Nav section title styles
|
||||||
h4 {
|
h4 {
|
||||||
margin: 2rem 0 0 -1rem;
|
margin: 2rem 0 0 -1rem;
|
||||||
color: rgba($article-heading-alt, .5);
|
color: rgba($article-heading, .5);
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-size: .95rem;
|
font-size: .95rem;
|
||||||
|
|
|
||||||
|
|
@ -56,86 +56,127 @@
|
||||||
padding-right: .25rem;
|
padding-right: .25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown {
|
.product-list {
|
||||||
display: inline-block;
|
position: relative;
|
||||||
position: relative;
|
|
||||||
align-self: flex-start;
|
|
||||||
margin-left: .25rem;
|
|
||||||
color: $g20-white;
|
|
||||||
height: 2rem;
|
|
||||||
@include gradient($default-dropdown-gradient);
|
|
||||||
background-attachment: local !important;
|
|
||||||
font-weight: $medium;
|
|
||||||
font-size: 1.05rem;
|
|
||||||
border-radius: $radius;
|
|
||||||
overflow: hidden;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
.selected {
|
#product-dropdown {
|
||||||
padding: 0 1.75rem 0 .75rem;
|
display: inline-block;
|
||||||
line-height: 0;
|
width: 100%;
|
||||||
}
|
color: $g20-white;
|
||||||
|
height: 2rem;
|
||||||
&:after {
|
@include gradient($grad-burningDusk, 225deg);
|
||||||
content: "\e918";
|
background-attachment: fixed;
|
||||||
font-family: 'icomoon-v2';
|
font-weight: $medium;
|
||||||
position: absolute;
|
font-size: 1.05rem;
|
||||||
top: .45rem;
|
border-radius: $radius * 3;
|
||||||
right: .4rem;
|
overflow: hidden;
|
||||||
transition: all .3s;
|
cursor: pointer;
|
||||||
}
|
|
||||||
|
|
||||||
&.open {
|
|
||||||
height: auto;
|
|
||||||
max-height: calc(100vh - 2rem);
|
|
||||||
overflow-y: scroll;
|
|
||||||
&:after {
|
&:after {
|
||||||
transform: rotate(180deg);
|
content: "\e918";
|
||||||
|
font-family: 'icomoon-v2';
|
||||||
|
position: absolute;
|
||||||
|
top: .45rem;
|
||||||
|
right: .4rem;
|
||||||
|
transition: all .3s;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
.selected {
|
||||||
ul.item-list {
|
padding: 0 1.75rem 0 .75rem;
|
||||||
padding: 0;
|
line-height: 0;
|
||||||
margin: 0;
|
}
|
||||||
list-style: none;
|
|
||||||
display: flex;
|
&.open {
|
||||||
flex-direction: column;
|
&:after {
|
||||||
|
transform: rotate(180deg);
|
||||||
&.products{
|
|
||||||
&:before {
|
|
||||||
content: attr(data-category);
|
|
||||||
display: inline-block;
|
|
||||||
margin: .75rem .75rem .15rem;
|
|
||||||
font-size: .85rem;
|
|
||||||
color: $g2-kevlar;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-weight: bold;
|
|
||||||
letter-spacing: .04rem;
|
|
||||||
opacity: .65;
|
|
||||||
mix-blend-mode: multiply;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
a {
|
|
||||||
display: block;
|
#dropdown-items {
|
||||||
text-decoration: none;
|
opacity: 0;
|
||||||
color: $g20-white;
|
height: 0;
|
||||||
padding: .4rem 1.5rem .4rem .75rem;
|
pointer-events: none;
|
||||||
background: rgba($g20-white, 0);
|
margin-top: -10px;
|
||||||
&:hover { background: rgba($g20-white, .2) }
|
transition: opacity .2s, margin-top .5s;
|
||||||
&.active { background: rgba($g20-white, .2) }
|
|
||||||
&:last-child {
|
&.open {
|
||||||
border-radius: 0 0 $radius $radius;
|
opacity: 1;
|
||||||
position: relative;
|
pointer-events: auto;
|
||||||
|
margin-top: 0;
|
||||||
|
height: auto;
|
||||||
|
|
||||||
|
.product-group {
|
||||||
|
margin: 0 0 5px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&.legacy {
|
|
||||||
position: relative;
|
.product-group {
|
||||||
&:after {
|
@include gradient($grad-burningDusk, 225deg);
|
||||||
content: "\e911";
|
background-attachment: fixed;
|
||||||
font-family: "icomoon-v2";
|
border-radius: 6px;
|
||||||
position: absolute;
|
box-shadow: 1px 3px 10px $article-shadow;
|
||||||
opacity: .4;
|
margin: 0 0 -10px;
|
||||||
margin-left: .25rem;
|
transition: margin .5s;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.group-title {
|
||||||
|
padding: .5rem .75rem .2rem;
|
||||||
|
font-weight: bold;
|
||||||
|
color: $g1-raven;
|
||||||
|
font-size: 1rem;
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0;
|
||||||
|
padding: .1rem .1rem .3rem;
|
||||||
|
border-image: linear-gradient(to right, rgba($g20-white, .5) 0%, rgba($g20-white, 0) 100%) 1;
|
||||||
|
border-bottom: 2px solid;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.item-list {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
|
|
||||||
|
&.products[data-category] {
|
||||||
|
&:before {
|
||||||
|
content: attr(data-category);
|
||||||
|
display: inline-block;
|
||||||
|
margin: .5rem .75rem .15rem;
|
||||||
|
font-size: .85rem;
|
||||||
|
color: $g1-raven, .8;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: bold;
|
||||||
|
letter-spacing: .04rem;
|
||||||
|
opacity: .75;
|
||||||
|
mix-blend-mode: multiply;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 1.05rem;
|
||||||
|
font-weight: $medium;
|
||||||
|
white-space: nowrap;
|
||||||
|
color: $g20-white;
|
||||||
|
padding: .3rem 1.5rem .3rem .75rem;
|
||||||
|
background: rgba($g20-white, 0);
|
||||||
|
&:hover { background: rgba($g20-white, .3) }
|
||||||
|
&.active { background: rgba($g20-white, .3) }
|
||||||
|
&:last-child {
|
||||||
|
border-radius: 0 0 $radius $radius;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
span.state {
|
||||||
|
font-size: .9em;
|
||||||
|
opacity: .65;
|
||||||
|
font-style: italic;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -204,14 +245,20 @@
|
||||||
}
|
}
|
||||||
.search-btn { display: none; }
|
.search-btn { display: none; }
|
||||||
|
|
||||||
.selector-dropdowns {
|
.topnav .selector-dropdowns {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: .6rem;
|
margin-top: .6rem;
|
||||||
.dropdown {
|
padding-right: 0;
|
||||||
flex-grow: 1;
|
|
||||||
height: 2.24rem;
|
.product-list {
|
||||||
.selected { padding: .12rem 1.75rem .12rem .75rem; }
|
width: calc(100vw - 1.6rem);
|
||||||
&:after { top: .57rem; }
|
.product-dropdown { width: 100%;}
|
||||||
}
|
}
|
||||||
|
// .product-dropdown {
|
||||||
|
// flex-grow: 1;
|
||||||
|
// height: 2.24rem;
|
||||||
|
// .selected { padding: .12rem 1.75rem .12rem .75rem; }
|
||||||
|
// &:after { top: .57rem; }
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -96,4 +96,5 @@ blockquote {
|
||||||
"blocks/tip",
|
"blocks/tip",
|
||||||
"blocks/important",
|
"blocks/important",
|
||||||
"blocks/warning",
|
"blocks/warning",
|
||||||
"blocks/caution";
|
"blocks/caution",
|
||||||
|
"blocks/alpha";
|
||||||
|
|
|
||||||
|
|
@ -7,6 +7,8 @@
|
||||||
border-radius: $radius;
|
border-radius: $radius;
|
||||||
box-shadow: 1px 2px 6px $article-shadow;
|
box-shadow: 1px 2px 6px $article-shadow;
|
||||||
background: rgba($article-text, .03);
|
background: rgba($article-text, .03);
|
||||||
|
|
||||||
|
h4 {color: $article-heading;}
|
||||||
}
|
}
|
||||||
|
|
||||||
.support {
|
.support {
|
||||||
|
|
@ -23,7 +25,7 @@
|
||||||
|
|
||||||
a {
|
a {
|
||||||
margin-right: 1.5rem;
|
margin-right: 1.5rem;
|
||||||
color: $article-heading-alt;
|
color: $article-heading;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $article-link;
|
color: $article-link;
|
||||||
|
|
@ -32,7 +34,7 @@
|
||||||
|
|
||||||
&.community:before {
|
&.community:before {
|
||||||
content: "\e900";
|
content: "\e900";
|
||||||
color: $article-heading-alt;
|
color: $article-heading;
|
||||||
margin: 0 .5rem 0 -.25rem;
|
margin: 0 .5rem 0 -.25rem;
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
font-family: 'icomoon-v2';
|
font-family: 'icomoon-v2';
|
||||||
|
|
|
||||||
|
|
@ -322,6 +322,7 @@ table tr.point{
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.v3 {p span.measurement::before{content: "table";}}
|
||||||
&.hide-elements {p span.el { border: none; &:before, &:after {display: none}}}
|
&.hide-elements {p span.el { border: none; &:before, &:after {display: none}}}
|
||||||
&.hide-commas {p span.comma { border: none; &:before, &:after {display: none}}}
|
&.hide-commas {p span.comma { border: none; &:before, &:after {display: none}}}
|
||||||
&.hide-whitespace {p span.whitespace { border: none; &:before, &:after {display: none}}}
|
&.hide-whitespace {p span.whitespace { border: none; &:before, &:after {display: none}}}
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,9 @@ table + table {
|
||||||
|
|
||||||
// Adjust spacing to push long-hand and short-hand columns closer together
|
// Adjust spacing to push long-hand and short-hand columns closer together
|
||||||
#flags:not(.no-shorthand),
|
#flags:not(.no-shorthand),
|
||||||
|
#options:not(.no-shorthand),
|
||||||
#global-flags,
|
#global-flags,
|
||||||
|
#global-options,
|
||||||
.shorthand-flags {
|
.shorthand-flags {
|
||||||
& + table {
|
& + table {
|
||||||
td:nth-child(2) code { margin-left: -2rem; }
|
td:nth-child(2) code { margin-left: -2rem; }
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,105 @@
|
||||||
|
.block.alpha {
|
||||||
|
@include gradient($grad-burningDusk);
|
||||||
|
padding: 4px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 25px !important;
|
||||||
|
|
||||||
|
.alpha-content {
|
||||||
|
background: $article-bg;
|
||||||
|
border-radius: 21px;
|
||||||
|
padding: calc(1.65rem - 4px) calc(2rem - 4px) calc(.1rem + 4px) calc(2rem - 4px);
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
color: $article-heading;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {margin-bottom: 1rem;}
|
||||||
|
|
||||||
|
.expand-wrapper {
|
||||||
|
border: none;
|
||||||
|
margin: .5rem 0 1.5rem;
|
||||||
|
}
|
||||||
|
.expand {
|
||||||
|
border: none;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
.expand-content p {
|
||||||
|
margin-left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
|
||||||
|
margin-top: -1rem;
|
||||||
|
|
||||||
|
&.feedback-channels {
|
||||||
|
|
||||||
|
padding: 0;
|
||||||
|
margin: -1rem 0 1.5rem 2rem;
|
||||||
|
list-style: none;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $article-heading;
|
||||||
|
font-weight: $medium;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&.discord:before {
|
||||||
|
content: url('/svgs/discord.svg');
|
||||||
|
display: inline-block;
|
||||||
|
height: 1.1rem;
|
||||||
|
width: 1.25rem;
|
||||||
|
vertical-align: top;
|
||||||
|
margin: 2px .65rem 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.community:before {
|
||||||
|
content: "\e900";
|
||||||
|
color: $article-heading;
|
||||||
|
margin: 0 .65rem 0 0;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
font-family: 'icomoon-v2';
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.slack:before {
|
||||||
|
content: url('/svgs/slack.svg');
|
||||||
|
display: inline-block;
|
||||||
|
height: 1.1rem;
|
||||||
|
width: 1.1rem;
|
||||||
|
vertical-align: text-top;
|
||||||
|
margin-right: .65rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.reddit:before {
|
||||||
|
content: url('/svgs/reddit.svg');
|
||||||
|
display: inline-block;
|
||||||
|
height: 1.1rem;
|
||||||
|
width: 1.2rem;
|
||||||
|
vertical-align: top;
|
||||||
|
margin: 2px .65rem 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: "\e90a";
|
||||||
|
font-family: 'icomoon-v4';
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
@include gradient($grad-burningDusk);
|
||||||
|
background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
right: 0;
|
||||||
|
transform: translateX(.25rem);
|
||||||
|
opacity: 0;
|
||||||
|
transition: transform .2s, opacity .2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
&::after {transform: translateX(1.5rem); opacity: 1;}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,88 +0,0 @@
|
||||||
.chronograf {
|
|
||||||
|
|
||||||
.topnav {
|
|
||||||
.docs-home, .influx-home {
|
|
||||||
&:hover { color: $chronograf-topnav-link-hover; }
|
|
||||||
}
|
|
||||||
.dropdown { @include gradient($chronograf-dropdown-gradient) }
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar {
|
|
||||||
&--search input {
|
|
||||||
&:focus {
|
|
||||||
border-color: $chronograf-sidebar-search-highlight;
|
|
||||||
box-shadow: 1px 1px 10px rgba($chronograf-sidebar-search-highlight, .5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-tree {
|
|
||||||
li {
|
|
||||||
&.active {
|
|
||||||
&:before { background: $chronograf-nav-active; }
|
|
||||||
& > a {
|
|
||||||
color: $chronograf-nav-active;
|
|
||||||
&:hover { color: $chronograf-nav-active; }
|
|
||||||
}
|
|
||||||
& > .children-toggle {
|
|
||||||
background: $chronograf-nav-active;
|
|
||||||
&:before, &:after { background: $body-bg; }
|
|
||||||
}
|
|
||||||
& > ul { border-left: 2px solid $chronograf-nav-active; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-category > a {
|
|
||||||
color: $chronograf-nav-category;
|
|
||||||
&:hover { color: $chronograf-nav-category-hover; }
|
|
||||||
}
|
|
||||||
.nav-item > a:hover { color: $chronograf-nav-item-hover; }
|
|
||||||
.children-toggle:hover { background: $chronograf-nav-toggle-bg-hover; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.article--content{
|
|
||||||
h1,h2,h3,h4,h5,h6 { color: $chronograf-article-heading; }
|
|
||||||
h2,h4 {
|
|
||||||
color: $chronograf-article-heading-alt;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: $chronograf-article-link;
|
|
||||||
&:hover { color: $chronograf-article-link-hover; }
|
|
||||||
&.btn {
|
|
||||||
@include gradient($chronograf-btn-gradient);
|
|
||||||
&:after { @include gradient($chronograf-btn-gradient-hover); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.children-links, .list-links {
|
|
||||||
h2,h3,h4 {
|
|
||||||
a a:after { color: rgba($chronograf-article-heading, .35); }
|
|
||||||
a:hover:after { color: $chronograf-article-link; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.expand-label:hover .expand-toggle { background: $chronograf-article-link; }
|
|
||||||
|
|
||||||
.tabs a {
|
|
||||||
&:after { @include gradient($chronograf-btn-gradient); }
|
|
||||||
&:hover { color: $chronograf-article-tab-active-text; }
|
|
||||||
&.is-active {
|
|
||||||
color: $chronograf-article-tab-active-text;
|
|
||||||
&:after {
|
|
||||||
@include gradient($chronograf-btn-gradient)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
table thead { @include gradient($chronograf-article-table-header, 90deg); }
|
|
||||||
|
|
||||||
.tags .tag :after { @include gradient($grad-MilkyWay) }
|
|
||||||
|
|
||||||
.truncate a.truncate-toggle:hover { color: $chronograf-article-link; }
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.algolia-autocomplete .algolia-docsearch-suggestion--highlight { color: $chronograf-article-link; }
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
@ -1,92 +0,0 @@
|
||||||
.kapacitor {
|
|
||||||
|
|
||||||
.topnav {
|
|
||||||
.docs-home, .influx-home {
|
|
||||||
&:hover { color: $kapacitor-topnav-link-hover; }
|
|
||||||
}
|
|
||||||
.dropdown { @include gradient($kapacitor-dropdown-gradient) }
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar {
|
|
||||||
&--search input {
|
|
||||||
&:focus {
|
|
||||||
border-color: $kapacitor-sidebar-search-highlight;
|
|
||||||
box-shadow: 1px 1px 10px rgba($kapacitor-sidebar-search-highlight, .5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-tree {
|
|
||||||
li {
|
|
||||||
&.active {
|
|
||||||
&:before { background: $kapacitor-nav-active; }
|
|
||||||
& > a {
|
|
||||||
color: $kapacitor-nav-active;
|
|
||||||
&:hover { color: $kapacitor-nav-active; }
|
|
||||||
}
|
|
||||||
& > .children-toggle {
|
|
||||||
background: $kapacitor-nav-active;
|
|
||||||
&:before, &:after { background: $body-bg; }
|
|
||||||
}
|
|
||||||
& > ul { border-left: 2px solid $kapacitor-nav-active; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-category > a {
|
|
||||||
color: $kapacitor-nav-category;
|
|
||||||
&:hover { color: $kapacitor-nav-category-hover; }
|
|
||||||
}
|
|
||||||
.nav-item > a:hover { color: $kapacitor-nav-item-hover; }
|
|
||||||
.children-toggle:hover { background: $kapacitor-nav-toggle-bg-hover; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.article--content{
|
|
||||||
h1,h2,h3,h4,h5,h6 { color: $kapacitor-article-heading; }
|
|
||||||
h2,h4 {
|
|
||||||
color: $kapacitor-article-heading-alt;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: $kapacitor-article-link;
|
|
||||||
&:hover { color: $kapacitor-article-link-hover; }
|
|
||||||
&.btn {
|
|
||||||
@include gradient($kapacitor-btn-gradient);
|
|
||||||
&:after { @include gradient($kapacitor-btn-gradient-hover); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.children-links, .list-links {
|
|
||||||
h2,h3,h4 {
|
|
||||||
a a:after { color: rgba($kapacitor-article-heading, .35); }
|
|
||||||
a:hover:after { color: $kapacitor-article-link; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.expand-label:hover .expand-toggle { background: $kapacitor-article-link; }
|
|
||||||
|
|
||||||
.tabs a {
|
|
||||||
&:after { @include gradient($kapacitor-btn-gradient); }
|
|
||||||
&:hover { color: $kapacitor-article-tab-active-text; }
|
|
||||||
&.is-active {
|
|
||||||
color: $kapacitor-article-tab-active-text;
|
|
||||||
&:after {
|
|
||||||
@include gradient($kapacitor-btn-gradient)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
table thead { @include gradient($kapacitor-article-table-header, 90deg); }
|
|
||||||
|
|
||||||
.tags .tag :after { @include gradient($grad-MilkyWay) }
|
|
||||||
|
|
||||||
.truncate a.truncate-toggle:hover { color: $kapacitor-article-link; }
|
|
||||||
|
|
||||||
//////////////////// NO-WRAP on Kapacitor command tables ///////////////////
|
|
||||||
#commands + table tr td:first-child{white-space: nowrap;}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.algolia-autocomplete .algolia-docsearch-suggestion--highlight { color: $kapacitor-article-link; }
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
@ -1,94 +0,0 @@
|
||||||
.telegraf {
|
|
||||||
|
|
||||||
.topnav {
|
|
||||||
.docs-home, .influx-home {
|
|
||||||
&:hover { color: $telegraf-topnav-link-hover; }
|
|
||||||
}
|
|
||||||
.dropdown { @include gradient($telegraf-dropdown-gradient) }
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar {
|
|
||||||
&--search input {
|
|
||||||
&:focus {
|
|
||||||
border-color: $telegraf-sidebar-search-highlight;
|
|
||||||
box-shadow: 1px 1px 10px rgba($telegraf-sidebar-search-highlight, .5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-tree {
|
|
||||||
li {
|
|
||||||
&.active {
|
|
||||||
&:before { background: $telegraf-nav-active; }
|
|
||||||
& > a {
|
|
||||||
color: $telegraf-nav-active;
|
|
||||||
&:hover { color: $telegraf-nav-active; }
|
|
||||||
}
|
|
||||||
& > .children-toggle {
|
|
||||||
background: $telegraf-nav-active;
|
|
||||||
&:before, &:after { background: $body-bg; }
|
|
||||||
}
|
|
||||||
& > ul { border-left: 2px solid $telegraf-nav-active; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-category > a {
|
|
||||||
color: $telegraf-nav-category;
|
|
||||||
&:hover { color: $telegraf-nav-category-hover; }
|
|
||||||
}
|
|
||||||
.nav-item > a:hover { color: $telegraf-nav-item-hover; }
|
|
||||||
.children-toggle:hover { background: $telegraf-nav-toggle-bg-hover; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.article--content{
|
|
||||||
h1,h2,h3,h4,h5,h6 { color: $telegraf-article-heading; }
|
|
||||||
h2,h4 {
|
|
||||||
color: $telegraf-article-heading-alt;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: $telegraf-article-link;
|
|
||||||
&:hover { color: $telegraf-article-link-hover; }
|
|
||||||
&.btn {
|
|
||||||
@include gradient($telegraf-btn-gradient);
|
|
||||||
&:after { @include gradient($telegraf-btn-gradient-hover); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.children-links, .list-links {
|
|
||||||
h2,h3,h4 {
|
|
||||||
a a:after { color: rgba($telegraf-article-heading, .35); }
|
|
||||||
a:hover:after { color: $telegraf-article-link; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.expand-label:hover .expand-toggle { background: $telegraf-article-link; }
|
|
||||||
|
|
||||||
.tabs a {
|
|
||||||
&:after { @include gradient($telegraf-btn-gradient); }
|
|
||||||
&:hover { color: $telegraf-article-tab-active-text; }
|
|
||||||
&.is-active {
|
|
||||||
color: $telegraf-article-tab-active-text;
|
|
||||||
&:after {
|
|
||||||
@include gradient($telegraf-btn-gradient)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
table thead { @include gradient($telegraf-article-table-header, 90deg); }
|
|
||||||
|
|
||||||
.tags .tag :after { @include gradient($grad-MilkyWay) }
|
|
||||||
|
|
||||||
.truncate a.truncate-toggle:hover { color: $telegraf-article-link; }
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.plugin-card {
|
|
||||||
.github-link { @include gradient($telegraf-btn-gradient); }
|
|
||||||
a.external:after { @include gradient($telegraf-btn-gradient); }
|
|
||||||
&:hover .github-link { @include gradient($telegraf-btn-gradient); }
|
|
||||||
}
|
|
||||||
|
|
||||||
.algolia-autocomplete .algolia-docsearch-suggestion--highlight { color: $telegraf-article-link; }
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
@ -33,7 +33,3 @@
|
||||||
"layouts/code-controls",
|
"layouts/code-controls",
|
||||||
"layouts/v3-wayfinding";
|
"layouts/v3-wayfinding";
|
||||||
|
|
||||||
// Import Product-specific color schemes
|
|
||||||
@import "product-overrides/telegraf",
|
|
||||||
"product-overrides/chronograf",
|
|
||||||
"product-overrides/kapacitor";
|
|
||||||
|
|
|
||||||
|
|
@ -260,7 +260,3 @@ $influxdb-logo: url('/svgs/influxdb-logo-white.svg') !default;
|
||||||
// Code placeholder colors
|
// Code placeholder colors
|
||||||
$code-placeholder: #e659a2;
|
$code-placeholder: #e659a2;
|
||||||
$code-placeholder-hover: $br-teal;
|
$code-placeholder-hover: $br-teal;
|
||||||
|
|
||||||
@import "dark/telegraf",
|
|
||||||
"dark/chronograf",
|
|
||||||
"dark/kapacitor";
|
|
||||||
|
|
|
||||||
|
|
@ -48,8 +48,8 @@ $product-enterprise: $br-pulsar !default;
|
||||||
|
|
||||||
// Article Content
|
// Article Content
|
||||||
$article-bg: $g20-white !default;
|
$article-bg: $g20-white !default;
|
||||||
$article-heading: $br-pulsar !default;
|
$article-heading: $br-dark-blue !default;
|
||||||
$article-heading-alt: $g5-pepper !default;
|
$article-heading-alt: $br-new-purple !default;
|
||||||
$article-text: $br-dark-blue !default;
|
$article-text: $br-dark-blue !default;
|
||||||
$article-bold: $br-dark-blue !default;
|
$article-bold: $br-dark-blue !default;
|
||||||
$article-link: $b-pool !default;
|
$article-link: $b-pool !default;
|
||||||
|
|
@ -259,7 +259,3 @@ $diagram-arrow: $g14-chromium !default;
|
||||||
// Code placeholder colors
|
// Code placeholder colors
|
||||||
$code-placeholder: $br-new-magenta !default;
|
$code-placeholder: $br-new-magenta !default;
|
||||||
$code-placeholder-hover: $br-new-purple !default;
|
$code-placeholder-hover: $br-new-purple !default;
|
||||||
|
|
||||||
@import "light/telegraf",
|
|
||||||
"light/chronograf",
|
|
||||||
"light/kapacitor";
|
|
||||||
|
|
|
||||||
|
|
@ -1,34 +0,0 @@
|
||||||
// Colors specific to Chronograf DARK theme
|
|
||||||
|
|
||||||
// TopNav Colors
|
|
||||||
$chronograf-topnav-link-hover: $br-galaxy;
|
|
||||||
$chronograf-dropdown-gradient: $grad-PurpleRain;
|
|
||||||
|
|
||||||
// Search
|
|
||||||
$chronograf-sidebar-search-highlight: $br-galaxy;
|
|
||||||
|
|
||||||
// Left Navigation
|
|
||||||
$chronograf-nav-category: $br-galaxy;
|
|
||||||
$chronograf-nav-category-hover: $b-pool;
|
|
||||||
$chronograf-nav-item-hover: $p-potassium;
|
|
||||||
$chronograf-nav-toggle-bg-hover: $b-dodger;
|
|
||||||
$chronograf-nav-active: $br-chartreuse;
|
|
||||||
|
|
||||||
// Article Content
|
|
||||||
$chronograf-article-heading: $g20-white;
|
|
||||||
$chronograf-article-heading-alt: $g20-white;
|
|
||||||
$chronograf-article-link: $br-galaxy;
|
|
||||||
$chronograf-article-link-hover: $g20-white;
|
|
||||||
|
|
||||||
// Article Tables
|
|
||||||
$chronograf-article-table-header: $grad-PowerStone;
|
|
||||||
|
|
||||||
// Article Buttons
|
|
||||||
$chronograf-btn-gradient: $grad-PurpleRain;
|
|
||||||
$chronograf-btn-gradient-hover: $grad-OminousFog;
|
|
||||||
|
|
||||||
// Article Tabs for tabbed content
|
|
||||||
$chronograf-article-tab-active-text: $g20-white;
|
|
||||||
|
|
||||||
// Homepage cards
|
|
||||||
$chronograf-home-card-gradient: $grad-PurpleRain;
|
|
||||||
|
|
@ -1,34 +0,0 @@
|
||||||
// Colors specific to Kapacitor DARK theme
|
|
||||||
|
|
||||||
// TopNav Colors
|
|
||||||
$kapacitor-topnav-link-hover: $b-laser;
|
|
||||||
$kapacitor-dropdown-gradient: $grad-GarageBand;
|
|
||||||
|
|
||||||
// Search
|
|
||||||
$kapacitor-sidebar-search-highlight: $gr-rainforest;
|
|
||||||
|
|
||||||
// Left Navigation
|
|
||||||
$kapacitor-nav-category: $gr-viridian;
|
|
||||||
$kapacitor-nav-category-hover: $br-chartreuse;
|
|
||||||
$kapacitor-nav-item-hover: $b-laser;
|
|
||||||
$kapacitor-nav-toggle-bg-hover: $gr-viridian;
|
|
||||||
$kapacitor-nav-active: $br-chartreuse;
|
|
||||||
|
|
||||||
// Article Content
|
|
||||||
$kapacitor-article-heading: $g20-white;
|
|
||||||
$kapacitor-article-heading-alt: $g20-white;
|
|
||||||
$kapacitor-article-link: $gr-rainforest;
|
|
||||||
$kapacitor-article-link-hover: $g20-white;
|
|
||||||
|
|
||||||
// Article Tables
|
|
||||||
$kapacitor-article-table-header: $grad-GarageBand;
|
|
||||||
|
|
||||||
// Article Buttons
|
|
||||||
$kapacitor-btn-gradient: $grad-green-dark;
|
|
||||||
$kapacitor-btn-gradient-hover: $grad-green-shade;
|
|
||||||
|
|
||||||
// Article Tabs for tabbed content
|
|
||||||
$kapacitor-article-tab-active-text: $g20-white;
|
|
||||||
|
|
||||||
// Homepage cards
|
|
||||||
$kapacitor-home-card-gradient: $grad-GarageBand;
|
|
||||||
|
|
@ -1,35 +0,0 @@
|
||||||
// Colors specific to Telegraf DARK theme
|
|
||||||
|
|
||||||
// TopNav Colors
|
|
||||||
$telegraf-topnav-link-hover: $r-dreamsicle;
|
|
||||||
$telegraf-dropdown-gradient: $grad-ScotchBonnet;
|
|
||||||
|
|
||||||
// Search
|
|
||||||
$telegraf-sidebar-search-highlight: $r-dreamsicle;
|
|
||||||
|
|
||||||
// Left Navigation
|
|
||||||
$telegraf-nav-category: $r-dreamsicle;
|
|
||||||
$telegraf-nav-category-hover: $br-chartreuse;
|
|
||||||
$telegraf-nav-item-hover: $p-potassium;
|
|
||||||
$telegraf-nav-toggle-bg-hover: $r-curacao;
|
|
||||||
$telegraf-nav-active: $br-chartreuse;
|
|
||||||
|
|
||||||
// Article Content
|
|
||||||
$telegraf-article-heading: $g20-white;
|
|
||||||
$telegraf-article-heading-alt: $g20-white;
|
|
||||||
$telegraf-article-link: $r-dreamsicle;
|
|
||||||
$telegraf-article-link-hover: $br-chartreuse;
|
|
||||||
|
|
||||||
// Article Tables
|
|
||||||
$telegraf-article-table-header: $grad-SavannaHeat;
|
|
||||||
|
|
||||||
// Article Buttons
|
|
||||||
$telegraf-btn-gradient: $grad-red;
|
|
||||||
$telegraf-btn-gradient-hover: $grad-red-light;
|
|
||||||
|
|
||||||
// Article Tabs for tabbed content
|
|
||||||
$telegraf-article-tab-active-text: $g20-white;
|
|
||||||
|
|
||||||
// Homepage cards
|
|
||||||
$telegraf-home-card-gradient: $grad-ScotchBonnet;
|
|
||||||
|
|
||||||
|
|
@ -1,34 +0,0 @@
|
||||||
// Colors specific to Chronograf LIGHT theme
|
|
||||||
|
|
||||||
// TopNav Colors
|
|
||||||
$chronograf-topnav-link-hover: $br-pulsar !default;
|
|
||||||
$chronograf-dropdown-gradient: $grad-OminousFog !default;
|
|
||||||
|
|
||||||
// Search
|
|
||||||
$chronograf-sidebar-search-highlight: $br-pulsar !default;
|
|
||||||
|
|
||||||
// Left Navigation
|
|
||||||
$chronograf-nav-category: $br-pulsar !default;
|
|
||||||
$chronograf-nav-category-hover: $br-magenta !default;
|
|
||||||
$chronograf-nav-item-hover: $br-magenta !default;
|
|
||||||
$chronograf-nav-toggle-bg-hover: $br-magenta !default;
|
|
||||||
$chronograf-nav-active: $br-magenta !default;
|
|
||||||
|
|
||||||
// Article Content
|
|
||||||
$chronograf-article-heading: $br-pulsar !default;
|
|
||||||
$chronograf-article-heading-alt: $g5-pepper !default;
|
|
||||||
$chronograf-article-link: $br-pulsar !default;
|
|
||||||
$chronograf-article-link-hover: $b-dodger !default;
|
|
||||||
|
|
||||||
// Article Tables
|
|
||||||
$chronograf-article-table-header: $grad-MilkyWay !default;
|
|
||||||
|
|
||||||
// Article Buttons
|
|
||||||
$chronograf-btn-gradient: $grad-MilkyWay !default;
|
|
||||||
$chronograf-btn-gradient-hover: $grad-PurpleFog !default;
|
|
||||||
|
|
||||||
// Article Tabs for tabbed content
|
|
||||||
$chronograf-article-tab-active-text: $g20-white !default;
|
|
||||||
|
|
||||||
// Homepage cards
|
|
||||||
$chronograf-home-card-gradient: $grad-OminousFog !default;
|
|
||||||
|
|
@ -1,34 +0,0 @@
|
||||||
// Colors specific to Kapacitor LIGHT theme
|
|
||||||
|
|
||||||
// TopNav Colors
|
|
||||||
$kapacitor-topnav-link-hover: $b-dodger !default;
|
|
||||||
$kapacitor-dropdown-gradient: $grad-GarageBand !default;
|
|
||||||
|
|
||||||
// Search
|
|
||||||
$kapacitor-sidebar-search-highlight: $gr-viridian !default;
|
|
||||||
|
|
||||||
// Left Navigation
|
|
||||||
$kapacitor-nav-category: $gr-viridian !default;
|
|
||||||
$kapacitor-nav-category-hover: $p-star !default;
|
|
||||||
$kapacitor-nav-item-hover: $b-dodger !default;
|
|
||||||
$kapacitor-nav-toggle-bg-hover: $p-star !default;
|
|
||||||
$kapacitor-nav-active: $p-star !default;
|
|
||||||
|
|
||||||
// Article Content
|
|
||||||
$kapacitor-article-heading: $gr-viridian !default;
|
|
||||||
$kapacitor-article-heading-alt: $g7-graphite !default;
|
|
||||||
$kapacitor-article-link: $gr-viridian !default;
|
|
||||||
$kapacitor-article-link-hover: $b-dodger !default;
|
|
||||||
|
|
||||||
// Article Tables
|
|
||||||
$kapacitor-article-table-header: $grad-GarageBand !default;
|
|
||||||
|
|
||||||
// Article Buttons
|
|
||||||
$kapacitor-btn-gradient: $grad-green-shade !default;
|
|
||||||
$kapacitor-btn-gradient-hover: $grad-green !default;
|
|
||||||
|
|
||||||
// Article Tabs for tabbed content
|
|
||||||
$kapacitor-article-tab-active-text: $g20-white !default;
|
|
||||||
|
|
||||||
// Homepage cards
|
|
||||||
$kapacitor-home-card-gradient: $grad-GarageBand !default;
|
|
||||||
|
|
@ -1,34 +0,0 @@
|
||||||
// Colors specific to Telegraf LIGHT theme
|
|
||||||
|
|
||||||
// TopNav Colors
|
|
||||||
$telegraf-topnav-link-hover: $r-curacao !default;
|
|
||||||
$telegraf-dropdown-gradient: $grad-ScotchBonnet !default;
|
|
||||||
|
|
||||||
// Search
|
|
||||||
$telegraf-sidebar-search-highlight: $r-curacao !default;
|
|
||||||
|
|
||||||
// Left Navigation
|
|
||||||
$telegraf-nav-category: $r-curacao !default;
|
|
||||||
$telegraf-nav-category-hover: $r-dreamsicle !default;
|
|
||||||
$telegraf-nav-item-hover: $p-amethyst !default;
|
|
||||||
$telegraf-nav-toggle-bg-hover: $p-amethyst !default;
|
|
||||||
$telegraf-nav-active: $p-amethyst !default;
|
|
||||||
|
|
||||||
// Article Content
|
|
||||||
$telegraf-article-heading: $r-curacao !default;
|
|
||||||
$telegraf-article-heading-alt: $g5-pepper !default;
|
|
||||||
$telegraf-article-link: $r-curacao !default;
|
|
||||||
$telegraf-article-link-hover: $p-amethyst !default;
|
|
||||||
|
|
||||||
// Article Tables
|
|
||||||
$telegraf-article-table-header: $grad-Miyazakisky !default;
|
|
||||||
|
|
||||||
// Article Buttons
|
|
||||||
$telegraf-btn-gradient: $grad-red !default;
|
|
||||||
$telegraf-btn-gradient-hover: $grad-red-light !default;
|
|
||||||
|
|
||||||
// Article Tabs for tabbed content
|
|
||||||
$telegraf-article-tab-active-text: $g20-white !default;
|
|
||||||
|
|
||||||
// Homepage cards
|
|
||||||
$telegraf-home-card-gradient: $grad-ScotchBonnet !default;
|
|
||||||
|
|
@ -7,7 +7,6 @@ menu:
|
||||||
name: InfluxDB design insights and tradeoffs
|
name: InfluxDB design insights and tradeoffs
|
||||||
weight: 40
|
weight: 40
|
||||||
parent: Concepts
|
parent: Concepts
|
||||||
v2: /influxdb/v2/reference/key-concepts/design-principles/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
InfluxDB is a time series database.
|
InfluxDB is a time series database.
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,6 @@ menu:
|
||||||
name: Key concepts
|
name: Key concepts
|
||||||
weight: 10
|
weight: 10
|
||||||
parent: Concepts
|
parent: Concepts
|
||||||
v2: /influxdb/v2/reference/key-concepts/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Before diving into InfluxDB, it's good to get acquainted with some key concepts of the database. This document introduces key InfluxDB concepts and elements. To introduce the key concepts, we’ll cover how the following elements work together in InfluxDB:
|
Before diving into InfluxDB, it's good to get acquainted with some key concepts of the database. This document introduces key InfluxDB concepts and elements. To introduce the key concepts, we’ll cover how the following elements work together in InfluxDB:
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,6 @@ menu:
|
||||||
name: In-memory indexing with TSM
|
name: In-memory indexing with TSM
|
||||||
weight: 60
|
weight: 60
|
||||||
parent: Concepts
|
parent: Concepts
|
||||||
v2: /influxdb/v2/reference/internals/storage-engine/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## The InfluxDB storage engine and the Time-Structured Merge Tree (TSM)
|
## The InfluxDB storage engine and the Time-Structured Merge Tree (TSM)
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,6 @@ menu:
|
||||||
enterprise_influxdb_v1:
|
enterprise_influxdb_v1:
|
||||||
name: Flux
|
name: Flux
|
||||||
weight: 71
|
weight: 71
|
||||||
v2: /influxdb/v2/query-data/get-started/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Flux is a functional data scripting language designed for querying, analyzing, and acting on time series data.
|
Flux is a functional data scripting language designed for querying, analyzing, and acting on time series data.
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ weight: 1
|
||||||
aliases:
|
aliases:
|
||||||
- /enterprise_influxdb/v1/flux/guides/executing-queries/
|
- /enterprise_influxdb/v1/flux/guides/executing-queries/
|
||||||
- /enterprise_influxdb/v1/flux/guides/execute-queries/
|
- /enterprise_influxdb/v1/flux/guides/execute-queries/
|
||||||
v2: /influxdb/v2/query-data/execute-queries/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
There are multiple ways to execute Flux queries with InfluxDB Enterprise and Chronograf v1.8+.
|
There are multiple ways to execute Flux queries with InfluxDB Enterprise and Chronograf v1.8+.
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,6 @@ aliases:
|
||||||
- /enterprise_influxdb/v1/flux/getting-started/
|
- /enterprise_influxdb/v1/flux/getting-started/
|
||||||
- /enterprise_influxdb/v1/flux/introduction/getting-started/
|
- /enterprise_influxdb/v1/flux/introduction/getting-started/
|
||||||
canonical: /influxdb/v2/query-data/get-started/
|
canonical: /influxdb/v2/query-data/get-started/
|
||||||
v2: /influxdb/v2/query-data/get-started/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Flux is InfluxData's new functional data scripting language designed for querying,
|
Flux is InfluxData's new functional data scripting language designed for querying,
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ menu:
|
||||||
aliases:
|
aliases:
|
||||||
- /enterprise_influxdb/v1/flux/getting-started/query-influxdb/
|
- /enterprise_influxdb/v1/flux/getting-started/query-influxdb/
|
||||||
canonical: /influxdb/v2/query-data/get-started/query-influxdb/
|
canonical: /influxdb/v2/query-data/get-started/query-influxdb/
|
||||||
v2: /influxdb/v2/query-data/get-started/query-influxdb/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
This guide walks through the basics of using Flux to query data from InfluxDB.
|
This guide walks through the basics of using Flux to query data from InfluxDB.
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ menu:
|
||||||
aliases:
|
aliases:
|
||||||
- /enterprise_influxdb/v1/flux/getting-started/syntax-basics/
|
- /enterprise_influxdb/v1/flux/getting-started/syntax-basics/
|
||||||
canonical: /influxdb/v2/query-data/get-started/syntax-basics/
|
canonical: /influxdb/v2/query-data/get-started/syntax-basics/
|
||||||
v2: /influxdb/v2/query-data/get-started/syntax-basics/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ menu:
|
||||||
aliases:
|
aliases:
|
||||||
- /enterprise_influxdb/v1/flux/getting-started/transform-data/
|
- /enterprise_influxdb/v1/flux/getting-started/transform-data/
|
||||||
canonical: /influxdb/v2/query-data/get-started/transform-data/
|
canonical: /influxdb/v2/query-data/get-started/transform-data/
|
||||||
v2: /influxdb/v2/query-data/get-started/transform-data/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
When [querying data from InfluxDB](/enterprise_influxdb/v1/flux/get-started/query-influxdb),
|
When [querying data from InfluxDB](/enterprise_influxdb/v1/flux/get-started/query-influxdb),
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,6 @@ menu:
|
||||||
name: Query with Flux
|
name: Query with Flux
|
||||||
parent: Flux
|
parent: Flux
|
||||||
canonical: /influxdb/v2/query-data/flux/
|
canonical: /influxdb/v2/query-data/flux/
|
||||||
v2: /influxdb/v2/query-data/flux/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
The following guides walk through both common and complex queries and use cases for Flux.
|
The following guides walk through both common and complex queries and use cases for Flux.
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,6 @@ menu:
|
||||||
weight: 6
|
weight: 6
|
||||||
list_query_example: percentages
|
list_query_example: percentages
|
||||||
canonical: /influxdb/v2/query-data/flux/calculate-percentages/
|
canonical: /influxdb/v2/query-data/flux/calculate-percentages/
|
||||||
v2: /influxdb/v2/query-data/flux/calculate-percentages/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Calculating percentages from queried data is a common use case for time series data.
|
Calculating percentages from queried data is a common use case for time series data.
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,6 @@ menu:
|
||||||
parent: Query with Flux
|
parent: Query with Flux
|
||||||
weight: 20
|
weight: 20
|
||||||
canonical: /influxdb/v2/query-data/flux/conditional-logic/
|
canonical: /influxdb/v2/query-data/flux/conditional-logic/
|
||||||
v2: /influxdb/v2/query-data/flux/conditional-logic/
|
|
||||||
list_code_example: |
|
list_code_example: |
|
||||||
```js
|
```js
|
||||||
if color == "green" then "008000" else "ffffff"
|
if color == "green" then "008000" else "ffffff"
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,6 @@ menu:
|
||||||
name: Cumulative sum
|
name: Cumulative sum
|
||||||
list_query_example: cumulative_sum
|
list_query_example: cumulative_sum
|
||||||
canonical: /influxdb/v2/query-data/flux/cumulativesum/
|
canonical: /influxdb/v2/query-data/flux/cumulativesum/
|
||||||
v2: /influxdb/v2/query-data/flux/cumulativesum/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Use the [`cumulativeSum()` function](/flux/v0/stdlib/universe/cumulativesum/)
|
Use the [`cumulativeSum()` function](/flux/v0/stdlib/universe/cumulativesum/)
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,6 @@ menu:
|
||||||
parent: Query with Flux
|
parent: Query with Flux
|
||||||
weight: 20
|
weight: 20
|
||||||
canonical: /influxdb/v2/query-data/flux/exists/
|
canonical: /influxdb/v2/query-data/flux/exists/
|
||||||
v2: /influxdb/v2/query-data/flux/exists/
|
|
||||||
list_code_example: |
|
list_code_example: |
|
||||||
##### Filter null values
|
##### Filter null values
|
||||||
```js
|
```js
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,6 @@ menu:
|
||||||
name: Fill
|
name: Fill
|
||||||
list_query_example: fill_null
|
list_query_example: fill_null
|
||||||
canonical: /influxdb/v2/query-data/flux/fill/
|
canonical: /influxdb/v2/query-data/flux/fill/
|
||||||
v2: /influxdb/v2/query-data/flux/fill/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Use the [`fill()` function](/flux/v0/stdlib/universe/fill/)
|
Use the [`fill()` function](/flux/v0/stdlib/universe/fill/)
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,6 @@ menu:
|
||||||
name: First & last
|
name: First & last
|
||||||
list_query_example: first_last
|
list_query_example: first_last
|
||||||
canonical: /influxdb/v2/query-data/flux/first-last/
|
canonical: /influxdb/v2/query-data/flux/first-last/
|
||||||
v2: /influxdb/v2/query-data/flux/first-last/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Use the [`first()`](/flux/v0/stdlib/universe/first/) or
|
Use the [`first()`](/flux/v0/stdlib/universe/first/) or
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ menu:
|
||||||
parent: Query with Flux
|
parent: Query with Flux
|
||||||
weight: 20
|
weight: 20
|
||||||
canonical: /influxdb/v2/query-data/flux/geo/
|
canonical: /influxdb/v2/query-data/flux/geo/
|
||||||
v2: /influxdb/v2/query-data/flux/geo/
|
|
||||||
list_code_example: |
|
list_code_example: |
|
||||||
```js
|
```js
|
||||||
import "experimental/geo"
|
import "experimental/geo"
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,6 @@ related:
|
||||||
- /flux/v0/stdlib/experimental/geo/
|
- /flux/v0/stdlib/experimental/geo/
|
||||||
- /flux/v0/stdlib/experimental/geo/filterrows/
|
- /flux/v0/stdlib/experimental/geo/filterrows/
|
||||||
canonical: /influxdb/v2/query-data/flux/geo/filter-by-region/
|
canonical: /influxdb/v2/query-data/flux/geo/filter-by-region/
|
||||||
v2: /influxdb/v2/query-data/flux/geo/filter-by-region/
|
|
||||||
list_code_example: |
|
list_code_example: |
|
||||||
```js
|
```js
|
||||||
import "experimental/geo"
|
import "experimental/geo"
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,6 @@ related:
|
||||||
- /flux/v0/stdlib/experimental/geo/groupbyarea/
|
- /flux/v0/stdlib/experimental/geo/groupbyarea/
|
||||||
- /flux/v0/stdlib/experimental/geo/astracks/
|
- /flux/v0/stdlib/experimental/geo/astracks/
|
||||||
canonical: /influxdb/v2/query-data/flux/geo/group-geo-data/
|
canonical: /influxdb/v2/query-data/flux/geo/group-geo-data/
|
||||||
v2: /influxdb/v2/query-data/flux/geo/group-geo-data/
|
|
||||||
list_code_example: |
|
list_code_example: |
|
||||||
```js
|
```js
|
||||||
import "experimental/geo"
|
import "experimental/geo"
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,6 @@ related:
|
||||||
- /flux/v0/stdlib/experimental/geo/
|
- /flux/v0/stdlib/experimental/geo/
|
||||||
- /flux/v0/stdlib/experimental/geo/shapedata/
|
- /flux/v0/stdlib/experimental/geo/shapedata/
|
||||||
canonical: /influxdb/v2/query-data/flux/geo/shape-geo-data/
|
canonical: /influxdb/v2/query-data/flux/geo/shape-geo-data/
|
||||||
v2: /influxdb/v2/query-data/flux/geo/shape-geo-data/
|
|
||||||
list_code_example: |
|
list_code_example: |
|
||||||
```js
|
```js
|
||||||
import "experimental/geo"
|
import "experimental/geo"
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,6 @@ aliases:
|
||||||
- /enterprise_influxdb/v1/flux/guides/grouping-data/
|
- /enterprise_influxdb/v1/flux/guides/grouping-data/
|
||||||
list_query_example: group
|
list_query_example: group
|
||||||
canonical: /influxdb/v2/query-data/flux/group-data/
|
canonical: /influxdb/v2/query-data/flux/group-data/
|
||||||
v2: /influxdb/v2/query-data/flux/group-data/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
With Flux, you can group data by any column in your queried data set.
|
With Flux, you can group data by any column in your queried data set.
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,6 @@ menu:
|
||||||
weight: 10
|
weight: 10
|
||||||
list_query_example: histogram
|
list_query_example: histogram
|
||||||
canonical: /influxdb/v2/query-data/flux/histograms/
|
canonical: /influxdb/v2/query-data/flux/histograms/
|
||||||
v2: /influxdb/v2/query-data/flux/histograms/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Histograms provide valuable insight into the distribution of your data.
|
Histograms provide valuable insight into the distribution of your data.
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,6 @@ menu:
|
||||||
name: Increase
|
name: Increase
|
||||||
list_query_example: increase
|
list_query_example: increase
|
||||||
canonical: /influxdb/v2/query-data/flux/increase/
|
canonical: /influxdb/v2/query-data/flux/increase/
|
||||||
v2: /influxdb/v2/query-data/flux/increase/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Use the [`increase()` function](/flux/v0/stdlib/universe/increase/)
|
Use the [`increase()` function](/flux/v0/stdlib/universe/increase/)
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,6 @@ menu:
|
||||||
weight: 10
|
weight: 10
|
||||||
list_query_example: join
|
list_query_example: join
|
||||||
canonical: /influxdb/v2/query-data/flux/join/
|
canonical: /influxdb/v2/query-data/flux/join/
|
||||||
v2: /influxdb/v2/query-data/flux/join/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
The [`join()` function](/flux/v0/stdlib/universe/join) merges two or more
|
The [`join()` function](/flux/v0/stdlib/universe/join) merges two or more
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ menu:
|
||||||
parent: Query with Flux
|
parent: Query with Flux
|
||||||
weight: 20
|
weight: 20
|
||||||
canonical: /influxdb/v2/query-data/flux/manipulate-timestamps/
|
canonical: /influxdb/v2/query-data/flux/manipulate-timestamps/
|
||||||
v2: /influxdb/v2/query-data/flux/manipulate-timestamps/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Every point stored in InfluxDB has an associated timestamp.
|
Every point stored in InfluxDB has an associated timestamp.
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,6 @@ menu:
|
||||||
weight: 5
|
weight: 5
|
||||||
list_query_example: map_math
|
list_query_example: map_math
|
||||||
canonical: /influxdb/v2/query-data/flux/mathematic-operations/
|
canonical: /influxdb/v2/query-data/flux/mathematic-operations/
|
||||||
v2: /influxdb/v2/query-data/flux/mathematic-operations/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Flux supports mathematic expressions in data transformations.
|
Flux supports mathematic expressions in data transformations.
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,6 @@ menu:
|
||||||
name: Median
|
name: Median
|
||||||
list_query_example: median
|
list_query_example: median
|
||||||
canonical: /influxdb/v2/query-data/flux/median/
|
canonical: /influxdb/v2/query-data/flux/median/
|
||||||
v2: /influxdb/v2/query-data/flux/median/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Use the [`median()` function](/flux/v0/stdlib/universe/median/)
|
Use the [`median()` function](/flux/v0/stdlib/universe/median/)
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,6 @@ menu:
|
||||||
parent: Query with Flux
|
parent: Query with Flux
|
||||||
weight: 20
|
weight: 20
|
||||||
canonical: /influxdb/v2/query-data/flux/monitor-states/
|
canonical: /influxdb/v2/query-data/flux/monitor-states/
|
||||||
v2: /influxdb/v2/query-data/flux/monitor-states/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Flux helps you monitor states in your metrics and events:
|
Flux helps you monitor states in your metrics and events:
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,6 @@ menu:
|
||||||
name: Moving Average
|
name: Moving Average
|
||||||
list_query_example: moving_average
|
list_query_example: moving_average
|
||||||
canonical: /influxdb/v2/query-data/flux/moving-average/
|
canonical: /influxdb/v2/query-data/flux/moving-average/
|
||||||
v2: /influxdb/v2/query-data/flux/moving-average/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Use the [`movingAverage()`](/flux/v0/stdlib/universe/movingaverage/)
|
Use the [`movingAverage()`](/flux/v0/stdlib/universe/movingaverage/)
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,6 @@ menu:
|
||||||
name: Percentile & quantile
|
name: Percentile & quantile
|
||||||
list_query_example: quantile
|
list_query_example: quantile
|
||||||
canonical: /influxdb/v2/query-data/flux/percentile-quantile/
|
canonical: /influxdb/v2/query-data/flux/percentile-quantile/
|
||||||
v2: /influxdb/v2/query-data/flux/percentile-quantile/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Use the [`quantile()` function](/flux/v0/stdlib/universe/quantile/)
|
Use the [`quantile()` function](/flux/v0/stdlib/universe/quantile/)
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,6 @@ menu:
|
||||||
enterprise_influxdb_v1:
|
enterprise_influxdb_v1:
|
||||||
parent: Query with Flux
|
parent: Query with Flux
|
||||||
canonical: /influxdb/v2/query-data/flux/query-fields/
|
canonical: /influxdb/v2/query-data/flux/query-fields/
|
||||||
v2: /influxdb/v2/query-data/flux/query-fields/
|
|
||||||
list_code_example: |
|
list_code_example: |
|
||||||
```js
|
```js
|
||||||
from(bucket: "db/rp")
|
from(bucket: "db/rp")
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,6 @@ menu:
|
||||||
name: Rate
|
name: Rate
|
||||||
list_query_example: rate_of_change
|
list_query_example: rate_of_change
|
||||||
canonical: /influxdb/v2/query-data/flux/rate/
|
canonical: /influxdb/v2/query-data/flux/rate/
|
||||||
v2: /influxdb/v2/query-data/flux/rate/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ menu:
|
||||||
weight: 20
|
weight: 20
|
||||||
list_query_example: regular_expressions
|
list_query_example: regular_expressions
|
||||||
canonical: /influxdb/v2/query-data/flux/regular-expressions/
|
canonical: /influxdb/v2/query-data/flux/regular-expressions/
|
||||||
v2: /influxdb/v2/query-data/flux/regular-expressions/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Regular expressions (regexes) are incredibly powerful when matching patterns in large collections of data.
|
Regular expressions (regexes) are incredibly powerful when matching patterns in large collections of data.
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,6 @@ menu:
|
||||||
parent: Query with Flux
|
parent: Query with Flux
|
||||||
weight: 20
|
weight: 20
|
||||||
canonical: /influxdb/v2/query-data/flux/scalar-values/
|
canonical: /influxdb/v2/query-data/flux/scalar-values/
|
||||||
v2: /influxdb/v2/query-data/flux/scalar-values/
|
|
||||||
list_code_example: |
|
list_code_example: |
|
||||||
```js
|
```js
|
||||||
scalarValue = {
|
scalarValue = {
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,6 @@ menu:
|
||||||
weight: 3
|
weight: 3
|
||||||
list_query_example: sort_limit
|
list_query_example: sort_limit
|
||||||
canonical: /influxdb/v2/query-data/flux/sort-limit/
|
canonical: /influxdb/v2/query-data/flux/sort-limit/
|
||||||
v2: /influxdb/v2/query-data/flux/sort-limit/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Use the [`sort()`function](/flux/v0/stdlib/universe/sort)
|
Use the [`sort()`function](/flux/v0/stdlib/universe/sort)
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,6 @@ menu:
|
||||||
list_title: SQL data
|
list_title: SQL data
|
||||||
weight: 20
|
weight: 20
|
||||||
canonical: /influxdb/v2/query-data/flux/sql/
|
canonical: /influxdb/v2/query-data/flux/sql/
|
||||||
v2: /influxdb/v2/query-data/flux/sql/
|
|
||||||
list_code_example: |
|
list_code_example: |
|
||||||
```js
|
```js
|
||||||
import "sql"
|
import "sql"
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,6 @@ menu:
|
||||||
weight: 4
|
weight: 4
|
||||||
list_query_example: aggregate_window
|
list_query_example: aggregate_window
|
||||||
canonical: /influxdb/v2/query-data/flux/window-aggregate/
|
canonical: /influxdb/v2/query-data/flux/window-aggregate/
|
||||||
v2: /influxdb/v2/query-data/flux/window-aggregate/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
A common operation performed with time series data is grouping data into windows of time,
|
A common operation performed with time series data is grouping data into windows of time,
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,6 @@ menu:
|
||||||
name: Calculate percentages
|
name: Calculate percentages
|
||||||
aliases:
|
aliases:
|
||||||
- /enterprise_influxdb/v1/guides/calculating_percentages/
|
- /enterprise_influxdb/v1/guides/calculating_percentages/
|
||||||
v2: /influxdb/v2/query-data/flux/calculate-percentages/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Use Flux or InfluxQL to calculate percentages in a query.
|
Use Flux or InfluxQL to calculate percentages in a query.
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,6 @@ menu:
|
||||||
parent: Guides
|
parent: Guides
|
||||||
aliases:
|
aliases:
|
||||||
- /enterprise_influxdb/v1/guides/downsampling_and_retention/
|
- /enterprise_influxdb/v1/guides/downsampling_and_retention/
|
||||||
v2: /influxdb/v2/process-data/common-tasks/downsample-data/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
InfluxDB can handle hundreds of thousands of data points per second. Working with that much data over a long period of time can create storage concerns.
|
InfluxDB can handle hundreds of thousands of data points per second. Working with that much data over a long period of time can create storage concerns.
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,6 @@ menu:
|
||||||
aliases:
|
aliases:
|
||||||
- /enterprise_influxdb/v1/guides/querying_data/
|
- /enterprise_influxdb/v1/guides/querying_data/
|
||||||
- /docs/v1.8/query_language/querying_data/
|
- /docs/v1.8/query_language/querying_data/
|
||||||
v2: /influxdb/v2/query-data/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,6 @@ menu:
|
||||||
parent: Guides
|
parent: Guides
|
||||||
aliases:
|
aliases:
|
||||||
- /enterprise_influxdb/v1/guides/writing_data/
|
- /enterprise_influxdb/v1/guides/writing_data/
|
||||||
v2: /influxdb/v2/write-data/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Write data into InfluxDB using the [command line interface](/enterprise_influxdb/v1/tools/influx-cli/use-influx/), [client libraries](/enterprise_influxdb/v1/clients/api/), and plugins for common data formats such as [Graphite](/enterprise_influxdb/v1/write_protocols/graphite/).
|
Write data into InfluxDB using the [command line interface](/enterprise_influxdb/v1/tools/influx-cli/use-influx/), [client libraries](/enterprise_influxdb/v1/clients/api/), and plugins for common data formats such as [Graphite](/enterprise_influxdb/v1/write_protocols/graphite/).
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,6 @@ menu:
|
||||||
name: Continuous Queries
|
name: Continuous Queries
|
||||||
weight: 50
|
weight: 50
|
||||||
parent: InfluxQL
|
parent: InfluxQL
|
||||||
v2: /influxdb/v2/process-data/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Introduction
|
## Introduction
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ menu:
|
||||||
parent: InfluxQL
|
parent: InfluxQL
|
||||||
aliases:
|
aliases:
|
||||||
- /enterprise_influxdb/v1/query_language/data_exploration/
|
- /enterprise_influxdb/v1/query_language/data_exploration/
|
||||||
v2: /influxdb/v2/query-data/flux/query-fields/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
InfluxQL is an SQL-like query language for interacting with data in InfluxDB.
|
InfluxQL is an SQL-like query language for interacting with data in InfluxDB.
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,6 @@ menu:
|
||||||
parent: InfluxQL
|
parent: InfluxQL
|
||||||
aliases:
|
aliases:
|
||||||
- /enterprise_influxdb/v1/query_language/schema_exploration/
|
- /enterprise_influxdb/v1/query_language/schema_exploration/
|
||||||
v2: /influxdb/v2/query-data/flux/explore-schema/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
InfluxQL is an SQL-like query language for interacting with data in InfluxDB.
|
InfluxQL is an SQL-like query language for interacting with data in InfluxDB.
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,6 @@ menu:
|
||||||
aliases:
|
aliases:
|
||||||
- /enterprise_influxdb/v1/sample_data/data_download/
|
- /enterprise_influxdb/v1/sample_data/data_download/
|
||||||
- /enterprise_influxdb/v1/query_language/data_download/
|
- /enterprise_influxdb/v1/query_language/data_download/
|
||||||
v2: /influxdb/v2/reference/sample-data/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
In order to explore the query language further, these instructions help you create a database,
|
In order to explore the query language further, these instructions help you create a database,
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ menu:
|
||||||
name: InfluxDB API reference
|
name: InfluxDB API reference
|
||||||
weight: 20
|
weight: 20
|
||||||
parent: Tools
|
parent: Tools
|
||||||
v2: /influxdb/v2/reference/api/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
The InfluxDB API provides a simple way to interact with the database.
|
The InfluxDB API provides a simple way to interact with the database.
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,6 @@ menu:
|
||||||
enterprise_influxdb_v1:
|
enterprise_influxdb_v1:
|
||||||
weight: 30
|
weight: 30
|
||||||
parent: Tools
|
parent: Tools
|
||||||
v2: /influxdb/v2/api-guide/client-libraries/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
InfluxDB client libraries are language-specific packages that integrate with InfluxDB APIs and support **InfluxDB 1.8+** and **InfluxDB 2.x**.
|
InfluxDB client libraries are language-specific packages that integrate with InfluxDB APIs and support **InfluxDB 1.8+** and **InfluxDB 2.x**.
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,6 @@ menu:
|
||||||
enterprise_influxdb_v1:
|
enterprise_influxdb_v1:
|
||||||
name: Flux VS Code extension
|
name: Flux VS Code extension
|
||||||
parent: Tools
|
parent: Tools
|
||||||
v2: /influxdb/v2/tools/flux-vscode/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
The [Flux Visual Studio Code (VS Code) extension](https://marketplace.visualstudio.com/items?itemName=influxdata.flux)
|
The [Flux Visual Studio Code (VS Code) extension](https://marketplace.visualstudio.com/items?itemName=influxdata.flux)
|
||||||
|
|
|
||||||
|
|
@ -38,7 +38,7 @@ to visualize data from your **InfluxDB Enterprise** cluster.
|
||||||
supported by InfluxDB {{< current-version >}} (InfluxQL or Flux):
|
supported by InfluxDB {{< current-version >}} (InfluxQL or Flux):
|
||||||
|
|
||||||
{{% note %}}
|
{{% note %}}
|
||||||
SQL is only supported in InfluxDB v3.
|
SQL is only supported in InfluxDB 3.
|
||||||
{{% /note %}}
|
{{% /note %}}
|
||||||
|
|
||||||
{{< tabs-wrapper >}}
|
{{< tabs-wrapper >}}
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,6 @@ menu:
|
||||||
name: influx
|
name: influx
|
||||||
weight: 10
|
weight: 10
|
||||||
parent: Tools
|
parent: Tools
|
||||||
v2: /influxdb/v2/reference/cli/influx/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
The `influx` command line interface (CLI) provides an interactive shell for the HTTP API associated with `influxd`.
|
The `influx` command line interface (CLI) provides an interactive shell for the HTTP API associated with `influxd`.
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,6 @@ menu:
|
||||||
enterprise_influxdb_v1:
|
enterprise_influxdb_v1:
|
||||||
weight: 50
|
weight: 50
|
||||||
parent: Tools
|
parent: Tools
|
||||||
v2: /influxdb/v2/reference/cli/influxd/inspect/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Influx Inspect is an InfluxDB disk utility that can be used to:
|
Influx Inspect is an InfluxDB disk utility that can be used to:
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,6 @@ menu:
|
||||||
name: influxd
|
name: influxd
|
||||||
weight: 10
|
weight: 10
|
||||||
parent: Tools
|
parent: Tools
|
||||||
v2: /influxdb/v2/reference/cli/influxd/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
The `influxd` command starts and runs all the processes necessary for InfluxDB to function.
|
The `influxd` command starts and runs all the processes necessary for InfluxDB to function.
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,6 @@ menu:
|
||||||
name: influxd run
|
name: influxd run
|
||||||
weight: 10
|
weight: 10
|
||||||
parent: influxd
|
parent: influxd
|
||||||
v2: /influxdb/v2/reference/cli/influxd/run/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
The `influxd run` command is the default command for `influxd`.
|
The `influxd run` command is the default command for `influxd`.
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,6 @@ menu:
|
||||||
name: influxd version
|
name: influxd version
|
||||||
weight: 10
|
weight: 10
|
||||||
parent: influxd
|
parent: influxd
|
||||||
v2: /influxdb/v2/reference/cli/influxd/version/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,6 @@ menu:
|
||||||
enterprise_influxdb_v1:
|
enterprise_influxdb_v1:
|
||||||
name: Write protocols
|
name: Write protocols
|
||||||
weight: 80
|
weight: 80
|
||||||
v2: /influxdb/v2/reference/syntax/line-protocol/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
The InfluxDB line protocol is a text based format for writing points to InfluxDB databases.
|
The InfluxDB line protocol is a text based format for writing points to InfluxDB databases.
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,6 @@ menu:
|
||||||
weight: 10
|
weight: 10
|
||||||
parent: Write protocols
|
parent: Write protocols
|
||||||
canonical: /influxdb/v2/reference/syntax/line-protocol/
|
canonical: /influxdb/v2/reference/syntax/line-protocol/
|
||||||
v2: /influxdb/v2/reference/syntax/line-protocol/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
InfluxDB line protocol is a text-based format for writing points to InfluxDB.
|
InfluxDB line protocol is a text-based format for writing points to InfluxDB.
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,6 @@ menu:
|
||||||
enterprise_influxdb_v1:
|
enterprise_influxdb_v1:
|
||||||
weight: 20
|
weight: 20
|
||||||
parent: Write protocols
|
parent: Write protocols
|
||||||
v2: /influxdb/v2/reference/syntax/line-protocol/
|
|
||||||
---
|
---
|
||||||
|
|
||||||
The InfluxDB line protocol is a text-based format for writing points to the
|
The InfluxDB line protocol is a text-based format for writing points to the
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
---
|
---
|
||||||
title: The future of Flux
|
title: The future of Flux
|
||||||
description: >
|
description: >
|
||||||
Flux is in maintenance mode and is not supported in InfluxDB v3.
|
Flux is in maintenance mode and is not supported in InfluxDB 3.
|
||||||
This decision was based on the broad demand for native SQL and the continued
|
This decision was based on the broad demand for native SQL and the continued
|
||||||
growth and adoption of InfluxQL.
|
growth and adoption of InfluxQL.
|
||||||
menu:
|
menu:
|
||||||
|
|
@ -10,18 +10,18 @@ menu:
|
||||||
weight: 15
|
weight: 15
|
||||||
---
|
---
|
||||||
|
|
||||||
Flux is in maintenance mode and is not supported in InfluxDB v3 due to the broad
|
Flux is in maintenance mode and is not supported in InfluxDB 3 due to the broad
|
||||||
demand for native SQL and the continued growth and adoption of InfluxQL.
|
demand for native SQL and the continued growth and adoption of InfluxQL.
|
||||||
|
|
||||||
InfluxData continues to support Flux for InfluxDB 1.x and 2.x, and you can
|
InfluxData continues to support Flux for InfluxDB 1.x and 2.x, and you can
|
||||||
continue using it without changing your code.
|
continue using it without changing your code.
|
||||||
If interested in transitioning to InfluxDB v3 and you want to future-proof your
|
If interested in transitioning to InfluxDB 3 and you want to future-proof your
|
||||||
code, we suggest using InfluxQL.
|
code, we suggest using InfluxQL.
|
||||||
|
|
||||||
As we developed InfluxDB v3, our top priority was improving performance at the
|
As we developed InfluxDB 3, our top priority was improving performance at the
|
||||||
database layer: faster ingestion, better compression, enhanced querying,
|
database layer: faster ingestion, better compression, enhanced querying,
|
||||||
and more scalability. However, this meant we couldn’t bring everything forward
|
and more scalability. However, this meant we couldn’t bring everything forward
|
||||||
from v2. As InfluxDB v3 is a ground-up rewrite of the database in a new language
|
from v2. As InfluxDB 3 is a ground-up rewrite of the database in a new language
|
||||||
(from Go to Rust), we couldn’t bring Flux forward to v3.
|
(from Go to Rust), we couldn’t bring Flux forward to v3.
|
||||||
|
|
||||||
- [What do you mean by Flux is in maintenance mode?](#what-do-you-mean-by-flux-is-in-maintenance-mode)
|
- [What do you mean by Flux is in maintenance mode?](#what-do-you-mean-by-flux-is-in-maintenance-mode)
|
||||||
|
|
@ -33,7 +33,7 @@ from v2. As InfluxDB v3 is a ground-up rewrite of the database in a new language
|
||||||
We still support Flux, but are not actively developing any new Flux features.
|
We still support Flux, but are not actively developing any new Flux features.
|
||||||
We will continue to provide security patches and will address any critical
|
We will continue to provide security patches and will address any critical
|
||||||
defects through the maintenance period.
|
defects through the maintenance period.
|
||||||
Our focus is our latest database engine, InfluxDB v3, and its associated products.
|
Our focus is our latest database engine, InfluxDB 3, and its associated products.
|
||||||
|
|
||||||
## Is Flux going to End-of-Life?
|
## Is Flux going to End-of-Life?
|
||||||
|
|
||||||
|
|
@ -44,7 +44,7 @@ future-proof your code, we recommend using InfluxQL or SQL.
|
||||||
|
|
||||||
## What alternatives do you have for Flux tasks?
|
## What alternatives do you have for Flux tasks?
|
||||||
|
|
||||||
If moving to InfluxDB v3, you can't bring Flux tasks because InfluxDB v3 doesn't
|
If moving to InfluxDB 3, you can't bring Flux tasks because InfluxDB 3 doesn't
|
||||||
support Flux natively. When you move to v3, you will need to rewrite your tasks
|
support Flux natively. When you move to v3, you will need to rewrite your tasks
|
||||||
using whatever technologies your team prefers. However, if you’re using tasks
|
using whatever technologies your team prefers. However, if you’re using tasks
|
||||||
for downsampling specifically, the storage performance in v3 is much better so
|
for downsampling specifically, the storage performance in v3 is much better so
|
||||||
|
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
{
|
|
||||||
"vale.valeCLI.config": "${workspaceFolder}/content/influxdb/cloud-dedicated/.vale.ini",
|
|
||||||
"vale.valeCLI.minAlertLevel": "warning",
|
|
||||||
}
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
---
|
|
||||||
title: Learn to use APIs for your workloads
|
|
||||||
seo_title: Learn to use APIs for your data workloads in InfluxDB Cloud Dedicated
|
|
||||||
description: >
|
|
||||||
Choose the API and tools that fit your workload.
|
|
||||||
Learn how to authenticate, write, and query using Telegraf, client libraries, and HTTP clients.
|
|
||||||
weight: 101
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_dedicated:
|
|
||||||
name: API compatibility
|
|
||||||
parent: Guides
|
|
||||||
influxdb/cloud-dedicated/tags: [api]
|
|
||||||
aliases:
|
|
||||||
- /influxdb/cloud-dedicated/primers/
|
|
||||||
- /influxdb/cloud-dedicated/primers/api/
|
|
||||||
- /influxdb/cloud-dedicated/api-compatibility/
|
|
||||||
related:
|
|
||||||
- /influxdb/cloud-dedicated/query-data/sql/
|
|
||||||
- /influxdb/cloud-dedicated/query-data/influxql/
|
|
||||||
- /influxdb/cloud-dedicated/write-data/
|
|
||||||
- /influxdb/cloud-dedicated/write-data/use-telegraf/configure/
|
|
||||||
- /influxdb/cloud-dedicated/reference/api/
|
|
||||||
- /influxdb/cloud-dedicated/reference/client-libraries/
|
|
||||||
---
|
|
||||||
|
|
||||||
Choose the {{% product-name %}} API and tools that best fit your workload:
|
|
||||||
|
|
||||||
{{< children sort>}}
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
---
|
|
||||||
title: Use InfluxDB client libraries and SQL or InfluxQL to query data
|
|
||||||
list_title: Use client libraries
|
|
||||||
description: >
|
|
||||||
Use the InfluxDB v3 client libraries with SQL or InfluxQL to query data stored in InfluxDB.
|
|
||||||
InfluxDB v3 client libraries are language-specific packages that integrate with your application.
|
|
||||||
Execute queries and retrieve data and metadata over the Flight+gRPC protocol, and then process data using tools in the language of your choice.
|
|
||||||
weight: 30
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_dedicated:
|
|
||||||
name: Use client libraries
|
|
||||||
parent: Execute queries
|
|
||||||
influxdb/cloud-dedicated/tags: [client libraries, SQL, InfluxQL, API, Flight, developer tools]
|
|
||||||
related:
|
|
||||||
- /influxdb/cloud-dedicated/reference/client-libraries/v3/
|
|
||||||
---
|
|
||||||
|
|
||||||
Use the InfluxDB v3 client libraries with SQL or InfluxQL to query data stored in InfluxDB.
|
|
||||||
InfluxDB v3 client libraries are language-specific packages that integrate with your application.
|
|
||||||
Execute queries and retrieve data and metadata over the Flight+gRPC protocol, and then process data using tools in the language of your choice.
|
|
||||||
|
|
||||||
{{< children depth="999" description="true" >}}
|
|
||||||
|
|
@ -1,47 +0,0 @@
|
||||||
---
|
|
||||||
title: Use visualization tools to query data
|
|
||||||
list_title: Use visualization tools
|
|
||||||
description: >
|
|
||||||
Use visualization tools and SQL or InfluxQL to query data stored in InfluxDB.
|
|
||||||
weight: 301
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_dedicated:
|
|
||||||
parent: Execute queries
|
|
||||||
name: Use visualization tools
|
|
||||||
identifier: query-with-visualization-tools
|
|
||||||
influxdb/cloud-dedicated/tags: [query, sql, influxql]
|
|
||||||
metadata: [SQL, InfluxQL]
|
|
||||||
aliases:
|
|
||||||
- /influxdb/cloud-dedicated/query-data/influxql/execute-queries/visualization-tools/
|
|
||||||
- /influxdb/cloud-dedicated/query-data/sql/execute-queries/visualization-tools/
|
|
||||||
related:
|
|
||||||
- /influxdb/cloud-dedicated/process-data/visualize/grafana/
|
|
||||||
- /influxdb/cloud-dedicated/process-data/visualize/superset/
|
|
||||||
- /influxdb/cloud-dedicated/process-data/visualize/tableau/
|
|
||||||
---
|
|
||||||
|
|
||||||
Use visualization tools to query data stored in {{% product-name %}} with SQL.
|
|
||||||
|
|
||||||
## Query using SQL
|
|
||||||
|
|
||||||
The following visualization tools support querying InfluxDB with SQL:
|
|
||||||
|
|
||||||
- [Grafana](/influxdb/cloud-dedicated/process-data/visualize/grafana/)
|
|
||||||
- [Superset](/influxdb/cloud-dedicated/process-data/visualize/superset/)
|
|
||||||
- [Tableau](/influxdb/cloud-dedicated/process-data/visualize/tableau/)
|
|
||||||
|
|
||||||
## Query using InfluxQL
|
|
||||||
|
|
||||||
The following visualization tools support querying InfluxDB with InfluxQL:
|
|
||||||
|
|
||||||
- [Grafana](/influxdb/cloud-dedicated/process-data/visualize/grafana/?t=InfluxQL)
|
|
||||||
- [Chronograf](/influxdb/cloud-dedicated/process-data/visualize/chronograf/)
|
|
||||||
|
|
||||||
{{% warn %}}
|
|
||||||
#### InfluxQL feature support
|
|
||||||
|
|
||||||
InfluxQL is being rearchitected to work with the InfluxDB v3 storage engine.
|
|
||||||
This process is ongoing and some InfluxQL features are still being implemented.
|
|
||||||
For information about the current implementation status of InfluxQL features,
|
|
||||||
see [InfluxQL feature support](/influxdb/cloud-dedicated/reference/influxql/feature-support/).
|
|
||||||
{{% /warn %}}
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
---
|
|
||||||
title: C# .NET Flight client
|
|
||||||
description: The C# .NET Flight client integrates with C# .NET scripts and applications to query data stored in InfluxDB.
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_dedicated:
|
|
||||||
name: C# .NET
|
|
||||||
parent: Arrow Flight clients
|
|
||||||
identifier: csharp-flight-client
|
|
||||||
influxdb/cloud-dedicated/tags: [C#, gRPC, SQL, Flight SQL, client libraries]
|
|
||||||
aliases:
|
|
||||||
- /influxdb/cloud-dedicated/reference/client-libraries/flight-sql/csharp-flightsql/
|
|
||||||
weight: 201
|
|
||||||
---
|
|
||||||
|
|
||||||
[Apache Arrow for C# .NET](https://github.com/apache/arrow/blob/main/csharp/README.md) integrates with C# .NET scripts and applications to query data stored in InfluxDB.
|
|
||||||
|
|
||||||
For more information, see the [C# client example on GitHub](https://github.com/apache/arrow/tree/main/csharp/examples/FlightClientExample).
|
|
||||||
|
|
||||||
{{% note %}}
|
|
||||||
#### Use InfluxDB v3 client libraries
|
|
||||||
|
|
||||||
We recommend using the [`influxdb3-csharp` C# client library](/influxdb/cloud-dedicated/reference/client-libraries/v3/csharp/) for integrating InfluxDB v3 with your C# application code.
|
|
||||||
|
|
||||||
[InfluxDB v3 client libraries](/influxdb/cloud-dedicated/reference/client-libraries/v3/) wrap Apache Arrow Flight clients
|
|
||||||
and provide convenient methods for [writing](/influxdb/cloud-dedicated/get-started/write/#write-line-protocol-to-influxdb), [querying](/influxdb/cloud-dedicated/get-started/query/#execute-an-sql-query), and processing data stored in {{% product-name %}}.
|
|
||||||
Client libraries can query using SQL or InfluxQL.
|
|
||||||
{{% /note %}}
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
---
|
|
||||||
title: C# .NET client library for InfluxDB v3
|
|
||||||
list_title: C# .NET
|
|
||||||
description: >
|
|
||||||
The InfluxDB v3 `influxdb3-csharp` C# .NET client library integrates with C# .NET scripts and applications to write and query data stored in an InfluxDB Cloud Dedicated database.
|
|
||||||
external_url: https://github.com/InfluxCommunity/influxdb3-csharp
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_dedicated:
|
|
||||||
name: C# .NET
|
|
||||||
parent: v3 client libraries
|
|
||||||
identifier: influxdb3-csharp
|
|
||||||
influxdb/cloud-dedicated/tags: [C#, gRPC, SQL, Flight SQL, client libraries]
|
|
||||||
weight: 201
|
|
||||||
---
|
|
||||||
|
|
||||||
The InfluxDB v3 [`influxdb3-csharp` C# .NET client library](https://github.com/InfluxCommunity/influxdb3-csharp) integrates with C# .NET scripts and applications
|
|
||||||
to write and query data stored in an {{% product-name %}} database.
|
|
||||||
|
|
||||||
The documentation for this client library is available on GitHub.
|
|
||||||
|
|
||||||
<a href="https://github.com/InfluxCommunity/influxdb3-csharp" target="_blank" class="btn github">InfluxDB v3 C# .NET client library</a>
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
---
|
|
||||||
title: JavaScript client library for InfluxDB v3
|
|
||||||
list_title: JavaScript
|
|
||||||
description: >
|
|
||||||
The InfluxDB v3 `influxdb3-js` JavaScript client library integrates with JavaScript scripts and applications to write and query data stored in an InfluxDB Cloud Dedicated database.
|
|
||||||
external_url: https://github.com/InfluxCommunity/influxdb3-js
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_dedicated:
|
|
||||||
name: JavaScript
|
|
||||||
parent: v3 client libraries
|
|
||||||
identifier: influxdb3-js
|
|
||||||
influxdb/cloud-dedicated/tags: [Flight client, JavaScript, gRPC, SQL, Flight SQL, client libraries]
|
|
||||||
weight: 201
|
|
||||||
aliases:
|
|
||||||
- /influxdb/cloud-dedicated/reference/api/client-libraries/go/
|
|
||||||
- /influxdb/cloud-dedicated/tools/client-libraries/go/
|
|
||||||
---
|
|
||||||
|
|
||||||
The InfluxDB v3 [`influxdb3-js` JavaScript client library](https://github.com/InfluxCommunity/influxdb3-js) integrates with JavaScript scripts and applications
|
|
||||||
to write and query data stored in an {{% product-name %}} database.
|
|
||||||
|
|
||||||
The documentation for this client library is available on GitHub.
|
|
||||||
|
|
||||||
<a href="https://github.com/InfluxCommunity/influxdb3-js" target="_blank" class="btn github">InfluxDB v3 JavaScript client library</a>
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
{
|
|
||||||
"vale.valeCLI.config": "${workspaceFolder}/content/influxdb/cloud-serverless/.vale.ini",
|
|
||||||
"vale.valeCLI.minAlertLevel": "warning",
|
|
||||||
}
|
|
||||||
|
|
@ -1,26 +0,0 @@
|
||||||
---
|
|
||||||
title: influx apply
|
|
||||||
description: The `influx apply` command applies InfluxDB templates.
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_serverless:
|
|
||||||
name: influx apply
|
|
||||||
parent: influx
|
|
||||||
weight: 101
|
|
||||||
aliases:
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/pkg/
|
|
||||||
influxdb/cloud-serverless/tags: [templates]
|
|
||||||
related:
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#flag-patterns-and-conventions, influx CLI—Flag patterns and conventions
|
|
||||||
metadata: [influx CLI 2.0.0+]
|
|
||||||
---
|
|
||||||
|
|
||||||
{{% warn %}}
|
|
||||||
#### Not supported in InfluxDB Cloud Serverless
|
|
||||||
|
|
||||||
While this command is included in the `influx` CLI {{< latest-cli >}}, this
|
|
||||||
functionality is not available in InfluxDB Cloud Serverless organizations
|
|
||||||
powered by the InfluxDB v3 storage engine.
|
|
||||||
{{% /warn %}}
|
|
||||||
|
|
||||||
{{< duplicate-oss >}}
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
---
|
|
||||||
title: influx auth
|
|
||||||
description: The `influx auth` command and its subcommands manage API tokens in InfluxDB.
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_serverless:
|
|
||||||
name: influx auth
|
|
||||||
parent: influx
|
|
||||||
weight: 101
|
|
||||||
influxdb/cloud-serverless/tags: [authentication]
|
|
||||||
cascade:
|
|
||||||
related:
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#flag-patterns-and-conventions, influx CLI—Flag patterns and conventions
|
|
||||||
metadata: [influx CLI 2.0.0+]
|
|
||||||
---
|
|
||||||
|
|
||||||
{{< duplicate-oss >}}
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
---
|
|
||||||
title: influx bucket-schema
|
|
||||||
description: The `influx bucket-schema` command and its subcommands manage schemas of buckets in InfluxDB.
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_serverless:
|
|
||||||
name: influx bucket-schema
|
|
||||||
parent: influx
|
|
||||||
weight: 101
|
|
||||||
influxdb/cloud-serverless/tags: [buckets, bucket-schema]
|
|
||||||
cascade:
|
|
||||||
related:
|
|
||||||
- /influxdb/cloud-serverless/admin/buckets/
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
metadata: [influx CLI 2.1.0+]
|
|
||||||
---
|
|
||||||
|
|
||||||
{{< duplicate-oss >}}
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
---
|
|
||||||
title: influx bucket
|
|
||||||
description: The `influx bucket` command and its subcommands manage buckets in InfluxDB.
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_serverless:
|
|
||||||
name: influx bucket
|
|
||||||
parent: influx
|
|
||||||
weight: 101
|
|
||||||
influxdb/cloud-serverless/tags: [buckets]
|
|
||||||
cascade:
|
|
||||||
related:
|
|
||||||
- /influxdb/cloud-serverless/organizations/buckets/
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#flag-patterns-and-conventions, influx CLI—Flag patterns and conventions
|
|
||||||
metadata: [influx CLI 2.0.0+]
|
|
||||||
---
|
|
||||||
|
|
||||||
{{< duplicate-oss >}}
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
---
|
|
||||||
title: influx bucket create
|
|
||||||
description: The `influx bucket create` command creates a new bucket in InfluxDB.
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_serverless:
|
|
||||||
name: influx bucket create
|
|
||||||
parent: influx bucket
|
|
||||||
weight: 201
|
|
||||||
related:
|
|
||||||
- /influxdb/cloud-serverless/admin/buckets/create-bucket/
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
updated_in: CLI v2.1.0
|
|
||||||
---
|
|
||||||
|
|
||||||
{{< duplicate-oss >}}
|
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
---
|
|
||||||
title: influx bucket delete
|
|
||||||
description: The `influx bucket delete` command deletes a bucket from InfluxDB and all the data it contains.
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_serverless:
|
|
||||||
name: influx bucket delete
|
|
||||||
parent: influx bucket
|
|
||||||
weight: 201
|
|
||||||
related:
|
|
||||||
- /influxdb/cloud-serverless/admin/buckets/delete-bucket/
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
---
|
|
||||||
|
|
||||||
{{< duplicate-oss >}}
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
---
|
|
||||||
title: influx completion
|
|
||||||
description: >
|
|
||||||
The `influx completion` command outputs `influx` shell completion scripts for a
|
|
||||||
specified shell (`bash` or `zsh`).
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_serverless:
|
|
||||||
name: influx completion
|
|
||||||
parent: influx
|
|
||||||
weight: 101
|
|
||||||
influxdb/cloud-serverless/tags: [cli, tools]
|
|
||||||
related:
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
metadata: [influx CLI 2.0.0+]
|
|
||||||
---
|
|
||||||
|
|
||||||
{{< duplicate-oss >}}
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
---
|
|
||||||
title: influx config
|
|
||||||
description: The `influx config` command and subcommands manage multiple InfluxDB connection configurations.
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_serverless:
|
|
||||||
name: influx config
|
|
||||||
parent: influx
|
|
||||||
weight: 101
|
|
||||||
influxdb/cloud-serverless/tags: [config]
|
|
||||||
cascade:
|
|
||||||
related:
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
metadata: [influx CLI 2.0.0+]
|
|
||||||
---
|
|
||||||
|
|
||||||
{{< duplicate-oss >}}
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
---
|
|
||||||
title: influx export all
|
|
||||||
description: >
|
|
||||||
The `influx export all` command exports all resources in an organization as an InfluxDB template.
|
|
||||||
menu:
|
|
||||||
influxdb_cloud_serverless:
|
|
||||||
parent: influx export
|
|
||||||
weight: 201
|
|
||||||
related:
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
- /influxdb/cloud-serverless/reference/cli/influx/#provide-required-authentication-credentials, influx CLI—Provide required authentication credentials
|
|
||||||
---
|
|
||||||
|
|
||||||
{{< duplicate-oss >}}
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue