script.js

// Color Toggle Stuff
function get_color() {
  var todos = true;
  var todos_str = localStorage.getItem('curr_color');
  if (todos_str !== null) {
    todos = JSON.parse(todos_str); 
  }
  return todos;
}

document.addEventListener('DOMContentLoaded', function() {
	pickColor();
  document.getElementById('color-toggle').onclick = switchColor;
});

function colorSelector(curr_color) {
	if (curr_color === true) {
		color1 = "#787fa1";
		color2 = "#718ec4";
		color4 = "#dc8998";
		color5 = "#fec5b9";
		color3 = "#f1e0cd";
	} else {
		color1 = "#BFD8D2";
		color2 = "#576490";
		color4 = "#7796CB";
		color5 = "#C9CAD9";
		color3 = "#FEDCD2";
	}
	document.getElementById("weatherpad").style.backgroundColor = color1;
	document.getElementById("topsitespad").style.backgroundColor = color2;
	document.getElementById("songspad").style.backgroundColor = color3;
	document.getElementById("listpad").style.backgroundColor = color4;
	document.getElementById("myDIV").style.backgroundColor = color3;
	document.getElementById("topstoriespad").style.backgroundColor = color5;

}

function pickColor() {
	var curr_color = ! get_color();
	colorSelector(curr_color);
}

function switchColor() {
	var curr_color = get_color();
	colorSelector(curr_color);	
	localStorage.setItem('curr_color', JSON.stringify(! curr_color));
}
// end Color Toggle Stuff


// TopSites stuff
function onAnchorClick(event) {
  chrome.tabs.create({ url: event.srcElement.href });
  return false;
}

chrome.topSites.get(function(mostVisitedURLs) {
	var popupDiv = document.getElementById('mostVisited_div');
	var ol = popupDiv.appendChild(document.createElement('ol'));
	var numURLs = Math.min(mostVisitedURLs.length, 5);

	for (var i = 0; i < numURLs; i++) {
	    var li = ol.appendChild(document.createElement('li'));
	    var a = li.appendChild(document.createElement('a'));
	    a.href = mostVisitedURLs[i].url;
	    a.appendChild(document.createTextNode(mostVisitedURLs[i].title));
	    a.addEventListener('click', onAnchorClick);
	}
});
// end TopSites stuff


// Todo List Stuff

// Storing Tasks in Local DB
function get_todos() {
  var todos = new Array;
  var todos_str = localStorage.getItem('todo');
  if (todos_str !== null) {
    todos = JSON.parse(todos_str); 
  }
  return todos;
}

function get_checked() {
	var checked = new Array;
	var checked_str = localStorage.getItem('checked');
	if (checked_str != null) {
		checked = JSON.parse(checked_str);
	}
	return checked;
}

function find_index(task) {
	var todos = get_todos();
	var i;
	for (i = 0; i < todos.length; i++) {
		if(todos[i] === task) {
			return i;
		}
	}
	return -1;
}

document.addEventListener('DOMContentLoaded', function() {
  show_todos();
  document.getElementById("newTask").addEventListener("click", newElement);
  var checked = get_checked();
  // Add a "checked" symbol when clicking on a list item
  var list = document.querySelector('ul');
  list.addEventListener('click', function(ev) {
  	if (ev.target.tagName === 'LI') {
  		var div = ev.target;
  		var index = find_index(div.textContent.slice(0,div.textContent.length - 1));
  		checked[index] = ! checked[index];
  		localStorage.setItem('checked', JSON.stringify(checked));
  		div.classList.toggle('checked');
  	}
  }, false);
});

var close = document.getElementsByClassName("close");

function close_helper(li) {
  var span = document.createElement("SPAN");
  var txt = document.createTextNode("\u00D7");
  span.className = "close";
  span.appendChild(txt);
  li.appendChild(span);
  var todos = get_todos();
  var checked = get_checked();
  for (j = 0; j < close.length; j++) {
    close[j].onclick = function() {
	    var div = this.parentElement;
	    var id = find_index(div.textContent.slice(0,div.textContent.length - 1));
	    todos.splice(id, 1);
	    checked.splice(id, 1);
	    localStorage.setItem('todo', JSON.stringify(todos));
	    localStorage.setItem('checked', JSON.stringify(checked));
	    div.style.display = "none";
	    var div2 = document.getElementById("myUL");
    	div2.removeChild(div2.childNodes[id]);
    }
  }
}

