diff --git a/_layouts/pricing.html b/_layouts/pricing.html index 53b3579b48..aabbb5eaff 100644 --- a/_layouts/pricing.html +++ b/_layouts/pricing.html @@ -485,7 +485,7 @@

Add-ons

Edge add on icon
-

Edge Computing

+

Edge Computing

Process data where it is collected

Starting from ${edgePrice}

@@ -493,7 +493,7 @@

Trendz add on icon
-

Trendz Analytics

+

Trendz Analytics

Advanced analytics for your solution

Starting from ${trendzPrice}

@@ -501,7 +501,7 @@

White-labeling add on icon
-

White-labeled Mobile App

+

White-labeled Mobile App

Сustomizable mobile application

${wlPrice}

diff --git a/js/script.js b/js/script.js index 5394750572..843d6b99f6 100755 --- a/js/script.js +++ b/js/script.js @@ -163,10 +163,7 @@ var tb = (function () { $('[data-faq-id]').each(function () { let faqAnchor = this; let nodeId = this.getAttribute('data-faq-id'); - let fontSize = this.getAttribute('data-faq-link-size') || 'smaller'; - let faqLink = newDOMElement('a', 'faq-link'); - $(faqLink).css('fontSize', fontSize); - faqAnchor.appendChild(faqLink); + let faqLink = $(faqAnchor).children('a')[0]; $(faqLink).on('click', function() { navigateToFaq(nodeId); }); @@ -178,10 +175,9 @@ var tb = (function () { let nodeId = this.getAttribute('data-faq-id'); let faqLink = $(faqAnchor).children('a')[0]; let contentSource = document.querySelector('div[data-item-id="' + nodeId + '"] .container'); - - if (contentSource) { + let customTooltip = this.getAttribute('data-faq-tooltip'); + if (contentSource || customTooltip) { let fullText = $(contentSource).text().trim().replace(/\s+/g, ' '); - let customTooltip = this.getAttribute('data-faq-tooltip'); let charsPerLine = 24; let maxLines = 5; let maxChars = charsPerLine * maxLines; diff --git a/pricing/index.md b/pricing/index.md index 57177f8e67..6697d111f5 100644 --- a/pricing/index.md +++ b/pricing/index.md @@ -25,55 +25,52 @@ defaultActivePricingSection: thingsboard-pe-options

Growth

@@ -673,9 +670,9 @@ defaultActivePricingSection: thingsboard-pe-options
25 000 devices included
99.9% uptime guarantee
-
100 000 msg/minute
-
1 TB of storage included
-
$0.09 per extra device
+
100 000 msg/minute
+
1 TB of storage included
+
$0.09 per extra device

Scale

@@ -698,17 +695,17 @@ defaultActivePricingSection: thingsboard-pe-options
50 000 devices included
99.95% uptime guarantee
-
500 000 msg/minute
-
2 TB of storage included
-
$0.08 per extra device
+
500 000 msg/minute
+
2 TB of storage included
+
$0.08 per extra device

Enterprise

Tailored architecture, pricing, and SLAs to fit your business.

-

- Custom +

+ Custom

@@ -720,7 +717,7 @@ defaultActivePricingSection: thingsboard-pe-options
Custom SLA
Unlimited message rate
Unlimited storage
-
<$0.05 per extra device
+
<$0.05 per extra device
@@ -750,14 +747,14 @@ defaultActivePricingSection: thingsboard-pe-options - Automatic backups + Automatic backups Checkmark icon Checkmark icon Checkmark icon Checkmark icon - 24/7 Monitoring + 24/7 Monitoring Checkmark icon Checkmark icon Checkmark icon @@ -778,28 +775,28 @@ defaultActivePricingSection: thingsboard-pe-options Checkmark icon - NoSQL Database + NoSQL Database SQL + NoSQL SQL + NoSQL SQL + NoSQL SQL + NoSQL - Custom data retention policies + Custom data retention policies Checkmark icon Checkmark icon Checkmark icon Checkmark icon - Geo-region deployment choice + Geo-region deployment choice Checkmark icon Checkmark icon Checkmark icon Checkmark icon - Multi-AZ database replication + Multi-AZ database replication Checkmark icon Checkmark icon Checkmark icon @@ -813,21 +810,21 @@ defaultActivePricingSection: thingsboard-pe-options Checkmark icon - High availability services + High availability services Checkmark icon Checkmark icon - Maintenance window picking + Maintenance window picking Checkmark icon Checkmark icon - Service reviews & architecture consults + Service reviews & architecture consults Checkmark icon @@ -865,7 +862,7 @@ defaultActivePricingSection: thingsboard-pe-options data-toggle="#payAsYouGo" data-description-toggle="#payAsYouGoHeader" onClick="activateSolutionSection('pe-pay-as-you-go')"> -

Pay-as-you-go

+

Pay-as-you-go

-

Perpetual

+

Perpetual

@@ -902,8 +899,8 @@ defaultActivePricingSection: thingsboard-pe-options
10 devices
10 assets
1 production instance
-
- Community support +
+ Community support
 
 
@@ -929,8 +926,8 @@ defaultActivePricingSection: thingsboard-pe-options
50 devices
50 assets
1 production instance
-
- Community support +
+ Community support
 
 
@@ -957,8 +954,8 @@ defaultActivePricingSection: thingsboard-pe-options
100 devices
100 assets
1 production instance
-
- Help desk +
+ Help desk
White labeling
 
@@ -984,8 +981,8 @@ defaultActivePricingSection: thingsboard-pe-options
500 devices
500 assets
2 production instances
-
- Priority help desk +
+ Priority help desk
White labeling
 
@@ -1011,8 +1008,8 @@ defaultActivePricingSection: thingsboard-pe-options
1 000 devices
1 000 assets
3 production instances
-
- Priority help desk +
+ Priority help desk
White labeling
$0.1 per extra device
@@ -1129,7 +1126,7 @@ defaultActivePricingSection: thingsboard-pe-options data-toggle="#tbmqPayAsYouGo" data-description-toggle="#tbmqPayAsYouGoHeader" onClick="activateSolutionSection('tbmq-pe-pay-as-you-go')"> -

Pay-as-you-go

+

Pay-as-you-go

-

Perpetual

+

Perpetual

diff --git a/pricing/pricing.sass b/pricing/pricing.sass index 84d4132aea..504693cb9c 100644 --- a/pricing/pricing.sass +++ b/pricing/pricing.sass @@ -635,11 +635,9 @@ html#pricing margin-bottom: 0 .solution padding-left: 14px - padding-right: 24px + padding-right: 14px @media (max-width: 599px) padding: 21px - &:nth-of-type(1) - margin-right: 12px h3 font-size: 16px line-height: 20px @@ -661,9 +659,7 @@ html#pricing border-radius: 26px .solution padding-left: 14px - padding-right: 24px - &:nth-of-type(1) - margin-right: 12px + padding-right: 14px h3 font-size: 14px line-height: 20px @@ -1374,93 +1370,24 @@ html#pricing &.tb-logo a:before filter: brightness(0) saturate(100%) invert(37%) sepia(91%) saturate(1415%) hue-rotate(199deg) brightness(94%) contrast(96%) - -.faq-link, .container .add-ons .cards .card .text .faq-link, .pricing-content .container .additional-content .plans-comparison .comparison-table-container table tbody tr .faq-link - position: relative - display: inline-block - font-family: 'Font Awesome 5 Free' - font-weight: 400 - vertical-align: super - font-size: smaller - cursor: pointer - z-index: 10 - &:after - content: "\f059" - position: absolute - transform: translate(15%, -100%) - &:hover - z-index: 20 - .faq-tooltip - visibility: visible - opacity: 1 - transform: translateY(-50%) - transition-delay: 0s - .faq-tooltip - visibility: hidden - opacity: 0 - position: absolute - top: -7px - left: calc(100% + 21px) - transform: translateY(-50%) translateX(-10px) - width: 258px - background-color: #fff - color: #3D3D3D - text-align: left - border-radius: 8px - padding: 16px - box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.05) - border: 1px solid #E6F0FC - font-family: 'Roboto', sans-serif - font-size: 14px - line-height: 1.5 +.faq + white-space: nowrap + .faq-link + display: inline-block + font-family: 'Font Awesome 5 Free' + line-height: 1 font-weight: 400 - cursor: auto - transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease - transition-delay: 0.1s - pointer-events: auto - text-decoration: none - white-space: normal - @media (max-width: 768px) - display: none - &:before - content: '' - position: absolute - top: 50% - right: 100% - margin-top: -8px - border-width: 8px - border-style: solid - border-color: transparent #E6F0FC transparent transparent + vertical-align: super + font-size: smaller + cursor: pointer + z-index: 10 + &-50 + font-size: 50% + &-70 + font-size: 70% &:after - content: '' - position: absolute - top: 50% - right: 100% - margin-top: -7px - margin-right: -1px - border-width: 7px - border-style: solid - border-color: transparent #fff transparent transparent - p, p:first-child, p:last-child - margin-bottom: 8px - white-space: wrap - font-size: 14px - line-height: 24px - color: #3D3D3D - &:last-child - margin-bottom: 0 - a - color: #2A7DEC - text-decoration: none - &:hover - text-decoration: underline - .read-more-link - color: #2A7DEC - font-weight: 500 - cursor: pointer - text-decoration: none - &:hover - text-decoration: underline + content: "\f059" + transform: translate(15%, -100%) .tippy-box[data-theme~="light"] background-color: #fff @@ -1480,6 +1407,7 @@ html#pricing padding: 16px max-width: 320px width: max-content + white-space: pre-line .tooltip-content, .tooltip-content:first-child, .tooltip-content:last-child margin: 0 0 8px 0