mock-container-page.underscore 4.57 KB
Newer Older
1 2 3 4
<div id="content">

    <div class="wrapper-mast wrapper" data-location="" data-display-name="" data-category="">
        <header class="mast has-actions has-navigation">
5
            <div class="page-header">
6
                <small class="navigation navigation-parents subtitle">
7
                    <a href="/unit/TestCourse/branch/draft/block/vertical8eb" class="navigation-item navigation-link navigation-parent">Unit 1</a>
8
                </small>
9 10
                <div class="wrapper-xblock-field is-editable" data-field="display_name">
                    <h1 class="page-header-title xblock-field-value">Test Container</h1>
11 12
                </div>
            </div>
13 14 15 16

            <nav class="nav-actions">
                <h3 class="sr">Page Actions</h3>
                <ul>
17 18
                    % if is_unit_page:
                        <li class="action-item action-view nav-item">
19
                            <a href="${published_preview_link}" class="button button-view action-button is-disabled" aria-disabled="true" title="Open the courseware in the LMS">
20
                                <span class="action-button-text">View Live Version</span>
21 22 23
                            </a>
                        </li>
                        <li class="action-item action-preview nav-item">
24 25
                            <a href="${draft_preview_link}" class="button button-preview action-button" title="Preview the courseware in the LMS">
                                <span class="action-button-text">Preview</span>
26 27 28 29 30
                            </a>
                        </li>
                    % else:
                        <li class="action-item action-edit nav-item">
                            <a href="#" class="button edit-button action-button">
31
                                <i class="icon fa fa-pencil"></i>
32
                                <span class="action-button-text">Edit</span>
33 34 35
                            </a>
                        </li>
                % endif
36 37
                    <li class="nav-item">
                        <a href="#" class="button new-button new-component-button">
38
                            <i class="icon fa fa-plus icon-inline"></i>
39
                            <span class="action-button-text">Add Component</span>
40 41
                        </a>
                   </li>
42 43 44 45 46 47
                   <li class="action-item action-toggle-preview nav-item">
                       <a href="#" class="button button-toggle-preview action-button toggle-preview-button is-hidden">
                           <i class="icon fa fa-refresh"></i>
                           <span class="action-button-text preview-text"></span>
                       </a>
                   </li>
48 49 50 51 52 53 54 55 56 57
                </ul>
            </nav>
        </header>
    </div>

    <div class="wrapper-content wrapper">
        <div class="inner-wrapper">
            <section class="content-area">

                <article class="content-primary window">
58
                    <div class="container-message wrapper-message"></div>
59
                    <section class="wrapper-xblock level-page studio-xblock-wrapper" data-locator="locator-container">
60 61
                    </section>
                    <div class="ui-loading is-hidden">
62
                        <p><span class="spin"><i class="icon fa fa-refresh"></i></span> <span class="copy">Loading...</span></p>
63 64
                    </div>
                </article>
65
                <aside class="content-supplementary" role="complementary">
66
                    <div id="publish-unit" class="window"></div>
67
                    <div id="publish-history"></div>
68
                </aside>
69
                <div class="unit-location">
louyihua committed
70
                        <h4 class="header">Unit Location</h4>
71 72 73 74
                        <div class="wrapper-unit-id content-bit">
                            <h5 class="title">Unit Location ID</h5>
                            <p class="unit-id">
                                <span class="unit-id-value" id="unit-location-id-input">${unit.location.name}</span>
louyihua committed
75
                                <span class="tip"><span class="sr">Tip: </span>Use this ID when you create links to this unit from other course content. You enter the ID in the URL field.</span>
76 77
                            </p>
                        </div>
78
                        <div class="wrapper-unit-tree-location bar-mod-content">
79
                            <h5 class="title">Location in Course Outline</h5>
80 81
                            <div class="wrapper-unit-overview">
                            </div>
82 83
                        </div>
                    </div>
84 85 86
            </section>
        </div>
    </div>
87
</div>