Todo

<title> TODO </title>
<head>
<meta charset="utf-8"/>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-
q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous">
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
</head>
<body>
<h1 class="text-center"> TODO List: </h1>

<div id="menu">
</div>
<br>
<br>
<div id="accordion">
<div class="card">
<div class="card-header" id="headingOne">
<button class="btn btn-link" data-toggle="collapse" data-
target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Collapsible Group Item #1
</button>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-

parent="#accordion">
<div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor
brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt
aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt
sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard
of them accusamus labore sustainable VHS.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<button class="btn btn-link collapsed" data-toggle="collapse" data-
target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
</button>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-
</div>
</div>
</div>
<div class="card">
<div class="card-header text-center" id="headingThree">
<button class="btn btn-link collapsed" data-toggle="collapse" data-
target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
</button>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-
</div>
</div>
</div>
</div>
</body>
<script>
//enum status: 0 #Incomplete 1 #Complete 2 #Important 3 #Optional
// 4 #All summer long, gradual change / goal instead of one-time task
// 5 #Gradual + important
//if under important, list which section /subsection its from
//TODO: css dark colors

//separate files for js and css
//optionals hidden by default, important at top of list
//optional not counted into total
function loadJSON(path,callback) {
let request = new XMLHttpRequest();
request.overrideMimeType("application/json");
request.open('GET',path,true);
request.onreadystatechange = function () {
if (request.readyState == 4 && request.status == "200") {
callback(request.responseText);
}
}
request.send(null);
}
loadJSON("kill_time.json",function(text) {
let data = JSON.parse(text);
makeHeaders(data);
//console.log(data);
});
function makeCard(target,k,i,content) {
let card = document.createElement('div');
card.className = "card";
let cardHeader = document.createElement('div');
cardHeader.className = "card-header text-center"
cardHeader.id = "heading" + i.toString();
let button = document.createElement('button');
button.className = "btn btn-link text-center";
button.innerHTML = k;
target.appendChild(card);
card.appendChild(cardHeader);
cardHeader.appendChild(button);
function makeContent(target,content) {
function makeHeaders(data) {
let menu = document.getElementById('menu');
//var x = Object.entries(data);
//console.log(x);
Object.keys(data).forEach(function(k,i) {
//let collapse = document.createElement('div');
//collapse.class =
//menu.appendChild
makeCard(menu,k,i,data[k]);
//menu.appendChild(document.createElement('p')).appendChild(document.createTextNode
(k));
console.log(data[k])
})
}
//console.log(data)
//var x = Object.entries(data);
//console.log(x)
//document.createElement('p').appendChild(document.createTextNode(k));
</script>

Todo

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Todo

Uploaded by

Copyright:

Available Formats

<title> TODO </title>

<h1 class="text-center"> TODO List: </h1>

<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-

//TODO: css dark colors

You might also like