112 lines
4.0 KiB
HTML
112 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
|
<meta charset="UTF-8">
|
|
<title>Manga Downloader</title>
|
|
</head>
|
|
<body>
|
|
<div class="grid-container">
|
|
<div class="header">Super Awesome Mange Downloading and Maybe Someday Viewing Thing</div>
|
|
<div class="nav" align="left">
|
|
<ul>
|
|
<li><button class=button onclick="activeReturn()">Active</button></li>
|
|
<li><button class=button onclick="downloadReturn()">Download</button></li>
|
|
<li><button class=button onclick="upgrade()">Update</button></li>
|
|
<!-- <li><a href="http://google.com"><button class=button>google<>/button></a></li>
|
|
<li><button class=button onclick="clickTest()">asdfl</button></li>-->
|
|
</ul>
|
|
</div>
|
|
<div class="main" id="main">
|
|
</div>
|
|
<div class="footer">
|
|
bottom stuffs
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|
|
<script>
|
|
var manga = '';
|
|
|
|
function upgrade() {
|
|
fetch('/upgrade', {
|
|
method: 'PUT'
|
|
})
|
|
}
|
|
function activeReturn() {
|
|
document.getElementById('main').innerHTML= '';
|
|
|
|
fetch('/active')
|
|
.then(response => response.json())
|
|
.then(function(data) {
|
|
for (i=0; i < data.active.length; i++ )
|
|
{
|
|
manga = data.active[i];
|
|
<!--console.log(manga.title)-->
|
|
var div = document.createElement('div');
|
|
div.setAttribute('id', manga.id);
|
|
div.setAttribute('class', 'activeList');
|
|
div.innerHTML = '<b>' + manga.title + '</b><br>';
|
|
document.getElementById("main").appendChild(div);
|
|
};
|
|
});
|
|
};
|
|
function downloadReturn() {
|
|
document.getElementById('main').innerHTML='';
|
|
|
|
<!--Create the main.updated div-->
|
|
var div = document.createElement('div');
|
|
div.setAttribute('id','updated')
|
|
div.innerHTML = '<b>Updated</b>'
|
|
document.getElementById('main').appendChild(div);
|
|
|
|
<!--Create the main.missingFlags div-->
|
|
var div = document.createElement('div');
|
|
div.setAttribute('id', 'missingFlags');
|
|
div.innerHTML='<b>Missing Flags</b>';
|
|
document.getElementById('main').appendChild(div);
|
|
|
|
<!--Create the main.missingManga div-->
|
|
var div = document.createElement('div');
|
|
div.setAttribute('id', 'missingManga');
|
|
div.innerHTML='<b>Missing Manga</b>';
|
|
document.getElementById('main').appendChild(div);
|
|
|
|
<!--Create the main.notUpdated div-->
|
|
var div = document.createElement('div');
|
|
div.setAttribute('id','notUpdated');
|
|
div.innerHTML='<b>Not Updated</b>';
|
|
document.getElementById('main').appendChild(div);
|
|
|
|
fetch('/download')
|
|
.then(response => response.json())
|
|
.then(function(data){
|
|
<!--list of updated manga-->
|
|
for (i=0; data.manga.length; i++) {
|
|
manga = data.manga[i];
|
|
var div = document.createElement('div');
|
|
div.setAttribute('id', 'book'+i);
|
|
div.innerHTML = manga.title + "<br>";
|
|
document.getElementById("updated").appendChild(div);
|
|
};
|
|
<!--list of missing flags-->
|
|
for (i=0; data.missingFlags;i++){
|
|
manga = data.missingFlags[i];
|
|
var div = document.createElement('div');
|
|
div.setAttribute('id', 'flag'+i)
|
|
div.innerHTML = manga + '<br>';
|
|
document.getElementById('missingFlags').appendChild('div');
|
|
};
|
|
<!--list of missing Manga-->
|
|
for (i=0; data.missingManga.length; i++){
|
|
manga = data.missingManga[i];
|
|
var div = document.createElement('div');
|
|
div.setAttribute('id', 'missing'+i);
|
|
div.innerHTML = manga.name + '<br>';
|
|
document.getElementById('missingManga').appendChild('div');
|
|
};
|
|
});
|
|
};
|
|
</script>
|