modal_bulkpublish-section.html

<%! from django.utils.translation import ugettext as _ %>

<div class="wrapper wrapper-modal-window wrapper-modal-window-bulkpublish-section" aria-describedby="modal-window-description" aria-labelledby="modal-window-title" aria-hidden="" role="dialog">
    <div class="modal-window-overlay"></div>
    <div style="top: 5%; left: 30%;" class="modal-window confirm modal-med modal-type-confirm">
        <div class="bulkpublish-section-modal">
            <div class="modal-header">
                <h2 class="title modal-window-title">Publish [section name]</h2>
            </div>

            <div class="modal-content">
                <div class="message modal-introduction">
                    <p>Publish all unpublished changes for this section?</p>
                </div>

                <div class="modal-section bulkpublish-included">
                    <h3 class="modal-section-title">The following will be published:</h3>
                    <div class="modal-section-content">
                        <div class="outline outline-simple outline-bulkpublish">
                            <ol class="list-subsections">
                                <li class="outline-item outline-subsection">
                                    <h4 class="subsection-title item-title">Subsection Title</h4>

                                    <div class="subsection-content">
                                        <ol class="list-units">
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title that is really really really long and may span more than just one visual line of text.</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                        </ol>
                                    </div>
                                </li>

                                <li class="outline-item outline-subsection">
                                    <h4 class="subsection-title item-title">Subsection Title</h4>

                                    <div class="subsection-content">
                                        <ol class="list-units">
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title that is really really really long and may span more than just one visual line of text.</span>
                                            </li>
                                            <li class="outline-item outline-unit">
                                                <span class="unit-title item-title">Unit Title</span>
                                            </li>
                                        </ol>
                                    </div>
                                </li>

                                <li class="outline-item outline-subsection">
                                    <h4 class="subsection-title item-title">Subsection Title</h4>

                                    <div class="subsection-content">
                                        <ol class="list-units">
                                            <ol class="list-units">
                                                <li class="outline-item outline-unit">
                                                    <span class="unit-title item-title">Unit Title</span>
                                                </li>
                                                <li class="outline-item outline-unit">
                                                    <span class="unit-title item-title">Unit Title</span>
                                                </li>
                                                <li class="outline-item outline-unit">
                                                    <span class="unit-title item-title">Unit Title</span>
                                                </li>
                                                <li class="outline-item outline-unit">
                                                    <span class="unit-title item-title">Unit Title</span>
                                                </li>
                                                <li class="outline-item outline-unit">
                                                    <span class="unit-title item-title">Unit Title</span>
                                                </li>
                                                <li class="outline-item outline-unit">
                                                    <span class="unit-title item-title">Unit Title that is really really really long and may span more than just one visual line of text.</span>
                                                </li>
                                                <li class="outline-item outline-unit">
                                                    <span class="unit-title item-title">Unit Title</span>
                                                </li>
                                            </ol>
                                        </ol>
                                    </div>
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal-actions">
                <h3 class="sr">Actions</h3>
                <ul>
                  <li class="action-item">
                    <a href="#" class="button action-primary action-publish">Publish</a>
                  </li>
                  <li class="action-item">
                    <a href="#" class="button  action-cancel">Cancel</a>
                  </li>
                </ul>
            </div>
        </div>
    </div>
</div>