N°8641 - Dashboard editor front-end first commit for Form SDK integration.

* No dashlet edition
* Dashboard are not persisted
* Unable to load a dashboard from an endpoint (refresh)
* Grid library need proper npm integration

templates/base/layouts/dashboard/grid/layout.html.twig

@@ -0,0 +1,5 @@
+<ibo-dashboard-grid class="ibo-dashboard--grid grid-stack">
+    {% for oSubBlock in oUIBlock.GetSlots() %}
+        {{ render_block(oSubBlock, {aPage: aPage}) }}
+    {% endfor %}
+</ibo-dashboard-grid>

templates/base/layouts/dashboard/grid/slot.html.twig

@@ -0,0 +1,9 @@
+<ibo-dashboard-grid-slot
+        gs-x="{{ random(10) }}"
+        gs-y="{{ random(6) }}"
+        gs-w="{{ random(5) }}"
+        gs-h="{{ random(5) }}"
+        id=""
+        class="grid-stack-item">
+    {{ render_block(oUIBlock.GetDashlet(), {aPage: aPage}) }}
+</ibo-dashboard-grid-slot>

templates/base/layouts/dashboard/layout.html.twig

@@ -8,9 +8,20 @@
             {{ render_block(oUIBlock.GetToolbar(), {aPage: aPage}) }}
         </div>
     {% endif %}
-    <div class="ibo-dashboard--grid" data-role="ibo-dashboard--grid">
-        {% for oSubBlock in oUIBlock.GetDashboardRows() %}
-            {{ render_block(oSubBlock, {aPage: aPage}) }}
-        {% endfor %}
-    </div>
+    <ibo-dashboard id="{{ oUIBlock.GetId() }}" class="ibo-dashboard" data-role="ibo-dashboard" data-edit-mode="view">
+        <div class="ibo-dashboard--form">
+            <div class="ibo-dashboard--form--inputs">
+                 Editing{{ render_block(oUIBlock.GetTitleInput(), {aPage: aPage}) }}{{ render_block(oUIBlock.GetRefreshInput(), {aPage: aPage}) }}
+            </div>
+            <div class="ibo-dashboard--form--actions">
+                {{ render_block(oUIBlock.GetButtonsToolbar(), {aPage: aPage}) }}
+            </div>
+        </div>
+
+        {{ render_block(oUIBlock.GetGrid(), {aPage: aPage}) }}
+
+        <button id="saveBtn">Save layout</button>
+        <button id="loadBtn">Load layout</button>
+    </ibo-dashboard>
+
 {% endapply %}