Merge branch 'staging/4.3' into release/4.3

Author: ashvayka

_includes/add-device-banner.liquid

@@ -1,8 +1,14 @@
+{% assign url_parts = page.url | split: '/' %}
+{% assign platform = url_parts[2] %}
+
+{% assign root_url = "/device-library/" | append: platform | append: "/" %}
+{% assign platform_url = "/device-library/?platform=" | append: platform %}
+
 <div class="add-device-banner">
     <div class="add-device-text">
         <span class="add-device-banner-title">Discover ready-to-connect hardware
for your solution</span>
         <div class="add-device-buttons">
-            <a href="/device-library/" class="contact-us">Explore Device Library</a>
+            <a href="{{ platform_url }}" class="contact-us">Explore Device Library</a>
             <a href="/partners/hardware/" class="hardware-partners">Hardware Partners</a>
         </div>
     </div>

_includes/cards-collection.liquid

@@ -74,7 +74,7 @@
                     {% if pageFile != 'guidelines.md' %}
                         {% assign deviceName = page.title | replace: "How to connect ", "" | replace: "How to install ThingsBoard Edge on ", "" | replace: " to ThingsBoard?", "" | replace: "?", "" %}
                         {% assign deviceImg = "https://img.thingsboard.io/devices-library/" | append: page.deviceImageFileName %}
-                        <a href="{{ page.url }}" class="card"  data-hardware-types="{{ page.hardwareType | join: '|' }}" data-connectivity="{{ page.connectivity | join: '|' }}" data-industry="{{ page.industry | join: '|' }}" data-use-cases="{{ page.useCase | join: '|' }}">
+                        <a href="{{ page.url }}" class="card"  data-hardware-types="{{ page.hardwareType | join: '|' }}" data-connectivity="{{ page.connectivity | join: '|' }}" data-industry="{{ page.industry | join: '|' }}" data-use-cases="{{ page.useCase | join: '|' }}"{% if page.vendor %} data-vendor="{{ page.vendor }}"{% endif %}>
                             <div class="card-wrapper">
                                 <div class="card-image">
                                     <img class="logo" src="{{ deviceImg }}" loading="lazy">

_includes/device-card.liquid

@@ -89,5 +89,8 @@
             </li>
 
         </ul>
+        <a href="https://thingsboard.cloud/signup?utm_source=device-page&utm_medium=cta&utm_campaign=try-device" class="button gtm_button">
+            Try this device in ThingsBoard
+        </a>
     </div>
 </div>

_includes/device-card.sass

@@ -23,7 +23,7 @@
       ul
         max-width: 400px
         padding-left: 0
-        margin: 0
+        margin: 0 0 32px 0
         display: flex
         flex-direction: column
         gap: 4px
@@ -35,5 +35,4 @@
           line-height: 24px
           font-weight: 400
           span
-            font-weight: 500
-
+            font-weight: 500

_includes/integrators.json

@@ -1246,5 +1246,17 @@
       "href": "en.x-telia.com",
       "target": "_blank"
     }
+  },
+  {
+    "type": ["North America", "South America"],
+    "country": ["Anguilla", "Antigua and Barbuda", "Argentina", "Aruba", "Barbados", "Belize", "Bolivia", "Brazil", "British Virgin Islands", "Canada", "Caribbean Netherlands", "Cayman Islands", "Chile", "Colombia", "Costa Rica", "Cuba", "Curaçao", "Dominica", "Dominican Republic", "Ecuador", "El Salvador", "Falkland Islands (Islas Malvinas)", "French Guiana", "Greenland", "Grenada", "Guadeloupe", "Guatemala", "Guyana", "Haiti", "Honduras", "Jamaica", "Martinique", "Mexico", "Montserrat", "Nicaragua", "Panama", "Paraguay", "Peru", "Puerto Rico", "Saint Barthélemy", "Saint Kitts and Nevis", "Saint Lucia", "Saint Martin", "Saint Pierre and Miquelon", "Saint Vincent and the Grenadines", "Sint Maarten", "Suriname", "The Bahamas", "Trinidad and Tobago", "Turks and Caicos Islands", "U.S. Virgin Islands", "United States of America", "United States Minor Outlying Islands", "Uruguay", "Venezuela"],
+    "name": "TKmE Cloud",
+    "contact": {
+      "href": "ingrid.gomez@tkmecloud.com"
+    },
+    "site": {
+      "href": "tkmecloud.io",
+      "target": "_blank"
+    }
   }
 ]

