From 44fbba2ffe0249570676887a7a31a3164e1ab37e Mon Sep 17 00:00:00 2001
From: bjones1 <bjones@ece.msstate.edu>
Date: Thu, 15 Apr 2021 15:04:17 +0000
Subject: [PATCH] Fix: Enable datafile directive to indicate when it's ready.

---
 runestone/datafile/js/datafile.js | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/runestone/datafile/js/datafile.js b/runestone/datafile/js/datafile.js
index c13975db1..e838b2368 100644
--- a/runestone/datafile/js/datafile.js
+++ b/runestone/datafile/js/datafile.js
@@ -40,26 +40,27 @@ class DataFile extends RunestoneBase {
                 this.createPre();
             }
         }
+        this.indicate_component_ready();
     }
     /*=====================================
     == Create either <pre> or <textarea> ==
     ==  depending on if editing is true  ==
     ==================================*/
     createPre() {
-        this.preContainer = document.createElement("pre");
-        this.preContainer.id = this.divid;
-        $(this.preContainer).attr({ style: "display: " + this.displayClass });
-        this.preContainer.innerHTML = this.origElem.innerHTML;
-        $(this.origElem).replaceWith(this.preContainer);
+        this.containerDiv = document.createElement("pre");
+        this.containerDiv.id = this.divid;
+        $(this.containerDiv).attr({ style: "display: " + this.displayClass });
+        this.containerDiv.innerHTML = this.origElem.innerHTML;
+        $(this.origElem).replaceWith(this.containerDiv);
     }
     createTextArea() {
-        this.textAreaContainer = document.createElement("textarea");
-        this.textAreaContainer.id = this.divid;
-        this.textAreaContainer.rows = this.numberOfRows;
-        this.textAreaContainer.cols = this.numberOfCols;
-        this.textAreaContainer.innerHTML = this.origElem.innerHTML;
-        $(this.textAreaContainer).addClass("datafiletextfield");
-        $(this.origElem).replaceWith(this.textAreaContainer);
+        this.containerDiv = document.createElement("textarea");
+        this.containerDiv.id = this.divid;
+        this.containerDiv.rows = this.numberOfRows;
+        this.containerDiv.cols = this.numberOfCols;
+        this.containerDiv.innerHTML = this.origElem.innerHTML;
+        $(this.containerDiv).addClass("datafiletextfield");
+        $(this.origElem).replaceWith(this.containerDiv);
     }
 }