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.
137 lines
5.6 KiB
HTML
137 lines
5.6 KiB
HTML
<%inherit file="base.html" />
|
|
<%!
|
|
import json
|
|
|
|
from contentstore.utils import PublishState
|
|
from contentstore.views.helpers import xblock_studio_url, EDITING_TEMPLATES
|
|
from django.utils.translation import ugettext as _
|
|
%>
|
|
<%block name="title">${_("Container")}</%block>
|
|
<%block name="bodyclass">is-signedin course container view-container</%block>
|
|
|
|
<%namespace name='static' file='static_content.html'/>
|
|
<%namespace name="units" file="widgets/units.html" />
|
|
|
|
|
|
<%block name="header_extras">
|
|
% for template_name in EDITING_TEMPLATES:
|
|
<script type="text/template" id="${template_name}-tpl">
|
|
<%static:include path="js/${template_name}.underscore" />
|
|
</script>
|
|
% endfor
|
|
</%block>
|
|
|
|
<%block name="jsextra">
|
|
<%
|
|
main_xblock_info = {
|
|
'id': str(xblock_locator),
|
|
'display_name': xblock.display_name_with_default,
|
|
'category': xblock.category,
|
|
};
|
|
%>
|
|
<script type='text/javascript'>
|
|
require(["domReady!", "jquery", "js/models/xblock_info", "js/views/pages/container",
|
|
"js/collections/component_template", "xmodule", "coffee/src/main", "xblock/cms.runtime.v1"],
|
|
function(doc, $, XBlockInfo, ContainerPage, ComponentTemplates) {
|
|
var view, mainXBlockInfo;
|
|
|
|
var templates = new ComponentTemplates(${component_templates | n}, {parse: true});
|
|
|
|
mainXBlockInfo = new XBlockInfo(${json.dumps(main_xblock_info) | n});
|
|
|
|
view = new ContainerPage({
|
|
el: $('#content'),
|
|
model: mainXBlockInfo,
|
|
templates: templates
|
|
});
|
|
view.render();
|
|
});
|
|
</script>
|
|
|
|
</%block>
|
|
|
|
<%block name="content">
|
|
|
|
|
|
<div class="wrapper-mast wrapper" data-location="" data-display-name="" data-category="">
|
|
<header class="mast has-actions has-navigation">
|
|
<h1 class="page-header">
|
|
<small class="navigation navigation-parents">
|
|
% for ancestor in ancestor_xblocks:
|
|
<%
|
|
ancestor_url = xblock_studio_url(ancestor, context_course)
|
|
%>
|
|
% if ancestor_url:
|
|
<a href="${ancestor_url}"
|
|
class="navigation-link navigation-parent">${ancestor.display_name_with_default | h}</a>
|
|
% endif
|
|
% endfor
|
|
<a href="#" class="navigation-link navigation-current">${xblock.display_name_with_default | h}</a>
|
|
</small>
|
|
</h1>
|
|
|
|
<nav class="nav-actions">
|
|
<h3 class="sr">${_("Page Actions")}</h3>
|
|
<ul>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
</div>
|
|
|
|
<div class="wrapper-content wrapper">
|
|
<div class="inner-wrapper">
|
|
<section class="content-area">
|
|
|
|
<article class="content-primary window">
|
|
<section class="wrapper-xblock level-page is-hidden studio-xblock-wrapper" data-locator="${xblock_locator}">
|
|
</section>
|
|
<div class="no-container-content is-hidden">
|
|
<p>${_("This page has no content yet.")}</p>
|
|
</div>
|
|
<div class="ui-loading">
|
|
<p><span class="spin"><i class="icon-refresh"></i></span> <span class="copy">${_("Loading...")}</span></p>
|
|
</div>
|
|
</article>
|
|
<aside class="content-supplementary" role="complimentary">
|
|
% if unit:
|
|
% if unit_publish_state == PublishState.public:
|
|
<div class="bit-publishing published">
|
|
<h3 class="title pub-status"><span class="sr">${_("Publishing Status")} </span>${_("Published")}</h3>
|
|
<p class="copy">
|
|
<%
|
|
unit_link=u'<a href="{unit_address}">{unit_display_name}</a>'.format(
|
|
unit_address=xblock_studio_url(unit),
|
|
unit_display_name=unit.display_name_with_default,
|
|
)
|
|
%>
|
|
${_('To make changes to the content of this page, you need to edit unit {unit_link} as a draft.'
|
|
).format(unit_link=unit_link)}
|
|
</p>
|
|
</div>
|
|
% else:
|
|
<div class="bit-publishing draft">
|
|
<h3 class="title pub-status"><span class="sr">${_("Publishing Status")} </span>${_("Draft")}</h3>
|
|
<p class="copy">
|
|
<%
|
|
unit_link=u'<a href="{unit_address}">{unit_display_name}</a>'.format(
|
|
unit_address=xblock_studio_url(unit),
|
|
unit_display_name=unit.display_name_with_default,
|
|
)
|
|
%>
|
|
${_('You can edit the content of this page, and your changes will be published with unit {unit_link}.').format(unit_link=unit_link)}
|
|
</p>
|
|
</div>
|
|
% endif
|
|
% endif
|
|
<div class="bit">
|
|
<h3 class="title-3">${_("What can I do on this page?")}</h3>
|
|
<ul class="list-details">
|
|
<li class="item-detail">${_("You can view and edit course components that contain other components on this page. In the case of experiment blocks, this allows you to confirm that you have properly configured your experiment groups and make changes to existing content.")}</li>
|
|
</ul>
|
|
</div>
|
|
</aside>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</%block>
|