ednark/ett-spa - Change MJRSZE4XZ3NSPWIUPODYZAYDOA5SC5OYR3HOTWQCIHR2KVZ3WSUAC

storage added

Created by E6hdKiVrXUV4zxbNRqfd5M7XNiwbpoVDoaPtfGSPGYnd on May 14, 2022

MJRSZE4XZ3NSPWIUPODYZAYDOA5SC5OYR3HOTWQCIHR2KVZ3WSUAC

Dependencies

In channels

main

Change contents

Replacement in ett.js at line 1 [3.7433]

B:BD[3.7433] → [2.0:53]

import { EttTask } from '/modules/EttTask.class.js';

[3.7433]

[4.0]

import { EttDay } from '/modules/EttDay.class.js';
import { LocalStorage } from '/modules/Storage.class.js';

Deletion in ett.js at line 5 [3.7433]

B:BD[3.7563] → [3.7563:8205]


    /// this should be dynamically loaded from local storage
    const ettConfig = {
        date: new Date().toLocaleDateString('en-CA'),
        startHour: 7,
        numHours: 12,
        numTasks: 7,
        numMajor: 3,
        tasks: {
            1: {
                name: 'first task',
                hours: {
                    7: { 15:15, 60:15 }
                }
            }
        }
    }
    /// 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 ett.js at line 6 [3.7433]

B:BD[3.8206] → [3.8206:9600]

B:BD[3.9600] → [2.54:564]

∅:D[2.564] → [3.9819:11048]

B:BD[3.9819] → [3.9819:11048]

B:BD[3.11048] → [2.565:998]

∅:D[2.998] → [3.11267:14009]

