plc.js

/*

7:30 = 0
8:30 = 1
9:30 = 2
10:30 = 3
11:30 = 4
12:30 = 5
1:30 = 6
2:30 = 7
3:30 = 8

Hi, Hunter Karas. 

*/

var subjects = [];
var days = ['A', 'B', 'C', 'D', 'E', 'F'];

// name is a string
// times is an array of an array of integers, length 2. times[0] is the day, times[1] is the time block
function Subject(name, times) {
  this.name = name;
  this.times = times;
}

subjects.push(new Subject("AP Physics", [[1, 2], [3, 4]]), 
              new Subject("AP Chem", [[0, 1], [2, 3]]))

console.log(subjects.find(function (sub) {
  return sub.name === "AP Physics"
}).times)

function gt(ind) {
  var hour = (ind + 7) % 12; 
  if (hour === 0) hour = 12;
  return hour + ":30";
}

function generateGrid() {
  var row = $('<div></div>').attr('class', 'row');
  row.append($('<div></div>').attr('class', 'timecell'));
  for (var j = 0; j < 6; j++) {
    var cell = $('<div></div>').attr('class', 'col letterday').html(days[j]);
    row.append(cell)
  }

  $('#t').append(row);

  for (var i = 0; i < 9; i++) {
    row = $('<div></div>').attr('id', 'row-' + i).attr('class', 'row' + (i%2===0?' even':' odd'));
    row.append($('<div></div>').attr('class', 'timecell').html(gt(i)))
    for (var j = 0; j < 6; j++) {
      var cell = $('<div></div>').attr('id', j + "-" + i).attr('class', 'col cell');
      row.append(cell)
    }
    $('#t').append(row);
  }
}

//<a href="#" class="list-group-item list-group-item-action">Test</a>
function generateMenu() {
  for (var k = 0; k < subjects.length; k++) {
    console.log(subjects[k])
    $('#list').append($('<a></a>').attr('class', 'list-group-item list-group-item-action')
                                  .html(subjects[k].name)
                                  .on('click', function(e) {
                                    e.preventDefault();
                                    $('a').removeClass("active")
                                    $(this).addClass("active")
                                    highlight($(this).html())
                                  }))
  }
  
}

function highlight(name) {
  clear();
  var times = subjects.find(function (sub) {
    return sub.name === name;
  }).times


  for (var k = 0; k < times.length; k++) {
    $('#' + times[k][0] + '-' + times[k][1]).addClass('highlighted')
  }
}

function clear() {
  for (var k = 0; k < 9; k++) {
    for (var m = 0; m < 6; m++) {
      $('#' + k + '-' + m).removeClass('highlighted');
    }
  }
}

generateGrid()
generateMenu()