[dev] moved layout integration from legacy to others

Author: AlexKlimenkov

docker/redirects.conf

@@ -473,7 +473,7 @@
 /day_view.html /scheduler/views/day/
 /day_view_templates.html /scheduler/views/day-view-templates/
 /dhtmlx_components_integration.html /scheduler/integrations/legacy/dhtmlx-dnd/
-/dhxlayout_integration.html /scheduler/integrations/legacy/dhxlayout-integration/
+/dhxlayout_integration.html /scheduler/integrations/other/dhxlayout-integration/
 /editions_comparison.html /scheduler/guides/editions-comparison/
 /event_object_operations.html /scheduler/guides/event-object-operations/
 /excel.html /scheduler/export/excel/
@@ -1060,7 +1060,7 @@
 /de/day_view.html /scheduler/de/views/day/
 /de/day_view_templates.html /scheduler/de/views/day-view-templates/
 /de/dhtmlx_components_integration.html /scheduler/de/integrations/legacy/dhtmlx-dnd/
-/de/dhxlayout_integration.html /scheduler/de/integrations/legacy/dhxlayout-integration/
+/de/dhxlayout_integration.html /scheduler/de/integrations/other/dhxlayout-integration/
 /de/editions_comparison.html /scheduler/de/guides/editions-comparison/
 /de/event_object_operations.html /scheduler/de/guides/event-object-operations/
 /de/excel.html /scheduler/de/export/excel/
@@ -1647,7 +1647,7 @@
 /ru/day_view.html /scheduler/ru/views/day/
 /ru/day_view_templates.html /scheduler/ru/views/day-view-templates/
 /ru/dhtmlx_components_integration.html /scheduler/ru/integrations/legacy/dhtmlx-dnd/
-/ru/dhxlayout_integration.html /scheduler/ru/integrations/legacy/dhxlayout-integration/
+/ru/dhxlayout_integration.html /scheduler/ru/integrations/other/dhxlayout-integration/
 /ru/editions_comparison.html /scheduler/ru/guides/editions-comparison/
 /ru/event_object_operations.html /scheduler/ru/guides/event-object-operations/
 /ru/excel.html /scheduler/ru/export/excel/
@@ -2236,7 +2236,7 @@
 /ko/day_view.html /scheduler/ko/views/day/
 /ko/day_view_templates.html /scheduler/ko/views/day-view-templates/
 /ko/dhtmlx_components_integration.html /scheduler/ko/integrations/legacy/dhtmlx-dnd/
-/ko/dhxlayout_integration.html /scheduler/ko/integrations/legacy/dhxlayout-integration/
+/ko/dhxlayout_integration.html /scheduler/ko/integrations/other/dhxlayout-integration/
 /ko/editions_comparison.html /scheduler/ko/guides/editions-comparison/
 /ko/event_object_operations.html /scheduler/ko/guides/event-object-operations/
 /ko/excel.html /scheduler/ko/export/excel/
@@ -2822,7 +2822,7 @@
 /zh/day_view.html /scheduler/zh/views/day/
 /zh/day_view_templates.html /scheduler/zh/views/day-view-templates/
 /zh/dhtmlx_components_integration.html /scheduler/zh/integrations/legacy/dhtmlx-dnd/
-/zh/dhxlayout_integration.html /scheduler/zh/integrations/legacy/dhxlayout-integration/
+/zh/dhxlayout_integration.html /scheduler/zh/integrations/other/dhxlayout-integration/
 /zh/editions_comparison.html /scheduler/zh/guides/editions-comparison/
 /zh/event_object_operations.html /scheduler/zh/guides/event-object-operations/
 /zh/excel.html /scheduler/zh/export/excel/

docs/integrations/other/dhxlayout-integration.md

