Omar add donewhop flag

admin.html

@@ -107,7 +107,7 @@ <h2 class="mdl-card__title-text">Create a new DoWhop</h2>
           </div>
         </div>
       </div>
-      
+
       <!-- Start Mini-Form for Admin Email Data Entry-->
       <div class="mdl-cell mdl-cell--6-col">
         <div class="mdl-card">
@@ -126,6 +126,12 @@ <h2 id="selected-for-edit" class="mdl-card__title-text">Edit your DoWhop</h2>
                 <label class="mdl-textfield__label" for="doer-description-email-update">Who is attending this DoWhop (email, please)?</label>
                 <span class="mdl-tooltip" for="doer-description-email-update">Enter multiple doers, seperated, by, Commas</span>
               </div>
+              <div class="mdl-card__supporting-text">
+               <label id ="donewhop-checkbox" class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="donewhop-checkbox">
+                 <input type="checkbox" id="donewhop-status" class="mdl-checkbox__input">
+                 <span class="mdl-checkbox__label">This is a DoneWhop</span>
+               </label>
+             </div
               <!-- END NEW -->
               <div class="mdl-card__actions">
                 <button class="btn btn-default" id="emailSubmit">
@@ -143,9 +149,9 @@ <h2 id="selected-for-edit" class="mdl-card__title-text">Edit your DoWhop</h2>
 
     <script src="scripts/dowhop-description-form-admin.js"></script>
     <script>
-      auth.onAuthStateChanged(function(user) {
-        if (user) registerDoWhopDescriptionCallback();
-      });
-    </script>
+    auth.onAuthStateChanged(function(user) {
+  if (user) registerDoWhopDescriptionCallback();
+});
+</script>
   </body>
 </html>

scripts/dowhop-description-form-admin.js

@@ -30,7 +30,7 @@ var submitNewDoWhopBtn = document.getElementById('create-new-dowhop');
 var emailSubmitBtn = document.getElementById('emailSubmit');
 
 submitNewDoWhopBtn.addEventListener('click', submitNewDoWhopEntry);
-emailSubmitBtn.addEventListener('click', updateCreatorDoerEmails);
+emailSubmitBtn.addEventListener('click', updateCreatorDoerEmailsDoneWhop);
 
 function submitNewDoWhopEntry(e) {
   e.preventDefault();
@@ -239,24 +239,47 @@ function revealEditEmailForm(node) {
   var currentNodeTitle = '';
   doWhopDescriptionKeyForUpdate = node.id;
   var doWhopDescriptionRef = doWhopDescriptionsRef.child(doWhopDescriptionKeyForUpdate);
-  doWhopDescriptionRef.once('value', function(data) {
+  doWhopDescriptionRef.once('value').then(function(data) {
     var doWhopDescription = data.val();
     var currentNodeTitle = doWhopDescription.titleDescription;
+    var DoneWhopStatus = doWhopDescription.isDoneWhop === true;
+    console.log(DoneWhopStatus);
     selectedForEdit.innerHTML = 'Edit: ' + currentNodeTitle;
     creatorDescriptionUpdate.value = doWhopDescription.creatorDescription;
     doerDescriptionUpdate.value = doWhopDescription.doerDescription;
+
+    // Pre-marking the checkbox in form:
+    DoneWhopStatus === true
+      ? document.getElementById('donewhop-checkbox').MaterialCheckbox.check()
+      : document.getElementById('donewhop-checkbox').MaterialCheckbox.uncheck();
   });
 }
 
-function updateCreatorDoerEmails(e) {
+function updateCreatorDoerEmailsDoneWhop(e) {
   e.preventDefault();
+  console.log(returnDoneWhopStatus());
+  var doneWhopStatus = returnDoneWhopStatus(); // Checking if DoWhop has been marked as 'done' via true, false.
   adminEditDoWhopForm.removeAttribute('hidden');
-  doWhopDescriptionsRef.child(doWhopDescriptionKeyForUpdate).update({
-    creatorDescription: creatorDescriptionUpdate.value.toLowerCase(),
-    doerDescription: doerDescriptionUpdate.value.toLowerCase()
+  var doWhopRef = doWhopDescriptionsRef.child(doWhopDescriptionKeyForUpdate);
+
+  if (creatorDescriptionUpdate.value) {
+    doWhopRef.update({
+      creatorDescription: creatorDescriptionUpdate.value.toLowerCase()
+    });
+  }
+
+  if (doerDescriptionUpdate.value) {
+    doWhopRef.update({
+      doerDescription: doerDescriptionUpdate.value.toLowerCase()
+    });
+  }
+
+  doWhopRef.update({
+    isDoneWhop: doneWhopStatus
   });
+
   selectedForEdit.innerHTML = 'Edit your DoWhop';
-  error.innerHTML = 'Emails have been updated!';
+  error.innerHTML = 'Details have been updated!';
   adminEditDoWhopForm.reset();
 }
 
@@ -275,3 +298,19 @@ function addToMyDoWhops(node) {
     .child(node.parentElement.id)
     .update({ doer: true });
 }
+
+// Adding funcationality to manage DoneWhop checkbox and status.
+
+var DoneWhopCheckbox = document.getElementById('donewhop-checkbox');
+
+document.getElementById('donewhop-checkbox').addEventListener('click', toggleDoneWhopStatus);
+
+function toggleDoneWhopStatus() {
+  document.getElementById('donewhop-checkbox').classList.contains('is-checked') === true
+    ? document.getElementById('donewhop-checkbox').MaterialCheckbox.uncheck()
+    : document.getElementById('donewhop-checkbox').MaterialCheckbox.check();
+}
+
+function returnDoneWhopStatus() {
+  return document.getElementById('donewhop-checkbox').classList.contains('is-checked') === true;
+}