ednark/ett-spa - Change 46HRD6U467C6H7IRDKDLCBBBMHA2HUCQXNAXY6PRDQT6OYCIAZZAC

Load Previous Days data

Created by E6hdKiVrXUV4zxbNRqfd5M7XNiwbpoVDoaPtfGSPGYnd on May 17, 2022

46HRD6U467C6H7IRDKDLCBBBMHA2HUCQXNAXY6PRDQT6OYCIAZZAC

Dependencies

[2] CUAEPVXIKWH4OAPP7WHRQ6HOZWKADR2HI724ZQ2RIV4IPW3ZT35AC

In channels

main

Change contents

Replacement in modules/EttDay.class.js at line 11 [2.3544]
B:BD[2.3714] → [2.3714:3732]
```
    this.data = {
```
[2.3714]
[2.3732]
```
    this.defaultData = {
```

Insertion in modules/EttDay.class.js at line 19 [2.3544]

[2.3850]


    this.data = JSON.parse(JSON.stringify(this.defaultData))
    /// pull ETT container elements out of the DOM
    this.ettDate = document.getElementById('ett-date')
    this.ettTaskContainer = document.getElementById('ett-tasks')
    this.ettTemplate = document.getElementById('ett-task-template')
    this.taskTemplate = this.ettTemplate.content.firstElementChild.cloneNode(true)
    this.hourBreakTemplate = this.taskTemplate.querySelector('.bubble-hour-break').cloneNode(true)
    this.hourTemplate = this.taskTemplate.querySelector('.bubble-hour').cloneNode(true)
    this.bubbleTemplate = this.taskTemplate.querySelector('.bubble-15m').cloneNode(true)

Deletion in modules/EttDay.class.js at line 33 [2.3544]

B:BD[2.3877] → [2.3877:4117]

      /// pull ETT elements out of the DOM
      const ettTemplate = document.getElementById('ett-task-template')
      const ettDate = document.getElementById('ett-date')
      const ettTaskContainer = document.getElementById('ett-tasks')

Replacement in modules/EttDay.class.js at line 34 [2.3544]

B:BD[2.4118] → [2.4118:4469]

      const taskTemplate = ettTemplate.content.firstElementChild.cloneNode(true)
      const hourBreakTemplate = taskTemplate.querySelector('.bubble-hour-break').cloneNode(true)
      const hourTemplate = taskTemplate.querySelector('.bubble-hour').cloneNode(true)
      const bubbleTemplate = taskTemplate.querySelector('.bubble-15m').cloneNode(true)

[2.4118]

[2.4469]

      self.ettTaskContainer.innerHTML = '';

Replacement in modules/EttDay.class.js at line 36 [2.3544]

B:BD[2.4470] → [2.4470:4520]

      const header = taskTemplate.cloneNode(true)

[2.4470]

[2.4520]

      const header = self.taskTemplate.cloneNode(true)

Replacement in modules/EttDay.class.js at line 39 [2.3544]

B:BD[2.4630] → [2.4630:4683]

      const subHeader = taskTemplate.cloneNode(true)

[2.4630]

[2.4683]

      const subHeader = self.taskTemplate.cloneNode(true)

Replacement in modules/EttDay.class.js at line 42 [2.3544]
B:BD[2.4737] → [2.4737:4774]
```
      ettDate.value = self.data.date
```
[2.4737]
[2.4774]
```
      // self.ettDate.value = self.data.date
```

Replacement in modules/EttDay.class.js at line 58 [2.3544]

B:BD[2.5450] → [2.5450:5511]

                  let newHour = hourTemplate.cloneNode(true)

[2.5450]

[2.5511]

                  let newHour = self.hourTemplate.cloneNode(true)

Replacement in modules/EttDay.class.js at line 70 [2.3544]

B:BD[2.6130] → [2.6130:6197]

                  let newBreak = hourBreakTemplate.cloneNode(true)

