Untitled

<html>
<head>
<script>
const EARLIEST_TIME = 0800;
const LATEST_TIME = 1800;
//constants used for isValidTime()
const Months30 = [4, 6, 9, 11];
const Months31 = [1, 3, 5, 7, 8, 10, 12];
//constants used for isValidDate()
const tableAppsHeader = ["Priority","Subject","Date","Start Time", "End Time"];


var aryAppointments = []
var testCount = 0;
var aryPriority = []
var arySubject = []
var aryDates = [];
var aryStartTime = []
var aryEndTime = []
//major arrays used for storing details of appointments
var startTime;
var endTime;
//variables necessary for isValidTime() function

var dateValidity;
//variables used for isValidDate()
var tableRow = document.createElement("tr");
var tableData = document.createElement("td");
var tableText = document.createTextNode("");
var tableApps;
var displayedAppCount = 0;
//showapps?
var inputPriority;
var inputSubject;
var inputStartTime;
var inputEndTime;
var formBody;
var inputCount = 0;
//


function isValidTime(){
    startTime = document.getElementById('startTime').value;
    endTime = document.getElementById('endTime').value;
    if (EARLIEST_TIME <= startTime < LATEST_TIME && EARLIEST_TIME <= endTime < LATEST_TIME && startTime < endTime){
        return isValidTime;
    }
    else{
        alert("Invalid time has been entered.");
    }

}
//function designed to ensure the time is valid per requirements for the schedule


function isValidDate() {
dateInput = document.getElementById('appDate').value;
//Take userinput and break it up into substrings
subStrings = (dateInput).split('/');
var dateDay = parseInt(subStrings[0]);
var dateMonth = parseInt(subStrings[1]);
var dateYear = parseInt(subStrings[2]);
var startTime = document.getElementById('startTime').value;
var leapYear;
var daysInMonth = false;
//Variables to calculate if the user input exceeds the current date/time
var currentDate = new Date().getTime();
var oldDateObject = new Date(subStrings[2], subStrings[1] - 1, subStrings[0]);
alert(startTime)
var dateObject = oldDateObject.getTime()  + startTime*60000
alert(currentDate + "      " + dateObject)
//Calculate if user input is leap year
    if (((dateYear % 4 == 0) && (dateYear % 100 != 0)) || (dateYear % 400 == 0)) {
    leapYear = true;
    } else {
    leapYear = false;
    }

// Validate amount of days in month of user input
    if (dateMonth === 2) {
        if (leapYear) {
            if (dateDay <= 29) {
            daysInMonth = true;
            }
        } else if (!leapYear) {
            if (dateDay <= 28) {
            daysInMonth = true;
            }
        }
    } else {
        if (Months30.indexOf(dateMonth) > -1) {
            if (dateDay <= 30) {
            daysInMonth = true;
            }
        } else if (Months31.indexOf(dateMonth) > -1) {
            if (dateDay <= 31) {
            daysInMonth = true;
            }
        }
    }

    if (dateMonth <= 12 && dateMonth >= 1) {
        if (dateYear > 1583) {
            if (daysInMonth) {
                if (currentDate < dateObject) {
                dateValidity = true;
                } else {
                alert("Invalid date. Date/time has already passed.")
                }
            }else{
            alert("Invalid date. (Days < Days in month)")
            }
        } else {
        alert("Invalid date(dateYear > 1583)")
        }
    } else {
    alert("Invalid date(1 <= dateMonth <= 12)")
    }
return dateValidity;
}


function isConcurrentAppintment() {
var i = 0   // Iterative counter
var indexOfDates = [];

dateInput = document.getElementById('appDate').value;
startTime = document.getElementById('startTime').value;
endTime = document.getElementById('endTime').value;

// Examine each element of arrayDates for dateInput and record indexes
for(i=0; i<aryDates.length; i++) {
   if(aryDates[i] == dateInput)
   indexOfDates.push(aryDates.indexOf(dateInput))
}
// Check if appointment time is concurrent with another appointment
i = 0
while (i < indexOfDates.length) {
    if (startTime < aryStartTime[indexOfDates[i]] || aryEndTime[indexOfDates[i]] < endTime) {
    i++;
    return false
    } else {
    alert("Appointment's details are concurrent with another appointment")
    return true
    }
}
}


    function addAppointments(){
    var check1 = document.getElementById("priority1").checked;
    var check2 = document.getElementById("priority2").checked;
    var check3 = document.getElementById("priority3").checked;
    if(isValidTime()) {
        if(isValidDate()){
        if (!isConcurrentAppintment()){

        if (check1== true){
            inputPriority = document.getElementById("priority1").value;
        }
        if (check2== true){
            inputPriority = document.getElementById("priority2").value;
        }
        if (check3== true){
            inputPriority = document.getElementById("priority3").value;
        }
        dateInput = document.getElementById('appDate').value;

        inputSubject = document.getElementById('subject').value;

        inputStartTime = document.getElementById("startTime").value;
        inputEndTime = document.getElementById("endTime").value;
        aryDates.push(dateInput);
        aryPriority.push(inputPriority);
        arySubject.push(inputSubject);
        aryStartTime.push(inputStartTime);
        aryEndTime.push(inputEndTime);
        aryAppointments.push([aryPriority[inputCount],arySubject[inputCount],aryDates[inputCount],aryStartTime[inputCount],aryEndTime[inputCount]])
        alert("Your appointment has successfully been added.")
        showAppointments();
        inputCount++;
        }
    }
}
    else{
        alert("Appointment's details are incorrect, please try again.")
    }
    formBody = document.getElementById('formBody').reset();
}