_layouts/page-with-filter.html

@@ -62,6 +62,8 @@
     </div>
 </section>
 
+{% include cookie-consent.html %}
+
 <script>
     const DEFAULT_PLATFORM = 'ce';
 
@@ -81,7 +83,7 @@
 
     const URL_PARAM_PLATFORM = 'platform';
     const URL_PARAM_QUERY = 'q';
-    const URL_PARAM_FILTER_PREFIX = 'f_';       
+    const URL_PARAM_FILTER_PREFIX = 'f_';
     const URL_PARAM_ORDER = 'order';
 
     function normalizeCatKey(cat) {
@@ -254,6 +256,46 @@
         return checked ? (checked.value || '').trim().toLowerCase() : '';
     }
 
+
+    function updateHeroConnectivityLink(selectedPlatform) {
+        const link = document.querySelector('.devices-hero-banner a');
+
+        if (!link) return;
+
+        if (!link.dataset.baseHref) {
+            link.dataset.baseHref = '/docs/getting-started-guides/connectivity/';
+        }
+
+        const base = link.dataset.baseHref;
+        const p = (selectedPlatform || '').trim().toLowerCase();
+
+        if (!p || p === 'ce') {
+            link.setAttribute('href', base);
+            return;
+        }
+
+        if (p === 'paas-eu') {
+            link.setAttribute('href', '/docs/paas/eu/getting-started-guides/connectivity/');
+            return;
+        }
+
+        if (p === 'pe-edge') {
+            link.setAttribute('href', '/docs/pe/edge/getting-started-guides/connectivity/');
+            return;
+        }
+
+        const allowed = Object.keys(PLATFORM_LABELS);
+
+        if (allowed.includes(p)) {
+            link.setAttribute(
+                'href',
+                `/docs/${encodeURIComponent(p)}/getting-started-guides/connectivity/`
+            );
+        } else {
+            link.setAttribute('href', base);
+        }
+    }
+
     function updatePlatformVisibility() {
         const selectedPlatform = getSelectedPlatform();
 
@@ -531,6 +573,8 @@
 
         const selectedPlatform = getSelectedPlatform();
 
+        updateHeroConnectivityLink(selectedPlatform);
+
         crispsContainers.forEach(container => {
             updateCrisps(selectedFilters, container, selectedPlatform);
         });
@@ -605,7 +649,5 @@
 
 {% include footer.html %}
 
-{% include cookie-consent.html %}
-
 </body>
 </html>

_sass/_page-with-filter.sass

@@ -113,6 +113,7 @@ input:not(:placeholder-shown) + .searchButton
     flex-wrap: wrap
     gap: 8px
     &.desktop
+      max-width: 1000px
       @media (max-width: 959px)
         display: none
     &.mobile

device-library/ce/air-temperature-and-humidity-sensor.md

@@ -3,7 +3,7 @@ layout: device
 title: How to connect AgroSense Air Temperature and Humidity Sensor to ThingsBoard?
 category: Other devices
 connectivity: LoRaWAN
-vendor: AgroSense
+vendor: Makerfabs
 hasIntegrationDeviceConfiguration: true
 deviceImageFileName: air-temperature-and-humidity-sensor.png
 converters20: true

device-library/ce/esp-eye.md

@@ -4,7 +4,7 @@ title: How to connect ESP-EYE to ThingsBoard?
 category: Microcontrollers
 chip: ESP32
 connectivity: [HTTP, MQTT, WIFI, Bluetooth]
-vendor: M5Stack
+vendor: Espressif
 deviceImageFileName: esp-eye.png
 hardwareType: Microcontrollers
 industry: Security

device-library/ce/knx-ip-multi-io-580.md

@@ -3,7 +3,7 @@ layout: device
 title: How to connect KNX IP Multi IO 580 to ThingsBoard?
 category: Other devices
 connectivity: KNX
-vendor: Weinzierl
+vendor: Weinzierl Engineering
 deviceImageFileName: knx-ip-multi-io-580.png
 hardwareType: Other devices
 industry: [Smart Buildings, Smart Cities, Industrial Manufacturing, Energy Management]