function show_todos() {
	var todos = get_todos();
	var checked = get_checked();
	for (i = 0; i < todos.length; i++) {
		var li = document.createElement("li");
		li.id = i;
		var inputValue = todos[i];
		var t = document.createTextNode(inputValue);
		li.appendChild(t);
		if (checked[i] == true) {
			li.classList.toggle('checked');
		}
		document.getElementById("myUL").appendChild(li);
		close_helper(li);
	}
}

//Create a new list item when clicking on the "Add" button
function newElement() {
  var li = document.createElement("li");
  var inputValue = document.getElementById("myInput").value;

  var todos = get_todos();
  todo_id = todos.length;
  todos.push(inputValue);
  localStorage.setItem('todo', JSON.stringify(todos));

  var t = document.createTextNode(inputValue);
  li.appendChild(t);
  li.id = todo_id;
  if (inputValue === '') {
    alert("You must write something!");
  } else {
    var div = document.getElementById("lhidden_content");
    document.getElementById("myUL").appendChild(li);
    div.style.height = div.scrollHeight+"px";
  }
  document.getElementById("myInput").value = "";

  close_helper(li);
}
// end Todo List Stuff


document.addEventListener('DOMContentLoaded', function(){ 
    var xmlhttp = new XMLHttpRequest();
    var url = "http://api.wunderground.com/api/0233c96d7f0837b9/conditions/q/CA/Berkeley.json";
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            var myArr = JSON.parse(this.responseText);
            myFunction(myArr);
        } 
    };
    xmlhttp.open("GET", url, true);
    xmlhttp.send();

    function myFunction(arr) {
        var out = "";
        var blah1 = arr['current_observation']["display_location"]["city"]
        var blah2 = arr['current_observation']["display_location"]["state"]
        var blah3 = blah1 + ", " + blah2
        document.getElementById("weather").innerHTML =  blah3;  
        document.getElementById("weather2").innerHTML =  arr['current_observation']["weather"];
        var blah = arr['current_observation']["temp_f"] + "&#x2109" + " " + "&nbsp";
        blah += arr['current_observation']["temp_c"] + "&#x2103";
        document.getElementById("weather3").innerHTML = blah;
        document.getElementById("weatherIMG").src = arr["current_observation"]["icon_url"];
    }
});

function get_opened() {
  var opened = new Array;
  var opened_str = localStorage.getItem('open_pads');
  if (opened_str !== null) {
    opened = JSON.parse(opened_str); 
  } else {
  	for (var i = 0; i < 5; i++) {
  		opened.push(false);
  	}
  }
  console.log(opened_str);
  return opened;
}

window.onload = function(){

  document.getElementById('wbutton').onclick = function() {
  	var opened = get_opened();
    this.__toggle = !this.__toggle;
    var target = document.getElementById('whidden_content');
    opened[0] = ! opened[0];
  	localStorage.setItem('open_pads', JSON.stringify(opened));
    if( this.__toggle) {
      target.style.height = target.scrollHeight+"px";
      //this.firstChild.nodeValue = "Hide Weather";
    } else {
      target.style.height = 0;
      //this.firstChild.nodeValue = "Show Weather";
    }
  }

  document.getElementById('sbutton').onclick = function() {
  	var opened = get_opened();
    this.__toggle = !this.__toggle;
    var target = document.getElementById('shidden_content');
    opened[1] = ! opened[1];
  	localStorage.setItem('open_pads', JSON.stringify(opened));
    if( this.__toggle) {
      target.style.height = target.scrollHeight+"px";
      //this.firstChild.nodeValue = "Hide Top Sites";
    } else {
      target.style.height = 0;
      //this.firstChild.nodeValue = "Show Top Sites";
    }
  }

  document.getElementById('lbutton').onclick = function() {
  	var opened = get_opened();
    this.__toggle = !this.__toggle;
    var target = document.getElementById('lhidden_content');
    opened[2] = ! opened[2];
  	localStorage.setItem('open_pads', JSON.stringify(opened));
    if( this.__toggle) {
      target.style.height = target.scrollHeight+"px";
      //this.firstChild.nodeValue = "Hide To Do List";
    } else {
      target.style.height = 0;
      //this.firstChild.nodeValue = "Show To Do List";
    }
  }

  document.getElementById('nbutton').onclick = function() {
  	var opened = get_opened();
    this.__toggle = !this.__toggle;
    var target = document.getElementById('nhidden_content');
    opened[3] = ! opened[3];
  	localStorage.setItem('open_pads', JSON.stringify(opened));
    if( this.__toggle) {
      target.style.height = target.scrollHeight+"px";
      //this.firstChild.nodeValue = "Hide Latest News";
    } else {
      target.style.height = 0;
      //this.firstChild.nodeValue = "Show Latest News";
    }
  }

  document.getElementById('snbutton').onclick = function() {
  	var opened = get_opened();
    this.__toggle = !this.__toggle;
    var target = document.getElementById('snhidden_content');
    opened[4] = ! opened[4];
  	localStorage.setItem('open_pads', JSON.stringify(opened));
    if( this.__toggle) {
      target.style.height = target.scrollHeight+"px";
      //this.firstChild.nodeValue = "Hide Top Songs";
    } else {
      target.style.height = 0;
      //this.firstChild.nodeValue = "Show Top Songs";
    }
  }

  var list = document.getElementById("widgetlist");
  Sortable.create(list, { });

  var todolist = document.getElementById("myUL");
  Sortable.create(todolist, { });
}