function showAppointments(){
        var tableData1;
        var tableData2;
        var tableData3;
        var tableData4;
        var tableData5;
        var innerData1;
        var innerData2;
        var innerData3;
        var innerData4;
        var innerData5;
        var testData = [];
        var tableReset;
		var runCount= 0

	if (testCount > 0){
		for (runCount = 0; runCount < aryAppointments.length - 1; runCount++){
			tableApps=document.getElementById("tableApps");
			tableApps.deleteRow(-1);
		}

		for(runCount= 0 ;runCount < aryAppointments.length;runCount++){
			tableRow = tableApps.insertRow(-1);

			tableData1 = tableRow.insertCell(0);
			tableData2 = tableRow.insertCell(1);
			tableData3 = tableRow.insertCell(2);
			tableData4 = tableRow.insertCell(3);
			tableData5 = tableRow.insertCell(4);
			innerData1 = tableData1.innerHTML = aryAppointments[runCount][0];
			innerData2 = tableData2.innerHTML = aryAppointments[runCount][1];
			innerData3 = tableData3.innerHTML = aryAppointments[runCount][2];
			innerData4 = tableData4.innerHTML = aryAppointments[runCount][3];
			innerData5 = tableData5.innerHTML = aryAppointments[runCount][4];

		}
		testCount++
	}
		for (runCount = 0; runCount < aryAppointments.length; runCount++){

			tableApps = document.getElementById("tableApps");
			tableRow = tableApps.insertRow(-1);


				tableData1 = tableRow.insertCell(0);
				tableData2 = tableRow.insertCell(1);
				tableData3 = tableRow.insertCell(2);
				tableData4 = tableRow.insertCell(3);
				tableData5 = tableRow.insertCell(4);

				innerData1 = tableData1.innerHTML = aryAppointments[runCount][0];
				innerData2 = tableData2.innerHTML = aryAppointments[runCount][1];
				innerData3 = tableData3.innerHTML = aryAppointments[runCount][2];
				innerData4 = tableData4.innerHTML = aryAppointments[runCount][3];
				innerData5 = tableData5.innerHTML = aryAppointments[runCount][4];


		}
	testCount++
}


function shuffleAppointments(){
    alert(aryAppointments);
    var shuffleArray = aryAppointments.length;
    var displayCount = shuffleArray;
    var tempValue;
    var randIndex;
    var tableApps;
    var tableRows;
    var htmlChange;


    while (shuffleArray!==0){
        randIndex = Math.floor(Math.random() * shuffleArray);
        shuffleArray-=1;

        tempValue = aryAppointments[shuffleArray];
        aryAppointments[shuffleArray] = aryAppointments[randIndex];
        aryAppointments[randIndex] =tempValue;
        alert(aryAppointments);
    }
}