[2.6130]

[2.6197]

                  let newBreak = self.hourBreakTemplate.cloneNode(true)

Replacement in modules/EttDay.class.js at line 74 [2.3544]

B:BD[2.6322] → [2.6322:6385]

              let newBreak = hourBreakTemplate.cloneNode(true)

[2.6322]

[2.6385]

              let newBreak = self.hourBreakTemplate.cloneNode(true)

Replacement in modules/EttDay.class.js at line 78 [2.3544]

B:BD[2.6552] → [2.6552:6603]

              ettTaskContainer.appendChild(header)

[2.6552]

[2.6603]

              self.ettTaskContainer.appendChild(header)

Replacement in modules/EttDay.class.js at line 92 [2.3544]

B:BD[2.7249] → [2.7249:7310]

                  let newHour = hourTemplate.cloneNode(true)

[2.7249]

[2.7310]

                  let newHour = self.hourTemplate.cloneNode(true)

Replacement in modules/EttDay.class.js at line 104 [2.3544]

B:BD[2.7852] → [2.7852:7919]

                  let newBreak = hourBreakTemplate.cloneNode(true)

[2.7852]

[2.7919]

                  let newBreak = self.hourBreakTemplate.cloneNode(true)

Replacement in modules/EttDay.class.js at line 108 [2.3544]

B:BD[2.8044] → [2.8044:8107]

              let newBreak = hourBreakTemplate.cloneNode(true)

[2.8044]

[2.8107]

              let newBreak = self.hourBreakTemplate.cloneNode(true)

Replacement in modules/EttDay.class.js at line 112 [2.3544]

B:BD[2.8283] → [2.8283:8337]

              ettTaskContainer.appendChild(subHeader)

[2.8283]

[2.8337]

              self.ettTaskContainer.appendChild(subHeader)

Replacement in modules/EttDay.class.js at line 115 [2.3544]

B:BD[2.8380] → [2.8380:8433]

          let newTask = taskTemplate.cloneNode(true)

[2.8380]

[2.8433]

          let newTask = self.taskTemplate.cloneNode(true)

Replacement in modules/EttDay.class.js at line 117 [2.3544]

