From f9ab993d99567a9d8db8ec29db179cddfa1cca07 Mon Sep 17 00:00:00 2001
From: CruiseDevice
Date: Fri, 8 Feb 2019 15:05:46 +0530
Subject: Show alert on clicking Undo Changes button

---
 yaksh/static/yaksh/js/requesthandler.js |  5 +++++
 yaksh/templates/yaksh/question.html     | 21 ++++++++++++++++++++-
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/yaksh/static/yaksh/js/requesthandler.js b/yaksh/static/yaksh/js/requesthandler.js
index 952de3a..7ccdef0 100644
--- a/yaksh/static/yaksh/js/requesthandler.js
+++ b/yaksh/static/yaksh/js/requesthandler.js
@@ -197,6 +197,11 @@ if (question_type == 'upload' || question_type == 'code') {
   reset_editor = function() {
       global_editor.editor.setValue(init_val);
       global_editor.editor.clearHistory();
+      $('#undo_changes').modal('hide');
+  }
+
+  confirm = function(){
+    $("#undo_changes").modal("show");
   }
 });
 function user_arranged_options(){
diff --git a/yaksh/templates/yaksh/question.html b/yaksh/templates/yaksh/question.html
index da77702..c0eb3b1 100644
--- a/yaksh/templates/yaksh/question.html
+++ b/yaksh/templates/yaksh/question.html
@@ -271,7 +271,7 @@ question_type = "{{ question.type }}"
                                <h5>Write your program below:</h5>
                            </div>
                            <div class="col-md-3 ml-auto">
-                               <a href="#answer" class=" btn btn-outline-primary" onclick="reset_editor()" name="reset" id="reset">Undo Changes&nbsp;<span class="glyphicon glyphicon-refresh"></span></a>
+                               <a href="#answer" class=" btn btn-outline-primary" onclick="confirm()" name="reset" id="reset">Undo Changes&nbsp;<span class="glyphicon glyphicon-refresh"></span></a>
                                </div>
                       </div>
                       <div class="yakshwell">
@@ -335,5 +335,24 @@ question_type = "{{ question.type }}"
         </div>
       </div>
    </div>
+
+   <!-- UNDO CHANGES Modal -->
+    <div class="modal" id="undo_changes" >
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h4 class="modal-title" id="myModalLabel">Are you Sure?</h4>
+          </div>
+          <div id = "modal_body"class="modal-body">
+              <font color="brown"><b>Your code will be reset to last submitted answer.</b></font>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-warning" onclick="reset_editor()">OK</button>
+            <button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
+          </div>
+        </div>
+      </div>
+   </div>
+
 {% endblock main %}
 
-- 
cgit