@ -118,6 +118,8 @@ function blurOrKeypress(e) {
e . target . parentElement . parentElement . parentElement . removeChild ( e . target . parentElement . parentElement )
e . target . parentElement . parentElement . parentElement . removeChild ( e . target . parentElement . parentElement )
// return
// return
}
}
setsavePrintButton ( save = true )
// }
// }
@ -301,6 +303,7 @@ function addTask(defaultTimeRange="", defaultTaskText="New Task", editable=true)
timePickerWindowButton . addEventListener ( "click" , showTimePickerWindow )
timePickerWindowButton . addEventListener ( "click" , showTimePickerWindow )
timeslotSpan . addEventListener ( "mousedown" , timeSlotShowTimePickerButton )
timeslotSpan . addEventListener ( "mousedown" , timeSlotShowTimePickerButton )
row . addEventListener ( 'click' , singleClickListener ) ;
row . addEventListener ( 'click' , singleClickListener ) ;
setsavePrintButton ( save = true )
// ed.firstChild.focus()
// ed.firstChild.focus()
@ -406,6 +409,7 @@ function quickButtonListener(e) {
function saveButtonListener ( e ) {
function saveButtonListener ( e ) {
setsavePrintButton ( save = true )
let startTime = dayjs ( document . getElementById ( "startTimeLabel" ) . innerHTML , 'h:mm a' )
let startTime = dayjs ( document . getElementById ( "startTimeLabel" ) . innerHTML , 'h:mm a' )
let endTime = dayjs ( document . getElementById ( "endTimeLabel" ) . innerHTML , 'h:mm a' )
let endTime = dayjs ( document . getElementById ( "endTimeLabel" ) . innerHTML , 'h:mm a' )
console . log ( '??' )
console . log ( '??' )
@ -465,6 +469,7 @@ function showTimePickerWindow(e) {
console . log ( e . target . dataset . timepickershown )
console . log ( e . target . dataset . timepickershown )
if ( this . dataset . timepickershown === 'true' ) return ;
if ( this . dataset . timepickershown === 'true' ) return ;
setsavePrintButton ( save = true )
this . dataset . timepickershown = true
this . dataset . timepickershown = true
// document.getElementById("")
// document.getElementById("")
@ -490,6 +495,7 @@ function timeSlotShowTimePickerButton(e) {
console . log ( 'yay!' )
console . log ( 'yay!' )
if ( this . parentElement . parentElement . querySelector ( ".timePickerWindowButton" ) . dataset . timepickershown === 'true' ) return ;
if ( this . parentElement . parentElement . querySelector ( ".timePickerWindowButton" ) . dataset . timepickershown === 'true' ) return ;
console . log ( 'woohoo' )
console . log ( 'woohoo' )
setsavePrintButton ( save = true )
this . parentElement . parentElement . querySelector ( ".timePickerWindowButton" ) . dataset . timepickershown = true
this . parentElement . parentElement . querySelector ( ".timePickerWindowButton" ) . dataset . timepickershown = true
let times = this . parentElement . parentElement . querySelector ( ".timePickerWindowButton" ) . querySelector ( "#timeButtonDisplay" ) . innerHTML . split ( " to " )
let times = this . parentElement . parentElement . querySelector ( ".timePickerWindowButton" ) . querySelector ( "#timeButtonDisplay" ) . innerHTML . split ( " to " )
@ -514,6 +520,7 @@ function recurringButtonListener(e) {
// TODO: change colour to green
// TODO: change colour to green
//
//
setsavePrintButton ( save = true )
if ( this . parentElement . parentElement . dataset . recurring === "true" ) {
if ( this . parentElement . parentElement . dataset . recurring === "true" ) {
this . querySelector ( "svg" ) . classList . add ( "text-black" )
this . querySelector ( "svg" ) . classList . add ( "text-black" )
@ -528,31 +535,106 @@ function recurringButtonListener(e) {
}
}
function setsavePrintButton ( save = true ) {
let spb = document . getElementById ( "savePrintButton" )
let spbt = document . getElementById ( "savePrintButtonText" )
if ( ! save ) {
spbt . innerHTML = "Print"
spb . classList . add ( "bg-indigo-200" )
spb . classList . add ( "border-indigo-300" )
spb . classList . remove ( "bg-green-200" )
spb . classList . remove ( "border-green-300" )
//bg-indigo-200 border-indigo-300
} else {
spbt . innerHTML = "Save"
spb . classList . remove ( "bg-indigo-200" )
spb . classList . remove ( "border-indigo-300" )
spb . classList . add ( "bg-green-200" )
spb . classList . add ( "border-green-300" )
//bg-green-200 border-green-300
}
}
function savePrintButtonListener ( e ) {
function savePrintButtonListener ( e ) {
let spbt = document . getElementById ( "savePrintButtonText" )
let spbt = document . getElementById ( "savePrintButtonText" )
if ( spbt . innerHTML === "Save" ) {
if ( spbt . innerHTML === "Save" ) {
spbt . innerHTML = "Print"
setsavePrintButton ( save = false )
this . classList . add ( "bg-indigo-200" )
//TODO: send api request to save todos to database
this . classList . add ( "border-indigo-300" )
this . classList . remove ( "bg-green-200" )
this . classList . remove ( "border-green-300" )
//bg-indigo-200 border-indigo-300
} else if ( spbt . innerHTML === "Print" ) {
} else if ( spbt . innerHTML === "Print" ) {
spbt . innerHTML = "Save"
document . getElementById ( "printModel" ) . classList . remove ( "hidden" )
this . classList . remove ( "bg-indigo-200" )
// setsavePrintButton(save=true)
this . classList . remove ( "border-indigo-300" )
this . classList . add ( "bg-green-200" )
this . classList . add ( "border-green-300" )
//bg-green-200 border-green-300
//bg-green-200 border-green-300
}
}
}
function printButtonListener ( e ) {
let action = ""
switch ( this . id ) {
case "printGreeting" :
action = "greeting"
break ;
case "printTodos" :
action = "todos"
break ;
case "printSudoku" :
action = "sudoku"
break ;
case "printWordsearch" :
action = "wordsearch"
break ;
case "printQuote" :
action = "quote"
break ;
case "printSentence" :
action = "sentence"
let sentence = prompt ( "What would you like to print?" )
break ;
case "printAll" :
action = "all"
break ;
case "printExitButton" :
document . getElementById ( "printModel" ) . classList . add ( "hidden" )
return
}
}
}
function switchDayListener ( e ) {
console . log ( document . getElementById ( "date-view" ) . innerHTML )
console . log ( dayjs ( document . getElementById ( "date-view" ) . innerHTML , "ddd MMM D, YYYY" ) )
let dateView = document . getElementById ( "date-view" )
switch ( this . id ) {
case "nextDayButton" :
dateView . innerHTML = dayjs ( dateView . innerHTML . slice ( 4 ) , "MMM D, YYYY" ) . add ( 1 , 'day' ) . format ( "ddd MMM D, YYYY" )
break ;
case "prevDayButton" :
dateView . innerHTML = dayjs ( dateView . innerHTML . slice ( 4 ) , "MMM D, YYYY" ) . subtract ( 1 , 'day' ) . format ( "ddd MMM D, YYYY" )
break ;
}
}
document . getElementById ( "nextDayButton" ) . addEventListener ( "click" , switchDayListener )
document . getElementById ( "prevDayButton" ) . addEventListener ( "click" , switchDayListener )
document . getElementById ( "printGreeting" ) . addEventListener ( "click" , printButtonListener )
document . getElementById ( "printTodos" ) . addEventListener ( "click" , printButtonListener )
document . getElementById ( "printSudoku" ) . addEventListener ( "click" , printButtonListener )
document . getElementById ( "printWordsearch" ) . addEventListener ( "click" , printButtonListener )
document . getElementById ( "printQuote" ) . addEventListener ( "click" , printButtonListener )
document . getElementById ( "printSentence" ) . addEventListener ( "click" , printButtonListener )
document . getElementById ( "printAll" ) . addEventListener ( "click" , printButtonListener )
document . getElementById ( "printExitButton" ) . addEventListener ( "click" , printButtonListener )
document . getElementById ( "savePrintButton" ) . addEventListener ( "click" , savePrintButtonListener )
document . getElementById ( "savePrintButton" ) . addEventListener ( "click" , savePrintButtonListener )