)
+ var $jobElem = $editJobForm.siblings('.job');
+
+ log("Sending PUT request to /jobs/edit");
+
+ // Send async PUT request to /jobs/edit
+ $.ajax({
+ url: '/jobs/edit',
+ type: 'PUT',
+ data: editJobFormData
+ }).done(function(responseData) {
+ log("Received response from PUT request to /jobs/edit");
+ // This function will execute when the response comes
+ // back from the server
+ //
+ // We expect to receive the updated job HTML
+ // (as a element with job info inside)
+ var newJobHTML = responseData;
+
+ log("Hiding job form and showing job element");
+ $jobElem.removeClass('hidden');
+ $editJobForm.addClass('hidden');
+
+ log("Replacing old job info with updated info");
+ $jobElem.replaceWith(newJobHTML);
+ });
+ });
+};
+
+var deleteJobOnSubmit = function() {
+ $('.jobs').on('submit', 'form[name="delete_job"]', function(evt) {
+ log("Edit job form submitted");
+
+ evt.preventDefault();
+
+ var $deleteJobForm = $(this);
+ var deleteJobFormData = $deleteJobForm.serialize();
+
+ // Grab the containing
element so that we can remove
+ // it when the delete request completes
+ var $jobContainerElem = $(this).closest('li');
+
+ log("Sending DELETE request to /jobs");
+
+ // Sending a DELETE request requires using the jQuery
+ // .ajax() function and configuring the url, type,
+ // data, and complete options
+ $.ajax({
+ url: '/jobs',
+ type: 'DELETE',
+ data: deleteJobFormData
+ }).done(function() {
+ log("Received response from DELETE request to /jobs");
+
+ log("Removing deleted job element");
+ $jobContainerElem.remove();
+ });
+ });
+};
+
+$(document).ready(function() {
+ createJobOnSubmit();
+
+ showEditJobFormOnClick();
+ updateJobOnSubmit();
+
+ deleteJobOnSubmit();
+});
diff --git a/public/js/main.js b/public/js/skills.js
similarity index 78%
rename from public/js/main.js
rename to public/js/skills.js
index 7392d33..e388e05 100644
--- a/public/js/main.js
+++ b/public/js/skills.js
@@ -47,35 +47,8 @@ var insertNewSkillIntoDOM = function(newSkillHTML) {
$newSkillForm.get(0).reset();
};
-
-var createNewJobsOnSubmit = function() {
- var $newJobForm = getNewJobForm();
-
- $newJobForm.submit(function (evt) {
- evt.preventDefault();
-
- var jobFormData = $(this).serialize();
-
- $.post("/jobs", jobFormData, insertNewJobIntoDOM);
- });
-};
-
-var getNewJobForm = function() {
- return $('form[name="new_job"]');
-};
-
-var insertNewJobIntoDOM = function(newJobHTML) {
- var $newJobForm = getNewJobForm();
-
- $newJobForm.parent('li').before(newJobHTML);
-
- $newJobForm.get(0).reset();
-};
-
-
// Wait to execute all code until the document is ready
// (i.e. all of the DOM nodes have been loaded)
$(document).ready(function() {
createNewSkillsOnSubmit();
- createNewJobsOnSubmit();
});
diff --git a/views/layout.erb b/views/layout.erb
index 45dff07..4b24587 100644
--- a/views/layout.erb
+++ b/views/layout.erb
@@ -21,6 +21,7 @@
-
+
+