541d20ef83
This commit implements STUD-1490, allowing creation of components on the container page. It also enables the delete and duplicate buttons now that new content can be created that would benefit. Note that it also creates shared functionality for adding components, and refactors the unit page to use it too.
71 lines
2.7 KiB
HTML
71 lines
2.7 KiB
HTML
<%! from django.utils.translation import ugettext as _ %>
|
|
|
|
% if not is_root:
|
|
% if is_reorderable:
|
|
<li class="studio-xblock-wrapper is-draggable" data-locator="${locator}">
|
|
% else:
|
|
<div class="studio-xblock-wrapper" data-locator="${locator}">
|
|
% endif
|
|
|
|
<%
|
|
section_class = "level-nesting" if xblock.has_children else "level-element"
|
|
collapsible_class = "is-collapsible" if xblock.has_children else ""
|
|
%>
|
|
<section class="wrapper-xblock ${section_class} ${collapsible_class}">
|
|
% endif
|
|
|
|
<header class="xblock-header">
|
|
<div class="header-details">
|
|
% if xblock.has_children:
|
|
<a href="#" data-tooltip="${_('Expand or Collapse')}" class="action expand-collapse collapse">
|
|
<i class="icon-caret-down ui-toggle-expansion"></i>
|
|
<span class="sr">${_('Expand or Collapse')}</span>
|
|
</a>
|
|
% endif
|
|
<span>${xblock.display_name_with_default | h}</span>
|
|
</div>
|
|
<div class="header-actions">
|
|
<ul class="actions-list">
|
|
% if not xblock_context['read_only']:
|
|
% if not xblock.has_children:
|
|
<li class="action-item action-edit">
|
|
<a href="#" class="edit-button action-button">
|
|
<i class="icon-pencil"></i>
|
|
<span class="action-button-text">${_("Edit")}</span>
|
|
</a>
|
|
</li>
|
|
<li class="action-item action-duplicate">
|
|
<a href="#" data-tooltip="${_("Duplicate")}" class="duplicate-button action-button">
|
|
<i class="icon-copy"></i>
|
|
<span class="sr">${_("Duplicate")}</span>
|
|
</a>
|
|
</li>
|
|
<li class="action-item action-delete">
|
|
<a href="#" data-tooltip="${_("Delete")}" class="delete-button action-button">
|
|
<i class="icon-trash"></i>
|
|
<span class="sr">${_("Delete")}</span>
|
|
</a>
|
|
</li>
|
|
% endif
|
|
% if not is_root and is_reorderable:
|
|
<li class="action-item action-drag">
|
|
<span data-tooltip="${_('Drag to reorder')}" class="drag-handle action"></span>
|
|
</li>
|
|
% endif
|
|
% endif
|
|
</ul>
|
|
</div>
|
|
</header>
|
|
<article class="xblock-render">
|
|
${content}
|
|
</article>
|
|
|
|
% if not is_root:
|
|
</section>
|
|
% if is_reorderable:
|
|
</li>
|
|
% else:
|
|
</div>
|
|
% endif
|
|
% endif
|