function tallyAppointments() {

var tally = [];
var formatDates = [];
var max;
var min;
var i;
var count; //Iterative counter
var arrayLength;
var output = '';


//Split each date in array and rearrange so correct dates may be obtained when using Date.parse
for(var i=0; i<aryDates.length; i++) {
var subStrings = aryDates[i].split('/')
var dateObject = new Date(subStrings[2], subStrings[1] - 1, subStrings[0]);  // month is 0-based
formatDates.push(dateObject.getTime())
}

// Calculate the min date and max date, record the difference between the two (the difference will be the length of the other arrays)
//Min
min = Number.POSITIVE_INFINITY;
for (i=0; i<formatDates.length; i++)
{   if (formatDates[i] < min)
    min = formatDates[i];
}

//Max
max = Number.NEGATIVE_INFINITY;
for (i=0; i<formatDates.length; i++)
{   if (formatDates[i] > max)
    max = formatDates[i];
}


arrayLength = ((max - min) / (1000 * 60 * 60 * 24) + 1) //convert length milliseconds to days
//tally = new Array(arrayLength) //Tally length is number of days between min and max

for(i=0; i<arrayLength; i++){
count = 0
index = ((formatDates[i] - min) / (1000 * 60 * 60 * 24))
    for(j=0; j<aryDates.length; j++){
    if (aryDates[i] === aryDates[j]) {
    count++
    }
tally[index] = count
}
}

// Output into table. Converts index back to date dd/mm/yyyy.
tableSummary = document.getElementById("tableSummary");
tableData = tableSummary.insertRow(-1);

output += '<table border="1">';
output += '<tr><th>Date</th><th>Count</th></tr>';
for(i=0; i<tally.length; i++){
var date = new Date(min + (i *(1000 * 60 * 60 * 24)));
var date = date.getDate() + "/" + (parseInt(date.getMonth())+1) + "/" + date.getFullYear()
    output += '<tr><td>' + date + '</td><td>';

        for(var j=0; j<tally[i]; j++){
            output += '#';
            }
    output += '</td></tr>';
}
output += '</table>';
document.writeln(output);

}


</script>
</head>
<body>
    <section>
    <h1>Schedule Editor</h1>


        <form id='formBody'>
            <p>Priority:</p>
                <input type="radio" name="priority" id="priority1" value="high" >High</input>
                <input type="radio" name="priority" id="priority2" value="moderate" checked>Moderate</input>
                <input type="radio" name="priority" id="priority3" value="low">Low</input>
                <!--priority radio buttons section-->

            <p>Subject:</p>
                <input type='text' size='30' id='subject'/>
                <!--Subject input section-->

            <p>Date:</p>
                <input type='text' size='30' id='appDate'/>
                <!--Date input-->

            <p>Start Time:</p>
                <select id='startTime'>
                    <option value=0800>0800</option>
                    <option value=0900>0900</option>
                    <option value=1000>1000</option>
                    <option value=1100>1100</option>
                    <option value=1200>1200</option>
                    <option value=1300>1300</option>
                    <option value=1400>1400</option>
                    <option value=1500>1500</option>
                    <option value=1600>1600</option>
                    <option value=1700>1700</option>
                    <option value=1800>1800</option>
                </select>


            <p>End Time:</p>
                <select id='endTime'>
                    <option value=0800>0800</option>
                    <option value=0900>0900</option>
                    <option value=1000>1000</option>
                    <option value=1100>1100</option>
                    <option value=1200>1200</option>
                    <option value=1300>1300</option>
                    <option value=1400>1400</option>
                    <option value=1500>1500</option>
                    <option value=1600>1600</option>
                    <option value=1700>1700</option>
                    <option value=1800>1800</option>
                </select>
            <input type='button' onclick='addAppointments()' value='Add appointment' name='addAppointment'>
            <hr>
    </section>


    <section>
    <table border='1' id='tableApps'>
        <tr>
            <td><strong>Priority</strong></td>
            <td><strong>Subject</strong></td>
            <td><strong>Date</strong></td>
            <td><strong>Start Time</strong></td>
            <td><strong>End Time</strong></td>
        </tr>
    </table>

    <form>
        <input type='button' onclick='shuffleAppointments()' value='Randomise Appointments' name='randomApps'>
        <input type='button' onclick='sortAppointments()' value='Sort Appointments' name='sortApps'>
        <select>
            <option value='priority'>Priority</option>
            <option value='date'>Date</option>
            <option value='startTime'>Start Time</option>
            <option value='endTime'>End Time</option>
            <option value='subject'>Subject</option>
        </select>
    </form>
        <hr>
    </section>


    <section>
    <table border='1' id='tableSummary'>
        <tr>
            <td><strong>Date</strong></td>
            <td><strong>Name</strong></td>
        </tr>
    </table>
    <form>
        <input type='button' onclick='tallyAppointments()' value='Summary' name='tallyApps'>
    </form>
        <hr>
    </section>


    <section>
    <table border='1'>
        <tr>
            <td><strong>Priority</strong></td>
            <td><strong>Date</strong></td>
            <td><strong>Start Time</strong></td>
            <td><strong>End Time</strong></td>
            <td><strong>Subject</strong></td>
        </tr>
    </table>

    <form>
        <input type='button' onclick='doit()' value='Search' name='searchName'>
        <input type='text' size='15'>
    </form>


</body>
</html>