// Filesaver, my other pan, copied from GitHub
// Need to attach it to this js 
// https://codepen.io/MichalaC/pen/bGEJvXe
// <script src="https://codepen.io/MichalaC/pen/bGEJvXe"></script>

// load the js

// the import is just not working 
  // import {fs} from 'fs';
  // import * as fs from 'fs';
  //  import { appendFile } from 'fs';  // Include Module fs

console.log("-------- The 'script.js' is loaded --------------- ") 

// ----- The stopwatch --------

// https://www.youtube.com/watch?v=1INmsFnD-u4

// define vars to hold time values

let seconds = 0;
let minutes = 0;
let hours = 0;

// define vars to hold "display" values
let displaySecons = 0;
let displayMinutes = 0;
let displayHours = 0;

// var to hold set interval function
let interval = null;

// var to hold stopwatch staatus
let status = "stopped";

// stopwatch function (logic to determine when to increment next valu, etc.)

function stopWatch(){
	seconds++;
	// logic to determin when to increment next value
	if(seconds / 60 == 1){
		seconds = 0;
		minutes++;    
		
		if(minutes / 60 == 1) {
			minutes = 0;
			hours++;			
      if(hours == 8){
        alert("You have already worked 8 hours !!");
      }
		}    
	}
  
  // if secons/minutes/hours are only one digit, add the another zero
  if(seconds < 10){
    displaySeconds = "0" + seconds.toString();   
  }
  else{
    displaySeconds = seconds;
  }
  
  if(minutes < 10 ){
    displayMinutes = "0" + minutes.toString();
  }
  else{
    displayMinutes = minutes;
  }
  
  if(hours < 10 ){
    displayHours = "0" + hours.toString();
  }
  else{
    displayHours = hours;
  }
  
  // displaz updated time values 
  // let timeWorked = displayHours + ":" + displayMinutes + ":" + displaySeconds;
  document.getElementById("display").innerHTML = displayHours + ":" + displayMinutes + ":" + displaySeconds;
}


function startStop(){
  if(status == "stopped"){
    // start the stopwatch (by calling the setINterval() function)
    // how often to display
    interval = window.setInterval(stopWatch, 1000);
    document.getElementById("startStop").innerHTML = "Stop";
    status = "started";
    // $('#startStop').addClass('button_started');
    document.getElementById('startStop').setAttribute("class", "button_started");
  }
  else{
    window.clearInterval(interval);
    document.getElementById("startStop").innerHTML = "Start";
    status = "stopped";
    document.getElementById('startStop').setAttribute("class", "button_stopped");
  }
} 

// function to reset 
function reset(){
  window.clearInterval(interval);
  seconds = 0;
  minutes = 0;
  hours = 0;
  document.getElementById("display").innerHTML = "00:00:00";
  document.getElementById("startStop").innerHTML = "Start";
  document.getElementById('startStop').setAttribute("class", "button_stopped");
  document.getElementById('playaudio').setAttribute("class", "button_stopped");    
  document.getElementById("playaudio").innerHTML = "Play audio";
  document.getElementById('savetime2').setAttribute("class", "button_stopped");    
  document.getElementById("savetime2").innerHTML = "Save";
}

// function save 
// need to allow "autoplay" in mozilla
// the source works, but it still does not play
function playAudio(){
  document.getElementById('playaudio').setAttribute("class", "button_save"); 
  //document.getElementById("playaudio").innerHTML = "Playing ... ";
  // audio
  //let src = 'https://file-examples.com/wp-content/uploads/2017/11/file_example_MP3_700KB.mp3';
  //let audio = new Audio(src);
  //audio.play();
}

// also not working , still problem with decoder (?)
//	function play_single_sound() {
//		document.getElementById('audiotag1').play();
//	}

		

// ----- Current day and time  --------
// https://www.w3resource.com/javascript-exercises/javascript-basic-exercise-1.php


// test 
// CurrentDay
  var today = new Date();
  document.getElementById("CurrentDay").innerHTML = today 

// getFullYear() 	Get the year as a four digit number (yyyy)
//getMonth() 	Get the month as a number (0-11)
//getDate() 	Get the day as a number (1-31)


// time (only the time after refresh)
// document.getElementById("CurrentTime").innerHTML = (today.getHours() + " : " + today.getMinutes() + " : " +  today.getSeconds())



// save as 
// https://www.websparrow.org/web/how-to-create-and-save-text-file-in-javascript

// Create a function that executes on button click event.
function saveStaticDataToFile() {
  document.getElementById('savetime2').setAttribute("class", "button_save"); 
  //document.getElementById("savetime2").innerHTML = "Saving ... (not yet)";
  //console.log(typeof timeWorked);  

 // dynamic element
 //var userInput = document.getElementById("display").innerHTML;			
 //var blob = new Blob([userInput + ";" + today], { type: "text/plain;charset=utf-8" });
 //saveAs(blob, "Vlada_hodiny.txt");

 // works ok
 //var timeToSave= document.getElementById("CurrentDay").innerHTML;		
 // console.log(document.getElementById("CurrentDay").innerHTML) 	
 // var blob = new Blob([timeToSave], { type: "text/plain;charset=utf-8" });
 // saveAs(blob, "dynamic.txt");

}




console.log("done") 
//console.log(timeWorked) 
// console.log(typeof 42); // expected number 
//console.log(typeof 'blubber'); // expected output: "string"
//console.log(typeof true);  // expected output: "boolean"

// var fs = require('fs');  // Include Module fs --- not possible in the browser
//const fs = require('fs');
//fs.appendFile("Test_text.txt", 'This is my text number 1',function(err){
  //if(err) throw err;
  //console.log('IS WRITTEN')
  //});

  //const fs = require('fs');
//   appendFile('log.txt', 'text added by appendfile1', 'utf8');