229 lines
15 KiB
Plaintext
229 lines
15 KiB
Plaintext
<header class="xblock-header">
|
|
<div class="xblock-header-primary">
|
|
<div class="header-details">
|
|
<span class="xblock-display-name">Test Container</span>
|
|
</div>
|
|
<div class="header-actions">
|
|
<ul class="actions-list">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<article class="xblock-render">
|
|
<div class="xblock" data-locator="locator-container" data-request-token="page-render-token"
|
|
data-init="MockXBlock" data-runtime-class="StudioRuntime" data-runtime-version="1">
|
|
|
|
<div class="container-paging-header"></div>
|
|
|
|
<div class="studio-xblock-wrapper" data-locator="locator-group-A">
|
|
<section class="wrapper-xblock level-nesting">
|
|
<header class="xblock-header">
|
|
<div class="xblock-header-primary">
|
|
<div class="header-details">
|
|
<a href="#" data-tooltip="Expand or Collapse" class="action expand-collapse expand">
|
|
<span class="icon fa fa-caret-down ui-toggle-expansion" aria-hidden="true"></span>
|
|
<span class="sr">Expand or Collapse</span>
|
|
</a>
|
|
<span class="xblock-display-name">Group A</span>
|
|
</div>
|
|
<div class="header-actions">
|
|
<ul class="actions-list">
|
|
<li class="action-item action-drag">
|
|
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<article class="xblock-render">
|
|
<div class="xblock" data-request-token="page-render-token">
|
|
<div>
|
|
<div class="studio-xblock-wrapper" data-locator="locator-component-A1">
|
|
<section class="wrapper-xblock level-element">
|
|
<header class="xblock-header">
|
|
<div class="xblock-header-primary">
|
|
<div class="header-actions">
|
|
<ul class="actions-list">
|
|
<li class="action-item action-edit">
|
|
<a href="#" class="edit-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-duplicate">
|
|
<a href="#" class="duplicate-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-delete">
|
|
<a href="#" class="delete-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-drag">
|
|
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<article class="xblock-render"></article>
|
|
</section>
|
|
</div>
|
|
<div class="studio-xblock-wrapper" data-locator="locator-component-A2">
|
|
<section class="wrapper-xblock level-element">
|
|
<header class="xblock-header">
|
|
<div class="header-actions">
|
|
<div class="xblock-header-primary">
|
|
<ul class="actions-list">
|
|
<li class="action-item action-edit">
|
|
<a href="#" class="edit-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-duplicate">
|
|
<a href="#" class="duplicate-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-delete">
|
|
<a href="#" class="delete-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-drag">
|
|
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<article class="xblock-render"></article>
|
|
</section>
|
|
</div>
|
|
<div class="studio-xblock-wrapper" data-locator="locator-component-A3">
|
|
<section class="wrapper-xblock level-element">
|
|
<header class="xblock-header">
|
|
<div class="xblock-header-primary">
|
|
<div class="header-actions">
|
|
<ul class="actions-list">
|
|
<li class="action-item action-edit">
|
|
<a href="#" class="edit-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-duplicate">
|
|
<a href="#" class="duplicate-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-delete">
|
|
<a href="#" class="delete-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-drag">
|
|
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<article class="xblock-render"></article>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="add-xblock-component new-component-item adding"></div>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
</div>
|
|
<div class="studio-xblock-wrapper" data-locator="locator-group-B">
|
|
<section class="wrapper-xblock level-nesting">
|
|
<header class="xblock-header">
|
|
<div class="xblock-header-primary">
|
|
<div class="header-details">
|
|
<a href="#" data-tooltip="Expand or Collapse" class="action expand-collapse expand">
|
|
<span class="icon fa fa-caret-down ui-toggle-expansion" aria-hidden="true"></span>
|
|
<span class="sr">Expand or Collapse</span>
|
|
</a>
|
|
<span class="xblock-display-name">Group B</span>
|
|
</div>
|
|
<div class="header-actions">
|
|
<ul class="actions-list">
|
|
<li class="action-item action-drag">
|
|
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<article class="xblock-render">
|
|
<div class="xblock" data-request-token="page-render-token">
|
|
<div>
|
|
<div class="studio-xblock-wrapper" data-locator="locator-component-B1">
|
|
<section class="wrapper-xblock level-element">
|
|
<header class="xblock-header">
|
|
<div class="xblock-header-primary">
|
|
<div class="header-actions">
|
|
<ul class="actions-list">
|
|
<li class="action-item action-edit">
|
|
<a href="#" class="edit-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-duplicate">
|
|
<a href="#" class="duplicate-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-delete">
|
|
<a href="#" class="delete-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-drag">
|
|
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<article class="xblock-render"></article>
|
|
</section>
|
|
</div>
|
|
<div class="studio-xblock-wrapper" data-locator="locator-component-B2">
|
|
<section class="wrapper-xblock level-element">
|
|
<header class="xblock-header">
|
|
<div class="xblock-header-primary">
|
|
<div class="header-actions">
|
|
<ul class="actions-list">
|
|
<li class="action-item action-edit">
|
|
<a href="#" class="edit-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-duplicate">
|
|
<a href="#" class="duplicate-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-delete">
|
|
<a href="#" class="delete-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-drag">
|
|
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<article class="xblock-render"></article>
|
|
</section>
|
|
</div>
|
|
<div class="studio-xblock-wrapper" data-locator="locator-component-B3">
|
|
<section class="wrapper-xblock level-element">
|
|
<header class="xblock-header">
|
|
<div class="xblock-header-primary">
|
|
<div class="header-actions">
|
|
<ul class="actions-list">
|
|
<li class="action-item action-edit">
|
|
<a href="#" class="edit-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-duplicate">
|
|
<a href="#" class="duplicate-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-delete">
|
|
<a href="#" class="delete-button action-button"></a>
|
|
</li>
|
|
<li class="action-item action-drag">
|
|
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<article class="xblock-render"></article>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="add-xblock-component new-component-item adding"></div>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
<div class="container-paging-footer"></div>
|
|
</div>
|
|
</article>
|