B:BD[2.8503] → [2.8503:8580]

          if ( t in self.data.tasks && self.data.tasks[t].name )
          {

[2.8503]

[2.8580]

          if ( t in self.data.tasks && self.data.tasks[t].name ) {

Replacement in modules/EttDay.class.js at line 125 [2.3544]

B:BD[2.8871] → [2.8871:8928]

              let newHour = hourTemplate.cloneNode(true)

[2.8871]

[2.8928]

              let newHour = self.hourTemplate.cloneNode(true)

Replacement in modules/EttDay.class.js at line 133 [2.3544]

B:BD[2.9232] → [2.9232:9297]

                  let newBubble = bubbleTemplate.cloneNode(true)

[2.9232]

[2.9297]

                  let newBubble = self.bubbleTemplate.cloneNode(true)

Replacement in modules/EttDay.class.js at line 146 [2.3544]

B:BD[2.9909] → [2.9909:9972]

              let newBreak = hourBreakTemplate.cloneNode(true)

[2.9909]

[2.9972]

              let newBreak = self.hourBreakTemplate.cloneNode(true)

Replacement in modules/EttDay.class.js at line 150 [2.3544]

B:BD[2.10083] → [2.10083:10142]

          let newBreak = hourBreakTemplate.cloneNode(true)

[2.10083]

[2.10142]

          let newBreak = self.hourBreakTemplate.cloneNode(true)

Replacement in modules/EttDay.class.js at line 160 [2.3544]
B:BD[2.10508] → [2.10508:10551]
```
          if ( t <= self.data.numMajor ) {
```
[2.10508]
[2.10551]
```
          if ( t < self.data.numMajor ) {
```

Replacement in modules/EttDay.class.js at line 163 [2.3544]

B:BD[2.10617] → [2.10617:10666]

          ettTaskContainer.appendChild(newTask);

[2.10617]

[2.10666]

          self.ettTaskContainer.appendChild(newTask);

Replacement in modules/EttDay.class.js at line 168 [2.3544]

B:BD[2.10730] → [2.10730:10808]

          let ettTasks = ettTaskContainer.querySelectorAll('[role=ett-task]')

[2.10730]

[2.10808]

          let ettTasks = self.ettTaskContainer.querySelectorAll('[role=ett-task]')

Replacement in modules/EttDay.class.js at line 176 [2.3544]

B:BD[2.11026] → [2.11026:11100]

      let ettTasks = ettTaskContainer.querySelectorAll('[role=ett-task]')

[2.11026]

[2.11100]

      let ettTasks = self.ettTaskContainer.querySelectorAll('[role=ett-task]')

Replacement in modules/EttDay.class.js at line 181 [2.3544]

B:BD[2.11220] → [2.11220:11596]

      /// DATE PICKER
      const calPopup = document.querySelector('#ett-date');
      const datepicker = new Datepicker(calPopup, {
          format: 'yyyy-mm-dd'
      });
      calPopup.addEventListener('focus',ev => {
          let dp = ev.target.parentNode.querySelector('.datepicker')
          dp.style.marginLeft = '-128px';
          dp.style.left = '50%';
      })

[2.11220]

[2.11596]

Replacement in modules/EttDay.class.js at line 183 [2.3544]

B:BD[2.11597] → [2.11597:12067]

      /// PERSISTENCE
      document.addEventListener('persist',ev => {
          self.data.tasks = {}
          let ettTasks = ettTaskContainer.querySelectorAll('[role=ett-task]')
          ettTasks.forEach( (ettTaskElement, t) => {
            self.data.tasks[t] = ettTaskElement.ett.toPersist()
          });
          let date = self.data.date || new Date().toLocaleDateString('en-CA')
          storage.set(date,self.data)
          console.log('PERSIST')
      })

[2.11597]

[2.12067]

    this.renderDate = ev => {
        console.log('changeDate self.ettDate: ', self.ettDate.value)
        let ettDayData = storage.get(self.ettDate.value)
        if ( ettDayData && 'date' in ettDayData ) {
            console.log('good date: ', self.ettDate.value, ettDayData)
            self.data = ettDayData
        } else {
            console.log('bad date: ', self.ettDate.value)
            self.data = JSON.parse(JSON.stringify(this.defaultData))
        }
        self.data.date = self.ettDate.value
        self.render()

Insertion in modules/EttDay.class.js at line 196 [2.3544]
[2.12073]
[2.12073]
```
    this.ettDate.addEventListener('changeDate', this.renderDate )
```

Insertion in modules/EttDay.class.js at line 198 [2.3544]

[2.12074]

    /// PERSISTENCE
    document.addEventListener('persist',ev => {
        self.data.tasks = {}
        let ettTasks = self.ettTaskContainer.querySelectorAll('[role=ett-task]')
        ettTasks.forEach( (ettTaskElement, t) => {
          self.data.tasks[t] = ettTaskElement.ett.toPersist()
        });
        let date = self.data.date || new Date().toLocaleDateString('en-CA')
        storage.set(date,self.data)
        console.log('PERSIST',date,self.data)
    })
    /// SETUP CAL PICKER
    const calPopup = document.querySelector('#ett-date');
    const datepicker = new Datepicker(calPopup, {
        format: 'yyyy-mm-dd'
    });
    calPopup.addEventListener('focus', ev => {
        let dp = ev.target.parentNode.querySelector('.datepicker')
        dp.style.marginLeft = '-128px';
        dp.style.left = '50%';
    })

Deletion in modules/EttDay.class.js at line 223 [2.3544]
B:BD[2.12094] → [2.12094:12095]