Add new staff grading section.

openassessment/templates/openassessmentblock/staff_area/oa_staff_area.html

@@ -5,6 +5,7 @@
     <div class="wrapper--staff-toolbar">
         <button class="ui-staff__button button-staff-tools" data-panel="openassessment__staff-tools">{% trans "Manage Individual Learners" %}</button>
         <button class="ui-staff__button button-staff-info" data-panel="openassessment__staff-info">{% trans "View Assignment Statistics" %}</button>
+        <button class="ui-staff__button button-staff-grading" data-panel="openassessment__staff-grading">{% trans "Grade Available Responses" %}</button>
     </div>
 
     <div class="openassessment__staff-tools wrapper--staff-tools wrapper--ui-staff is--hidden">
@@ -163,4 +164,17 @@
             </div>
         </div>
     </div>
+
+    <div class="openassessment__staff-grading wrapper--staff-grading wrapper--ui-staff is--hidden">
+        <div class="staff-grading ui-staff">
+            <h2 class="staff-grading__title ui-staff__title">
+                <span class="staff-info__title__copy">{% trans "Staff Grading" %}</span>
+                <button class="ui-staff_close_button"><span class="sr">{% trans "Close" %}</span> <i class="icon fa fa-close" aria-hidden="true"></i></button>
+            </h2>
+
+            <div class="staff-info__content ui-staff__content">
+            </div>
+
+        </div>
+    </div>
 </div>

openassessment/xblock/static/js/spec/lms/oa_staff_area.js

@@ -204,9 +204,10 @@ describe('OpenAssessment.StaffAreaView', function() {
         it('shows the correct buttons with no panels initially', function() {
             var view = createStaffArea(),
                 $buttons = $('.ui-staff__button', view.element);
-            expect($buttons.length).toBe(2);
+            expect($buttons.length).toBe(3);
             expect($($buttons[0]).text().trim()).toEqual('Manage Individual Learners');
             expect($($buttons[1]).text().trim()).toEqual('View Assignment Statistics');
+            expect($($buttons[2]).text().trim()).toEqual('Grade Available Responses');
             expect(getVisibleStaffPanels(view).length).toBe(0);
         });
 

test/acceptance/tests.py

@@ -381,6 +381,8 @@ class StaffAreaTest(OpenAssessmentTest):
         self.assertEqual(self.staff_area_page.selected_button_names, [])
         self.staff_area_page.click_staff_toolbar_button("staff-tools")
         self.assertEqual(self.staff_area_page.selected_button_names, ["MANAGE INDIVIDUAL LEARNERS"])
+        self.staff_area_page.click_staff_toolbar_button("staff-grading")
+        self.assertEqual(self.staff_area_page.selected_button_names, ["GRADE AVAILABLE RESPONSES"])
         self.staff_area_page.click_staff_toolbar_button("staff-info")
         self.assertEqual(self.staff_area_page.selected_button_names, ["VIEW ASSIGNMENT STATISTICS"])
         self.staff_area_page.click_staff_toolbar_button("staff-info")
@@ -391,6 +393,7 @@ class StaffAreaTest(OpenAssessmentTest):
     @ddt.data(
         ("staff-tools", "MANAGE INDIVIDUAL LEARNERS"),
         ("staff-info", "VIEW ASSIGNMENT STATISTICS"),
+        ("staff-grading", "GRADE AVAILABLE RESPONSES"),
     )
     @ddt.unpack
     def test_staff_area_panel(self, panel_name, button_label):