More backend changes

dashboard.html

@@ -48,8 +48,20 @@
   <input type="button" onclick="submitProject();" value="Submit">
   <br><br>
   Select Project to Edit:<br>
-  <select id="project-list" onchange="">
-  
-  </select>
+  <select id="project-list" onchange="projectOnChange();" onclick="projectOnChange();">
+   
+  </select><br>
+  Link:<br>
+  <input id="edit-project-link" type="text"><br>
+  Status:<br>
+  <select id="edit-project-status">
+  <option value="active">Active</option>
+  <option value="inactive">Idle</option>
+  <option value="canceled">Canceled</option>
+  </select><br>
+  Description:<br>
+  <textarea id="edit-project-description">
+  </textarea><br>
+  <input type="button" onclick="editProject();" value="Submit">
   </body>
 </html>

js/script.js

@@ -1,3 +1,25 @@
+// Edit Selected Project
+function editProject() {
+  var data = {
+    link: document.getElementById("edit-project-link").value,
+    status: document.getElementById("edit-project-status").value,
+    description: document.getElementById("edit-project-description").value
+  }
+  firebase.database().ref("projects/"+document.getElementById("project-list").value).set(data)
+}
+
+// onChange page update
+function projectOnChange() {
+  var title = document.getElementById("project-list").value
+  var database = firebase.database().ref("projects/"+title);
+  database.on('value', function(data) {
+    var data1 = data.val()
+    document.getElementById("edit-project-link").value = data1["link"]
+    document.getElementById("edit-project-status").value = data1["status"]
+    document.getElementById("edit-project-description").value = data1["description"]
+  })
+}
+
 // Project Submit
 function submitProject() {
   var data = {
@@ -20,6 +42,7 @@ function projectList() {
                 document.getElementById("project-list").appendChild(a)
       })
   });
+  projectOnChange();
 }