Merge pull request #21961 from edx/dcs/jumpnav

Improve navigation on Studio unit page

lms/templates/seq_module.html

@@ -7,6 +7,8 @@
      data-save-position="${'true' if save_position else 'false'}"
      data-show-completion="${'true' if show_completion else 'false'}"
 >
+  % if not exclude_units:
+
   % if banner_text:
     <div class="pattern-library-shim alert alert-information subsection-header" tabindex="-1">
       <span class="pattern-library-shim icon alert-icon fa fa-info-circle" aria-hidden="true"></span>
@@ -18,7 +20,7 @@
       </div>
     </div>
   % endif
-
+  % endif
   <div class="sequence-nav">
     <button class="sequence-nav-button button-previous">
       <span class="icon fa fa-chevron-prev" aria-hidden="true"></span>
@@ -53,6 +55,9 @@
             data-page-title="${item['page_title']}"
             data-path="${item['path']}"
             data-graded="${item['graded']}"
+            % if item.get('href'):
+            data-href="${item['href']}"
+            % endif
             id="tab_${idx}">
             <span class="icon fa seq_${item['type']}" aria-hidden="true"></span>
             % if 'complete' in item:
@@ -71,9 +76,29 @@
         </li>
         % endfor
         % endif
+        % if exclude_units:
+        <li role="presentation">
+          <button class="seq_new_button inactive xnav-item tab"
+            role="tab"
+            tabindex="-1"
+            aria-selected="false"
+            aria-expanded="false"
+            aria-controls="seq_content"
+            data-parent="${item_id}"
+            data-category="vertical"
+            data-default-name="${_('Unit')}"
+          >
+          <span
+                class="fa fa-plus"
+                aria-hidden="true"
+          ></span> New Unit
+        </button>
+        </li>
+        % endif
       </ol>
     </nav>
   </div>
+  % if not exclude_units:
   % if gated_content['gated']:
     <%include file="_gated_content.html" args="prereq_url=gated_content['prereq_url'], prereq_section_name=gated_content['prereq_section_name'], gated_section_name=gated_content['gated_section_name']"/>
   % else:
@@ -89,7 +114,11 @@
   % endfor
   <div id="seq_content" role="tabpanel"></div>
   % endif
+% else:
+  <div id="seq_content" role="tabpanel"></div>
+% endif
 
+% if not exclude_units:
   <nav class="sequence-bottom" aria-label="${_('Section')}">
     <button class="sequence-nav-button button-previous">
       <span class="icon fa fa-chevron-prev" aria-hidden="true"></span>
@@ -103,3 +132,4 @@
     </button>
   </nav>
 </div>
+% endif