@@ -0,0 +1,96 @@
+---
+title: "Integration with dhtmlxLayout"
+sidebar_label: "Integration with dhtmlxLayout"
+---
+
+# Integration with dhtmlxLayout
+
+:::warning
+The described functionality is deprecated and is no longer maintained.
+:::
+
+A good way to place [multiple schedulers](guides/multiple-per-page.md) on the page is using dhtmlxLayout. It not only provides a beautiful frame, but also ensures correct interacting
+with other elements on the page and acting according to the page size changes. 
+
+:::note
+Note that dhtmlxLayout is not a part of the dhtmlxScheduler library.
+There are two versions of Layout you can choose from, depending on the version of the dhtmlxSuite library.
+:::
+
+## dhtmlxSuite v5+
+
+In this version dhtmlxLayout can be used as a separate product or as a part of the dhtmlxSuite library. To use dhtmlxLayout v5.X in your application, you should 
+[purchase the license](https://dhtmlx.com/docs/products/dhtmlxSuite5/).
+
+
+**To attach a dhtmlxScheduler instance to a layout cell**, use the [attachScheduler()](https://docs.dhtmlx.com/api__dhtmlxcell_attachscheduler.html) method.
+  
+**Note**, attaching scheduler to a cell automatically initializes it. So, configure scheduler before placing it into the layout.
+
+~~~js
+function init() {
+    var dhxLayout = new dhtmlXLayoutObject(document.body, "2U");
+
+    sched1 = Scheduler.getSchedulerInstance();
+    sched1.config.multi_day = true;
+    dhxLayout.cells("a").attachScheduler(new Date(2019,05,30),"week",null,sched1);
+    sched1.load("/data/units")
+        
+    sched2 = Scheduler.getSchedulerInstance();
+    dhxLayout.cells("b").attachScheduler(new Date(2019,05,30),"month",null,sched2);
+    sched2.load("/data/units")
+}
+~~~
+
+
+[Integration with dhtmlxLayout (dhx_terrace skin, Suite v5.1)](https://docs.dhtmlx.com/scheduler/samples/10_integration/05_dhtmlxlayout_terrace.html)
+
+
+## dhtmlxSuite v6+
+
+Starting from dhtmlxSuite 6.0, dhtmlxLayout can't be obtained separately from the whole Suite library.
+If you're going to use this approach, you should purchase the license of
+the [Suite 6.X library](https://dhtmlx.com/docs/products/dhtmlxSuite/#licensing).
+
+dhtmlxScheduler of [version 5.3](whats-new.md#53) and newer implements a common View interface used in dhtmlxSuite v6+ and can be
+[attached to any cell directly](https://docs.dhtmlx.com/suite/layout/api/cell/layout_cell_attach_method/):
+
+~~~js
+// create and configure the scheduler instance
+scheduler.config.header = [
+   "day",
+   "week",
+   "month",
+   "date",
+   "prev",
+   "today",
+   "next"
+];
+scheduler.config.multi_day = true;
+
+// after the scheduler is attached, onSchedulerReady will be fired
+scheduler.attachEvent("onSchedulerReady", function () {
+    requestAnimationFrame(function(){
+        // here you can set the initial view and date and load the data
+        scheduler.setCurrentView(new Date(2017,5,3), "week");
+        scheduler.load("../common/events.json");
+    });
+    
+});
+
+const layout = new dhx.Layout("layout", {
+    rows: [{
+        id: "scheduler-cell",
+        header: "Appointment Scheduler",
+        html:"<div></div>"
+    }]
+});
+layout.cell("scheduler-cell").attach(scheduler);
+~~~
+
+### Pay attention
+
+- Note, that `dhtmlxSuite Layout` is asynchronous, the scheduler won't be initialized right after the `.attach` call.
+- You'll need to capture "onSchedulerReady" for any post-initialization settings.
+- Currently **there is no way to specify scheduler markup when it's used together with dhtmlxSuite v6+**, 
+which means you'll need to use the [header](api/config/header.md) config to specify controls of the navigation panel.

docs/whats-new.md

@@ -610,7 +610,7 @@ This update changes behavior of some parts of the component. While they shouldn'
 
 1. [RTL support](guides/rtl-mode.md)
 2. [Improved mobile responsiveness](guides/touch-support.md)
-3. [Integration with DHTMLX Suite 6 Layout](integrations/legacy/dhxlayout-integration.md#dhtmlxsuite-v6)
+3. [Integration with DHTMLX Suite 6 Layout](integrations/other/dhxlayout-integration.md#dhtmlxsuite-v6)
 
 ### Updates
 

i18n/de/docusaurus-plugin-content-docs/current/guides/guides.md

@@ -62,7 +62,7 @@ Werfen Sie einen Blick auf die [Funktionen der Standard- und PRO-Versionen](guid
   <td class='topic_description'>Behandelt wichtige Themen rund um Datumsangaben im Scheduler, darunter das Konvertieren von Datumswerten in Zeichenketten und zurück sowie die zulässigen Zeichen in Datumsformaten.</td>
   </tr>
   <tr>
-  <td id="styling" class='topics'><h4> Integrationen </h4> <ul id="styling_sublist"> <li>[Popup-Nachrichten und Modale Fenster](guides/popups-and-modals.md)</li> <li>[Verwendung des Schedulers mit TypeScript](guides/scheduler-typescript.md)</li> <li>[jQuery-Integration](integrations/other/jquery-integration.md)</li> <li>[Integration mit dhtmlxLayout](integrations/legacy/dhxlayout-integration.md)</li> </ul></td>
+  <td id="styling" class='topics'><h4> Integrationen </h4> <ul id="styling_sublist"> <li>[Popup-Nachrichten und Modale Fenster](guides/popups-and-modals.md)</li> <li>[Verwendung des Schedulers mit TypeScript](guides/scheduler-typescript.md)</li> <li>[jQuery-Integration](integrations/other/jquery-integration.md)</li> <li>[Integration mit dhtmlxLayout](integrations/other/dhxlayout-integration.md)</li> </ul></td>
   <td class='topic_description'>Beschreibt die verfügbaren Möglichkeiten zur Integration des Schedulers mit Drittanbieter-Frameworks.</td>
   </tr>
   <tr>

i18n/de/docusaurus-plugin-content-docs/current/guides/multiple-per-page.md

@@ -163,4 +163,4 @@ Wenn Sie ein Paket verwenden, das keine mehreren Scheduler-Instanzen unterstütz
 
 ## Verwandte Artikel
 
-- [Integration mit dhtmlxLayout](integrations/legacy/dhxlayout-integration.md)
+- [Integration mit dhtmlxLayout](integrations/other/dhxlayout-integration.md)

i18n/de/docusaurus-plugin-content-docs/current/guides/scheduler-integrations.md

@@ -7,5 +7,5 @@ sidebar_label: "Scheduler-Integrationen"
 
 - [Verwendung des Schedulers mit TypeScript](guides/scheduler-typescript.md)
 - [jQuery-Integration](integrations/other/jquery-integration.md)
-- [Integration mit dhtmlxLayout](integrations/legacy/dhxlayout-integration.md)
+- [Integration mit dhtmlxLayout](integrations/other/dhxlayout-integration.md)
 - [Integration mit Bootstrap](integrations/other/bootstrap.md)

i18n/de/docusaurus-plugin-content-docs/current/whats-new.md

@@ -534,7 +534,7 @@ Dieses Update passt das Verhalten einiger Komponenten an. Es werden keine Brüch
 
 1. [RTL-Unterstützung](guides/rtl-mode.md) hinzugefügt.
 2. Verbesserte mobile Responsivität ([[Mobile Responsive Scheduler](guides/touch-support.md)]).
-3. Integration mit DHTMLX Suite 6 Layout ([Integration mit dhtmlxLayout](integrations/legacy/dhxlayout-integration.md#dhtmlxsuite-v6).
+3. Integration mit DHTMLX Suite 6 Layout ([Integration mit dhtmlxLayout](integrations/other/dhxlayout-integration.md#dhtmlxsuite-v6).
 
 ### Updates
 

i18n/ko/docusaurus-plugin-content-docs/current/guides/guides.md

@@ -62,7 +62,7 @@ dhtmlxScheduler 라이브러리의 [Standard 및 PRO 버전에서 제공되는 
   <td class='topic_description'>Scheduler에서 날짜를 다루는 중요한 주제(문자열 변환, 날짜 포맷에서 허용되는 문자 등)를 다룹니다.</td>
   </tr>
   <tr>
-  <td id="styling" class='topics'><h4> 통합(Integration) </h4> <ul id="styling_sublist"> <li>["Popup Messages and Modal Boxes"](guides/popups-and-modals.md)</li> <li>["타입스크립트와 함께 Scheduler 사용하기"](guides/scheduler-typescript.md)</li> <li>["jQuery 통합"](integrations/other/jquery-integration.md)</li>  <li>["dhtmlxLayout와의 통합"](integrations/legacy/dhxlayout-integration.md)</li> </ul></td>
+  <td id="styling" class='topics'><h4> 통합(Integration) </h4> <ul id="styling_sublist"> <li>["Popup Messages and Modal Boxes"](guides/popups-and-modals.md)</li> <li>["타입스크립트와 함께 Scheduler 사용하기"](guides/scheduler-typescript.md)</li> <li>["jQuery 통합"](integrations/other/jquery-integration.md)</li>  <li>["dhtmlxLayout와의 통합"](integrations/other/dhxlayout-integration.md)</li> </ul></td>
   <td class='topic_description'>Scheduler를 타사 프레임워크와 통합할 수 있는 옵션을 설명합니다.</td>
   </tr>
   <tr>

i18n/ko/docusaurus-plugin-content-docs/current/guides/multiple-per-page.md

@@ -164,4 +164,4 @@ dp.destructor();
 ## 관련 문서
 
 
-- ["dhtmlxLayout와의 통합"](integrations/legacy/dhxlayout-integration.md)
+- ["dhtmlxLayout와의 통합"](integrations/other/dhxlayout-integration.md)

i18n/ko/docusaurus-plugin-content-docs/current/guides/scheduler-integrations.md

@@ -7,5 +7,5 @@ sidebar_label: "스케줄러 통합"
 
 - ["타입스크립트와 함께 Scheduler 사용하기"](guides/scheduler-typescript.md)
 - ["jQuery 통합"](integrations/other/jquery-integration.md)
-- ["dhtmlxLayout와의 통합"](integrations/legacy/dhxlayout-integration.md)
+- ["dhtmlxLayout와의 통합"](integrations/other/dhxlayout-integration.md)
 - ["Bootstrap과의 통합"](integrations/other/bootstrap.md)