TNL-2384 Refactored Studio's PagingView to use RequireJS Text and moved it to common so that it can also be used by LMS.
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">
|
|
<i class="icon fa fa-caret-down ui-toggle-expansion"></i>
|
|
<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">
|
|
<i class="icon fa fa-caret-down ui-toggle-expansion"></i>
|
|
<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>
|