/* Note, this codepen depends on angular and sugar. 
The sugar library is used to turn dates as strings
into JavaScript date objects. */

angular.module('app', [])
.controller('Ctrl', ($scope) => {
  const weekdays = [
    [0, 'Monday'],
    [1, 'Tuesday'],
    [2, 'Wednesday'],
    [3, 'Thursday'],
    [4, 'Friday'],
    [5, 'Saturday'],
    [6, 'Sunday'],
  ]
  let dressUp = (weeks) => {
    // add internally needed things
    weeks.forEach((week) => {
      week._date = Date.create(week.date)
      week._end = week._date.clone()
      week._end.addDays(6)
      week._days = [];
      weekdays.forEach((pair) => {
        week._days.push({
          index: pair[0],
          name: pair[1],
          text: week.days[pair[0]] || ''
        })
      })
    })
  }
  
  let dressDown = (weeks) => {
    // week.days is an object, turn it into an array
    weeks.forEach((week) => {
      week._days.forEach((day) => {
        week.days[day.index] = day.text || ''
      })
    })
  }
  
  // try to retrieve from persistent storage
  $scope.weeks = JSON.parse(
    localStorage.getItem('weeks') || '{"weeks":[]}'
  ).weeks
  if (!$scope.weeks.length) {
    // add a first default
    let monday = Date.create().beginningOfISOWeek().format('{yyyy}-{MM}-{dd}')
    $scope.weeks.push({date: monday, days: {}})
  }
  
  // when retrieved it doesn't have the internal 
  // stuff we need for rendering, so dress it up
  dressUp($scope.weeks)
  
  $scope.saveWeeks = () => {
    // copy from _days to days
    dressDown($scope.weeks)
    // make a deep copy clone
    let copy = Array.from($scope.weeks, (item) => {
      let obj = Object.assign({}, item)
      for (let key of Object.keys(obj)) {
        if (key.startsWith('_') || key === '$$hashKey') {
          delete obj[key]
        }
      }
      return obj
    })
    // actually save it persistently
    localStorage.setItem('weeks', JSON.stringify({weeks: copy}))
  }
  
})