B:BD[3.11267] → [3.11267:14009]

    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)
    const header = taskTemplate.cloneNode(true)
    header.setAttribute('role','ett-header')
    const ettTotal = header.querySelector('.ett-task-total')
    const subHeader = taskTemplate.cloneNode(true)
    subHeader.setAttribute('role','ett-subheader')
    ettDate.value = ettConfig.date
    // add tasks
    for ( let t=1; t<=ettConfig.numTasks; t++ ) {
        // new header
        if ( t == 1 ) {
            //  add top header - just a specially formatted task
            header.classList.add('task-header')
            // header title
            let headerInput = header.querySelector('.ett-task-name input')
            headerInput.value = 'THE MAJOR TASKS FOR TODAY'
            headerInput.setAttribute('readonly','readonly')
            // header hours
            let hoursContainer = header.querySelector('.ett-task-time')
            hoursContainer.innerHTML = ''
            for ( let h=0; h<ettConfig.numHours; h++ ) {
                let newHour = hourTemplate.cloneNode(true)
                let hour = ettConfig.startHour+h;
                if ( hour > 12 ) { 
                    hour = hour - 12 
                    hour += "PM"
                } else if ( hour == 12 ) { 
                    hour += "PM"
                } else { 
                    hour += "AM"
                // deepcode ignore DuplicateIfBody: <please specify a reason of ignoring this>, deepcode ignore DuplicateIfBody: <please specify a reason of ignoring this>, deepcode ignore DuplicateIfBody: <please specify a reason of ignoring this>
                }
                newHour.innerHTML = hour
                let newBreak = hourBreakTemplate.cloneNode(true)
                hoursContainer.appendChild(newBreak)
                hoursContainer.appendChild(newHour)
            }
            let newBreak = hourBreakTemplate.cloneNode(true)
            hoursContainer.appendChild(newBreak)
            header.setAttribute('id','task-header')
            header.setAttribute('data-date',ettConfig.date)
            ettTaskContainer.appendChild(header)
        // new sub-header
        } else if ( t == (ettConfig.numMajor+1) ) {
            //  add sub header - just a specially formatted task
            subHeader.classList.add('task-header')
            // header title
            let headerInput = subHeader.querySelector('.ett-task-name input')
            headerInput.value = 'STUFF THAT "JUST HAPPENED"'
            headerInput.setAttribute('readonly','readonly')
            // header hours
            let hoursContainer = subHeader.querySelector('.ett-task-time')
            hoursContainer.innerHTML = ''
            for ( let h=0; h<ettConfig.numHours; h++ ) {
                let newHour = hourTemplate.cloneNode(true)
                let hour = ettConfig.startHour+h;
                if ( hour > 12 ) { 
                    hour = hour - 12 
                    hour += "PM"
                } else if ( hour == 12 ) { 
                    hour += "PM"
                } else { 
                    hour += "AM"
                // deepcode ignore DuplicateIfBody: <please specify a reason of ignoring this>, deepcode ignore DuplicateIfBody: <please specify a reason of ignoring this>
                }
                newHour.innerHTML = hour
                let newBreak = hourBreakTemplate.cloneNode(true)
                hoursContainer.appendChild(newBreak)
                hoursContainer.appendChild(newHour)
            }
            let newBreak = hourBreakTemplate.cloneNode(true)
            hoursContainer.appendChild(newBreak)
            subHeader.setAttribute('id','task-subheader')
            subHeader.setAttribute('data-date',ettConfig.date)
            ettTaskContainer.appendChild(subHeader)
        }
        // new emergent task
        let newTask = taskTemplate.cloneNode(true)
        let hourContainer = newTask.querySelector('.ett-task-time')
        if ( t in ettConfig.tasks && ettConfig.tasks[t].name ) 
        {
            let taskName = newTask.querySelector('.ett-task-name input')
            if ( taskName ) {
                taskName.value = ettConfig.tasks[t].name
            }
        }
        hourContainer.innerHTML = ''
        for ( let hh=0; hh<ettConfig.numHours; hh++ ) {
            let newHour = hourTemplate.cloneNode(true)
            let h = ettConfig.startHour+hh;
            let hourId = 'task-'+t+'-hour-'+h
            newHour.setAttribute('id',hourId)
            newHour.setAttribute('data-hour',h)
            newHour.innerHTML = '';
            for ( let b=0; b<4; b++ ) {
                let m = (b+1)*15;
                let newBubble = bubbleTemplate.cloneNode(true)
                newBubble.setAttribute('id',hourId+'-minute-'+m)
                newBubble.setAttribute('data-hour-index',b)
                newBubble.setAttribute('data-task-index',(4*hh)+b)
                if ( t in ettConfig.tasks &&
                     h in ettConfig.tasks[t].hours &&
                     m in ettConfig.tasks[t].hours[h] && 
                     ettConfig.tasks[t].hours[h][m] > 0 ) 
                {
                    newBubble.setAttribute('data-time',ettConfig.tasks[t].hours[h][m])
                }
                newHour.appendChild(newBubble)
            }
            let newBreak = hourBreakTemplate.cloneNode(true)
            hourContainer.appendChild(newBreak)
            hourContainer.appendChild(newHour)
        }
        let newBreak = hourBreakTemplate.cloneNode(true)
        hourContainer.appendChild(newBreak)
        newTask.setAttribute('id','task-'+t)
        let indexElement = newTask.querySelector('.ett-task-index')
        if ( t < 10 ) {
            indexElement.innerHTML = '0'+t
        } else {
            indexElement.innerHTML = t
        }
        newTask.setAttribute('data-date',ettConfig.date);
        if ( t <= ettConfig.numMajor ) {
            newTask.classList.add('ett-major-task')
        }
        ettTaskContainer.appendChild(newTask);

[3.8206]

[3.14009]

    const storage = new LocalStorage();
    const today = new Date().toLocaleDateString('en-CA');
    const ettDay = new EttDay(today,storage);
    var ettDayData = storage.get(today)
    if (ettDayData) {
        ettDay.data = ettDayData
        ettDay.data.date = today

Replacement in ett.js at line 14 [3.7433]

B:BD[3.14015] → [3.14015:14992]


    const sumTime = ev => {
        let total = 0;
        let ettTasks = ettTaskContainer.querySelectorAll('[role=ett-task]')
        ettTasks.forEach(ettTask => {
            total += parseInt(ettTask.getAttribute('data-time'))
        });
        let hours = (total/60)
        ettTotal.innerHTML = hours.toFixed(2)+' H';
    };
    let ettTasks = ettTaskContainer.querySelectorAll('[role=ett-task]')
    ettTasks.forEach(ettTaskElement => {
        let ettTask = new EttTask(ettTaskElement,sumTime)
    });
    /// 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%'; 
    })
    /// PERSISTENCE
    document.addEventListener('persist',ev => {
        console.log('SAVE')
    })

[3.14015]

[3.14992]

    ettDay.render()

Replacement in ett.html at line 8 [3.15029]
B:BD[3.15221] → [3.15221:15236]
```
	<![endif]-->	
```
[3.15221]
[3.15236]
```
	<![endif]-->
```

Replacement in ett.html at line 32 [3.15029]

B:BD[3.16038] → [2.999:1113]

					onselectstart="javascript: () => { return false; }" 
					onmousedown="javascript: () => { return false; }">

[3.16038]

[3.16108]

					onselectstart="javascript: return false;"
					ondrag="javascript: return false;"
					onmousedown="javascript: return false;">