first round of unflag confirmation behavior

lms/static/coffee/src/open_ended/open_ended.coffee

@@ -16,7 +16,26 @@ class OpenEnded
     @ban_button = $('.ban-button')
     @unflag_button = $('.unflag-button')
     @ban_button.click @ban
-    @unflag_button.click @unflag
+    @unflag_button.click @confirm_unflag
+    
+    @unflag_submission_confirmation = $('.flag-submission-confirmation')
+    @unflag_submission_cancel_button = $('.flag-submission-confirmation-button')
+    @unflag_submission_confirmation_button = $('.flag-submission-removal-button')
+    
+    @unflag_submission_confirmation.hide()
+
+    @unflag_submission_cancel_button.click @close_dialog_box()
+    @unflag_submission_confirmation_button.click @remove_flag()
+    
+  remove_flag: () =>
+    @unflag()
+    @close_dialog_box()
+
+  close_dialog_box: () =>
+    $( ".flag-submission-confirmation" ).dialog('close')
+    
+  confirm_unflag: () =>
+    $( ".flag-submission-confirmation" ).dialog({ height: 275, width: 400 })
 
   unflag: (event) =>
     event.preventDefault()

lms/templates/open_ended_problems/open_ended_flagged_problems.html

@@ -57,3 +57,16 @@
         %endif
     </div>
 </section>
+
+<!-- Flag submission confirmation dialog -->
+    <section class="flag-submission-confirmation" style="display: none;">
+        <br />
+        <h4> Are you sure that you want to unflag this submission?</h4>
+        <br />
+        <p>You are about to unflag a submission. Please confirm, or cancel below.</p>
+        <br />
+        <div>
+        <input type="button" class="flag-submission-removal-button" value="Remove Flag" name="calibration-interstitial-page-button" />
+        <input type="button" class="flag-submission-confirmation-button" value="Keep Flag" name="calibration-interstitial-page-button" />
+        </div>
+    </section>
\ No newline at end of file