jsapp01/index1.html Assigments deadline college Add assigments dates:

jsapp01/main.js

document.getElementById(‘issueInputForm’).addEventListener(‘submit’, saveIssue()); function saveIssue() { var issueDescEl = document.getElementById(‘issueDescInput’); var issueSeverityEl = document.getElementById(‘issueSeverityInput’); var issueAssignedToEl = document.getElementById(‘issueAssignedToInput’); var issueDesc = issueDescEl.value; var issueSeverity = issueSeverityEl.options[issueSeverityEl.selectedIndex].value; var issueAssignedTo = issueAssignedToEl.value; var issueId = chance.guid(); var issueStatus = ‘open’; var issue = { id: issueId, description: issueDesc, Severity: issueSeverity, assignedTo:issueAssignedTo, status: issueStatus } if (localStorage.getItem(‘issues’) == null){ var issues = []; issues.push(issue); localStorage.setItem(‘issues’ , JSON.stringify(issues)); } else { var issues = JSON.parse(localStorage.getItem(‘issues’)); issues.push(issue); localStorage.setItem(‘issues’ , JSON.stringify(issues)); } document.getElementById(‘issueInputForm’).reset(); fetchIssues(); } function setStatusClosed (id) { var issues = JSON.parse(localStorage.getItem(‘issues’)); for (var i = 0; i < issues.Length; i++ ){ if (issues[i].id == id){ issues[i].status = ‘Closed’; } } localStorage.setItem(‘issues’ , JSON.stringify(issues)); fetchIssues(); } function deleteIssue(id) { var issues = JSON.parse(localStorage.getItem(‘issues’)); for (var i = 0; i < issues.Length; i++ ){ if (issues[i].id == id){ issues.splice(i, 1); } } localStorage.setItem(‘issues’, JSON.stringify(issues)); fetchIssues(); } function fetchIssues(){ var issues = JSON.parse (localStorage.getItem(‘issues’)); var issuesList = document.getElementById(‘issuesList’); issuesList.innerHTML=”; for (var i=0; i < issues.length; i++) { var id = issues[i].id; var desc = issues[i].description; var severity = issues[i].severity; var assignedTo = issues[i].assignedTo; var status = issues[i].status; issuesList.innerHTML += ‘<div class=”well”>’+ ‘<h6>Issue ID: ‘ + id +'</h6>’+ ‘<p><span class=”label label-info”>’ + status + ‘</span></p>’+ ‘<h3>’ + desc + ‘</h3>’+ ‘<p><span class=”glyphicon glyphicon-time”></span>’ + severity + ‘</p>’+ ‘<p><span class=”glyphicon glyphicon-user”></span>’ + assignedTo + ‘</p>’+ ‘<a herf=”#” onclick=”setStatusClosed(\”+id+’\’)” clas=”btn btn-warning”>Close</a>’+ ‘<a herf=”#” onclick=”deleteIssue(\”+id+’\’)” class=”btn btn-danger”>Delete</a>’+ ‘</div>’; } }