TopBar: add DocSpace 2.6 banner.

gatsby-node.js

@@ -9,7 +9,7 @@ exports.createPages = async ({ actions }) => {
 
   createRedirect({
     fromPath: `/`,
-    toPath: `/en/Docs_8_1`,
+    toPath: `/en/DocSpace_2_6`,
     exactPath: true,
     isPermanent: true,
     redirectInBrowser: true,

src/locales/de/DocSpace_2_6.json

@@ -0,0 +1,5 @@
+{
+    "Banner_DocSpace_2_6_TextDesktop": "<0>ONLYOFFICE DocSpace 2.6</0> <2>veröffentlicht</2>: Räume zum Ausfüllen von Formularen, LDAP, verbesserte Raum- und Dateiverwaltung und mehr",
+    "Banner_DocSpace_2_6_TextMob": "<0>ONLYOFFICE DocSpace 2.6</0> veröffentlicht",
+    "Banner_DocSpace_2_6_Link": "https://www.onlyoffice.com/blog/de/2024/07/docspace-2-6"
+}

src/locales/en/DocSpace_2_6.json

@@ -0,0 +1,5 @@
+{
+    "Banner_DocSpace_2_6_TextDesktop": "<0>ONLYOFFICE DocSpace 2.6</0> <2>released</2>: Form Filling Rooms, LDAP, polished room and file management, and more",
+    "Banner_DocSpace_2_6_TextMob": "<0>ONLYOFFICE DocSpace 2.6</0> released",
+    "Banner_DocSpace_2_6_Link": "https://www.onlyoffice.com/blog/2024/07/onlyoffice-docspace-2-6-released"
+}

src/locales/es/DocSpace_2_6.json

@@ -0,0 +1,5 @@
+{
+    "Banner_DocSpace_2_6_TextDesktop": "<2>Disponible</2> <0>ONLYOFFICE DocSpace 2.6</0>: salas para rellenar formularios, LDAP, gestión mejorada de salas y archivos, y mucho más",
+    "Banner_DocSpace_2_6_TextMob": "Disponible <0>ONLYOFFICE DocSpace 2.6</0>",
+    "Banner_DocSpace_2_6_Link": "https://www.onlyoffice.com/blog/es/2024/07/disponible-onlyoffice-docspace-2-6"
+}

src/locales/fr/DocSpace_2_6.json

@@ -0,0 +1,5 @@
+{
+    "Banner_DocSpace_2_6_TextDesktop": "<0>ONLYOFFICE DocSpace 2.6</0> <2>disponible</2> : salles de remplissage de formulaires, LDAP, gestion de salles et de fichiers optimisés et plus encore",
+    "Banner_DocSpace_2_6_TextMob": "<0>ONLYOFFICE DocSpace 2.6</0> disponible",
+    "Banner_DocSpace_2_6_Link": "https://www.onlyoffice.com/blog/fr/2024/07/onlyoffice-docspace-2-6-disponible"
+}

src/locales/it/DocSpace_2_6.json

@@ -0,0 +1,5 @@
+{
+    "Banner_DocSpace_2_6_TextDesktop": "<2>Rilasciato</2> <0>ONLYOFFICE DocSpace 2.6</0>: Stanze di compilazione di moduli, LDAP, gestione migliorata di stanze e file e altro",
+    "Banner_DocSpace_2_6_TextMob": "Rilasciato <0>ONLYOFFICE DocSpace 2.6</0>",
+    "Banner_DocSpace_2_6_Link": "https://www.onlyoffice.com/blog/it/2024/07/rilasciato-onlyoffice-docspace-2-6"
+}

src/locales/ja-JP/DocSpace_2_6.json

@@ -0,0 +1,5 @@
+{
+    "Banner_DocSpace_2_6_TextDesktop": "<0>ONLYOFFICE DocSpace 2.6</0> <2>版のリリース</2>：フォーム記入ルーム、LDAP、強化されたルームとファイル管理など",
+    "Banner_DocSpace_2_6_TextMob": "<0>ONLYOFFICE DocSpace 2.6</0>版はリリースされた",
+    "Banner_DocSpace_2_6_Link": "https://www.onlyoffice.com/blog/2024/07/onlyoffice-docspace-2-6-released"
+}

src/locales/ja/DocSpace_2_6.json

@@ -0,0 +1,5 @@
+{
+    "Banner_DocSpace_2_6_TextDesktop": "<0>ONLYOFFICE DocSpace 2.6</0> <2>版のリリース</2>：フォーム記入ルーム、LDAP、強化されたルームとファイル管理など",
+    "Banner_DocSpace_2_6_TextMob": "<0>ONLYOFFICE DocSpace 2.6</0>版はリリースされた",
+    "Banner_DocSpace_2_6_Link": "https://www.onlyoffice.com/blog/2024/07/onlyoffice-docspace-2-6-released"
+}

src/locales/pt-BR/DocSpace_2_6.json

@@ -0,0 +1,5 @@
+{
+    "Banner_DocSpace_2_6_TextDesktop": "<2>Lançamento</2> do <0>ONLYOFFICE DocSpace 2.6</0>: salas de preenchimento de formulários, LDAP, gerenciamento de salas e arquivos aprimorado e muito mais",
+    "Banner_DocSpace_2_6_TextMob": "Lançamento do <0>ONLYOFFICE DocSpace 2.6</0>",
+    "Banner_DocSpace_2_6_Link": "https://www.onlyoffice.com/blog/pt-br/2024/07/disponivel-onlyoffice-docspace-2-6"
+}

src/locales/pt/DocSpace_2_6.json

@@ -0,0 +1,5 @@
+{
+    "Banner_DocSpace_2_6_TextDesktop": "<2>Lançamento</2> do <0>ONLYOFFICE DocSpace 2.6</0>: salas de preenchimento de formulários, LDAP, gerenciamento de salas e arquivos aprimorado e muito mais",
+    "Banner_DocSpace_2_6_TextMob": "Lançamento do <0>ONLYOFFICE DocSpace 2.6</0>",
+    "Banner_DocSpace_2_6_Link": "https://www.onlyoffice.com/blog/pt-br/2024/07/disponivel-onlyoffice-docspace-2-6"
+}

src/locales/ru/DocSpace_2_6.json

@@ -0,0 +1,5 @@
+{
+    "Banner_DocSpace_2_6_TextDesktop": "<2>Выпущен</2> <0>ONLYOFFICE DocSpace 2.6</0>: Комнаты для заполнения форм, LDAP, улучшенное управление комнатами и файлами и многое другое",
+    "Banner_DocSpace_2_6_TextMob": "Выпущен <0>ONLYOFFICE DocSpace 2.6</0>",
+    "Banner_DocSpace_2_6_Link": "https://www.onlyoffice.com/blog/2024/07/onlyoffice-docspace-2-6-released"
+}

src/locales/zh-CN/DocSpace_2_6.json

@@ -0,0 +1,5 @@
+{
+    "Banner_DocSpace_2_6_TextDesktop": "<0>ONLYOFFICE 协作空间 2.6</0> <2>已发布</2>：表单填写房间、LDAP 设置、文件管理、可用性更新等",
+    "Banner_DocSpace_2_6_TextMob": "<0>ONLYOFFICE 协作空间 2.6</0> 已发布",
+    "Banner_DocSpace_2_6_Link": "https://www.onlyoffice.com/blog/zh-hans/2024/07/onlyoffice-docspace-2-6-released"
+}

src/locales/zh/DocSpace_2_6.json

@@ -0,0 +1,5 @@
+{
+    "Banner_DocSpace_2_6_TextDesktop": "<0>ONLYOFFICE 协作空间 2.6</0> <2>已发布</2>：表单填写房间、LDAP 设置、文件管理、可用性更新等",
+    "Banner_DocSpace_2_6_TextMob": "<0>ONLYOFFICE 协作空间 2.6</0> 已发布",
+    "Banner_DocSpace_2_6_Link": "https://www.onlyoffice.com/blog/zh-hans/2024/07/onlyoffice-docspace-2-6-released"
+}

src/pages/DocSpace_2_6/index.css

@@ -0,0 +1,150 @@
+.docspace_2_6_released div {
+  font-family: "Open Sans", sans-serif, Arial;
+  text-align: center;
+}
+
+.docspace_2_6_released .advent-announce {
+  background-color: #0A4DA6;
+  background-image: linear-gradient(90deg, #2183A6 -20.49%, #1D4350 54.81%);
+  height: 60px;
+  left: 0;
+  top: 0;
+  padding: 0;
+  text-align: center;
+  position: relative;
+  width: 100%;
+  z-index: 1001;
+}
+
+.docspace_2_6_released .advent-announce a {
+  display: block;
+  text-decoration: none;
+  width: auto;
+  animation-duration: 0.5s;
+  position: absolute;
+  width: 100%;
+}
+
+.docspace_2_6_released .advent-announce-text {
+  color: #FFFFFF;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 400;
+  letter-spacing: 0.01em;
+  line-height: 20px;
+  margin: 0 auto;
+  max-width: 560px;
+  padding: 10px 0px;
+  position: relative;
+  text-align: center;
+  text-decoration: none !important;
+  z-index: 0;
+}
+
+.docspace_2_6_released .advent-announce-text:before,
+.docspace_2_6_released .advent-announce-text:after {
+  background-image: url(./images/2-6-arrow.svg);
+  background-repeat: no-repeat;
+  content: "";
+  display: block;
+  position: absolute;
+  z-index: -1;
+}
+
+.docspace_2_6_released .advent-announce-text:after {
+  background-position: right -30px;
+  height: 22px;
+  right: -31px;
+  top: 19px;
+  width: 22px;
+}
+
+.docspace_2_6_released .advent-announce-text:before {
+  height: 70px;
+  left: -90px;
+  top: -10px;
+  width: 81px;
+}
+
+.docspace_2_6_released .advent-announce-text strong {
+  color: #07D9CA;
+  font-weight: 700;
+}
+
+.docspace_2_6_released .advent-announce-text b {
+  font-weight: 700;
+}
+
+.advent-desktop-hide {
+  display: none;
+}
+
+.docspace_2_6_released .advent-announce.es .advent-announce-text,
+.docspace_2_6_released .advent-announce.fr .advent-announce-text {
+  max-width: 522px;
+}
+
+.docspace_2_6_released .advent-announce.it .advent-announce-text {
+  max-width: 528px;
+}
+
+.docspace_2_6_released .advent-announce.pt .advent-announce-text {
+  max-width: 614px;
+}
+
+.docspace_2_6_released .advent-announce.ru .advent-announce-text {
+  max-width: 532px;
+}
+
+.docspace_2_6_released .advent-announce.zh .advent-announce-text,
+.docspace_2_6_released .advent-announce.zh-CN .advent-announce-text {
+  max-width: 570px;
+  padding: 20px 0px;
+}
+
+@media screen and (max-width: 1023px) {
+  .docspace_2_6_released .advent-announce {
+    align-items: center;
+    display: flex;
+    justify-content: center;
+  }
+
+  .docspace_2_6_released .advent-announce-text {
+    display: inline-block;
+    height: auto;
+    line-height: 18px;
+    padding: 21px 0px !important;
+    white-space: normal;
+    width: auto !important;
+  }
+
+  .docspace_2_6_released .advent-announce-text:after {
+    right: -33px;
+    top: 20px;
+  }
+
+  .docspace_2_6_released .advent-announce-text:before {
+    display: none;
+  }
+
+  .docspace_2_6_released .advent-mobile-hide {
+    display: none;
+  }
+}
+
+@media screen and (max-width: 600px) {
+  .docspace_2_6_released .advent-announce-text {
+    max-width: 202px !important;
+    padding: 12px 0px !important;
+  }
+
+  .docspace_2_6_released .advent-announce.ja .advent-announce-text,
+  .docspace_2_6_released .advent-announce.ja-JP .advent-announce-text {
+    max-width: 198px !important;
+  }
+
+  .docspace_2_6_released .advent-announce.zh .advent-announce-text,
+  .docspace_2_6_released .advent-announce.zh-CN .advent-announce-text {
+    max-width: 190px !important;
+  }
+}

src/pages/DocSpace_2_6/index.js

@@ -0,0 +1,65 @@
+import * as React from "react";
+import { graphql } from "gatsby";
+import { Trans, useTranslation } from "gatsby-plugin-react-i18next";
+import "../../styles/base.css";
+import "./index.css";
+
+const IndexPage = () => {
+  const {
+    t,
+    i18n: { language },
+  } = useTranslation("DocSpace_2_6");
+
+  const LinkHrefDocSpace_2_6 = t("Banner_DocSpace_2_6_Link");
+
+  return (
+    <div className="docspace_2_6_released">
+      <div className={"advent-announce advent-mobile-hide " + language}>
+        <a
+          target="_blank"
+          href={LinkHrefDocSpace_2_6}
+          rel="noreferrer noopener"
+        >
+          <div className="advent-announce-text">
+            <div>
+              <Trans i18nKey="Banner_DocSpace_2_6_TextDesktop">
+                <strong>ONLYOFFICE DocSpace 2.6</strong> <b>released</b>: Form Filling Rooms, LDAP, polished room and file management, and more
+              </Trans>
+            </div>
+          </div>
+        </a>
+      </div>
+      <div className={"advent-announce advent-desktop-hide " + language}>
+        <a
+          target="_blank"
+          href={LinkHrefDocSpace_2_6}
+          rel="noreferrer noopener"
+        >
+          <div className="advent-announce-text">
+            <b>
+              <Trans i18nKey="Banner_DocSpace_2_6_TextMob">
+                <strong>ONLYOFFICE DocSpace 2.6</strong> released
+              </Trans>
+            </b>
+          </div>
+        </a>
+      </div>
+    </div>
+  );
+};
+
+export default IndexPage;
+
+export const query = graphql`
+  query {
+    locales: allLocale {
+      edges {
+        node {
+          ns
+          data
+          language
+        }
+      }
+    }
+  }
+`;

src/stories/top-bar.stories.js

@@ -29,6 +29,7 @@ export default {
         "DocSpace_UT",
         "Docs_8_1_webinar",
         "Docs_8_1",
+        "DocSpace_2_6",
       ],
     },
     theme: {
@@ -52,7 +53,7 @@ export const Default = Template.bind({});
 
 Default.args = {
   origin: "http://localhost:8000", // use your source
-  name: "Docs_8_1",
+  name: "DocSpace_2_6",
   language: "en",
   theme: "light",
 };