document.addEventListener('DOMContentLoaded', function(){ 
    var popupDiv = document.getElementById('news');
    var xmlhttp = new XMLHttpRequest();
    var url = "https://api.nytimes.com/svc/topstories/v2/home.json?api-key=ece2c9475024433fa41ea3cf39e0f29d";
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            var myArr = JSON.parse(this.responseText);
            myFunction(myArr);
        } 
    };
    xmlhttp.open("GET", url, true);
    xmlhttp.send();

    function myFunction(arr) {
      var newsDiv = document.getElementById('news');
      var ol = newsDiv.appendChild(document.createElement('ol'));
      for (var i = 0; i < 3; i++) {
            var li = ol.appendChild(document.createElement('li'));
            var a = li.appendChild(document.createElement('a'));
            a.href = arr["results"][i]["url"];
            a.appendChild(document.createTextNode(arr["results"][i]["title"]));
            a.addEventListener('click', onAnchorClick);
        }
    }
});

document.addEventListener('DOMContentLoaded', function(){ 
    var xmlhttp = new XMLHttpRequest();
    var url = "http://ws.audioscrobbler.com/2.0/?method=chart.getTopTracks&api_key=155c1541197e6602512b44c9a17a3dd7&format=json"
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            var myArr = JSON.parse(this.responseText);
            myFunction(myArr);
        } 
    };
    xmlhttp.open("GET", url, true);
    xmlhttp.send();
    function myFunction(arr) {
        var songsDiv = document.getElementById('songs');
        var ol = songsDiv.appendChild(document.createElement('ol'));
        for (var i = 0; i < 5; i++) {
            var li = ol.appendChild(document.createElement('li'));
            var a = li.appendChild(document.createElement('a'));
            a.href = arr.tracks.track[i].url;
            var textStuff = arr.tracks.track[i].name + " - " + arr.tracks.track[i].artist.name;
            a.appendChild(document.createTextNode(textStuff));
            // var DOM_img = document.createElement("img");
            // console.log(arr.tracks.track[i].image[0]["#text"]);
            // DOM_img.src = arr.tracks.track[i].image[0]["#text"];
            // a.appendChild(DOM_img);
            a.addEventListener('click', onAnchorClick);
        }
    }
});

setTimeout(function() {
	var opened = get_opened();
	var divs = document.getElementsByClassName("hidden");
	for (var i = 0; i < divs.length; i++) {
		if (opened[i] === true) {
			if (i == 0) {
				var thissle = document.getElementById('wbutton');
			} else if (i == 1) {
				var thissle = document.getElementById('sbutton');
			} else if (i == 2) {
				var thissle = document.getElementById('lbutton');
			} else if (i == 3) {
				var thissle = document.getElementById('nbutton');
			} else {
				var thissle = document.getElementById('snbutton');
			}
			var target = divs[i];
			thissle.__toggle = !thissle.__toggle;
	    target.style.height = target.scrollHeight+"px";
	  }
	}
}, 300);



// f18591ef19a34f3eb023911fbebffa16
// Songs Key: 155c1541197e6602512b44c9a17a3dd7