matt/rpiwebapp-public
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
master
rpiwebapp-public/templates/base.html

154 lines
5.7 KiB
HTML
Raw Permalink Normal View History

Initial commit
2019-07-06 23:00:00 -07:00
<!DOCTYPE html>
<html lang="en">
Re-structured code and added search feature for comics. The project structure has been changed to make it more manageable and modular. A search feature has been added to the comics page.
2019-07-23 15:49:57 -07:00
<head style="height: 100%">
Initial commit
2019-07-06 23:00:00 -07:00
<meta charset="UTF-8">
Re-structured code and added search feature for comics. The project structure has been changed to make it more manageable and modular. A search feature has been added to the comics page.
2019-07-23 15:49:57 -07:00
<title>rpi - {{ title }}</title>
Added users and thumbnails Added users so that the site can only be used if logged in. Thumbnails for each comic are also generated with ImageMagick.
2019-07-15 22:51:10 -07:00
<link rel="icon" type="image/png" href="/static/images/icon.png" sizes="32x32">
Added user data and Google OAuth Added initial implementation of user data for tv shows and movies as well as OAuth for Google sign in.
2020-03-19 19:25:44 -07:00
<link href="/static/video-js-7.7.5/video-js.css" rel="stylesheet">
Move some files out of scripts folder Change error logging to log messages as error rather than info Add 404 error when video or comic not found Change paths to use pathlib
2021-07-10 13:17:28 -07:00
<link href="/static/videojs-resolution-switcher.css" rel="stylesheet">
Added users and thumbnails Added users so that the site can only be used if logged in. Thumbnails for each comic are also generated with ImageMagick.
2019-07-15 22:51:10 -07:00
<link rel="stylesheet" href="/static/bootstrap.min.css">
Re-structured code and added search feature for comics. The project structure has been changed to make it more manageable and modular. A search feature has been added to the comics page.
2019-07-23 15:49:57 -07:00
<link rel="stylesheet" href="/static/w3.css">
Added users and thumbnails Added users so that the site can only be used if logged in. Thumbnails for each comic are also generated with ImageMagick.
2019-07-15 22:51:10 -07:00
<link rel="stylesheet" href="/static/style.css">
Move some files out of scripts folder Change error logging to log messages as error rather than info Add 404 error when video or comic not found Change paths to use pathlib
2021-07-10 13:17:28 -07:00
<script src='/static/video-js-7.7.5/video.js'></script>
<script src="/static/videojs-resolution-switcher.js"></script>
Initial commit
2019-07-06 23:00:00 -07:00
{% block head %}
{% endblock %}
Re-structured code and added search feature for comics. The project structure has been changed to make it more manageable and modular. A search feature has been added to the comics page.
2019-07-23 15:49:57 -07:00
<style>
* {
box-sizing: border-box;
}
</style>
Initial commit
2019-07-06 23:00:00 -07:00
</head>
Re-structured code and added search feature for comics. The project structure has been changed to make it more manageable and modular. A search feature has been added to the comics page.
2019-07-23 15:49:57 -07:00
<body style="height: 100vh;display: flex; flex-direction: column; margin: 0">
<div style="flex: 1 0 auto">
<div class="sticky-top">
<nav class="navbar navbar-expand navbar-light bg-secondary">
Added users and thumbnails Added users so that the site can only be used if logged in. Thumbnails for each comic are also generated with ImageMagick.
2019-07-15 22:51:10 -07:00
<a class="navbar-brand" href="{{ url_for("home") }}">
<img src="/static/images/icon.png" height="40px" alt="">
</a>
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="{{ url_for("home") }}">Home</a>
</li>
<li class="nav-item">
Re-structured code and added search feature for comics. The project structure has been changed to make it more manageable and modular. A search feature has been added to the comics page.
2019-07-23 15:49:57 -07:00
<a class="nav-link" href="{{ url_for("comics.index") }}">Comics</a>
</li>
<li class="nav-item">
combined the tv and movies page into a single page
2020-04-02 19:35:32 -07:00
<a class="nav-link" href="{{ url_for("tv_movies.index") }}">Tv & Movies</a>
Added support for tv shows.
2019-07-30 15:19:03 -07:00
</li>
added the Games tab as well as Basic access authentication
2020-05-06 14:34:38 -07:00
<li class="nav-item">
<a class="nav-link" href="{{ url_for("games.index") }}">Games</a>
</li>
Added users and thumbnails Added users so that the site can only be used if logged in. Thumbnails for each comic are also generated with ImageMagick.
2019-07-15 22:51:10 -07:00
</ul>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="{{ url_for("login") }}">
Login
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for("logout") }}">
Logout
</a>
</li>
</ul>
</nav>
Re-structured code and added search feature for comics. The project structure has been changed to make it more manageable and modular. A search feature has been added to the comics page.
2019-07-23 15:49:57 -07:00
{% block nav %}
{% endblock %}
</div>
Initial commit
2019-07-06 23:00:00 -07:00
{% block content %}
<p>Hello World!</p>
{% endblock %}
Re-structured code and added search feature for comics. The project structure has been changed to make it more manageable and modular. A search feature has been added to the comics page.
2019-07-23 15:49:57 -07:00
</div>
updated the comics viewer to dynamically load all the comics pages moved pagination code from python to javascript temporarily removed comics searched until it can be re-written for the new pagination
2020-04-11 17:14:06 -07:00
<script>
Changed file formatting and fixed comic viewer.
2020-08-05 18:47:29 -07:00
var page_num = {% if page %}{{ page }}{% else %}1{% endif %};
Move some files out of scripts folder Change error logging to log messages as error rather than info Add 404 error when video or comic not found Change paths to use pathlib
2021-07-10 13:17:28 -07:00
var max_items = {% if max_items %}{{ max_items }}{% else %}1{% endif %};
var item_count = {% if item_count %}{{ item_count }}{% else %}1{% endif %};
updated the comics viewer to dynamically load all the comics pages moved pagination code from python to javascript temporarily removed comics searched until it can be re-written for the new pagination
2020-04-11 17:14:06 -07:00
var start = max_items*(page_num-1);
var end;
if (item_count < max_items*page_num) {
end = item_count;
} else {
end = max_items * page_num;
}
var page_container = document.getElementById("page-container");
function go_to_page(pagenumber) {
Changed file formatting and fixed comic viewer.
2020-08-05 18:47:29 -07:00
let url = new URL(document.location)
url.searchParams.set("page", pagenumber)
window.history.replaceState(null, null, url.toString())
{#document.location.search = search#}
updated the comics viewer to dynamically load all the comics pages moved pagination code from python to javascript temporarily removed comics searched until it can be re-written for the new pagination
2020-04-11 17:14:06 -07:00
page_num = pagenumber;
start = max_items*(page_num-1);
if (item_count < max_items*page_num) {
end = item_count;
} else {
end = max_items * page_num;
}
populate_page()
var page_count = Math.ceil(item_count/max_items);
if (page_count > 1) {
var min = 1 + page_num - 6;
var max = page_num + 6;
var prev = page_num - 1;
var next = page_num + 1;
if (min <= 1) {
min = 2;
}
if (max >= page_count) {
max = page_count;
}
var pagination_bars = document.getElementsByClassName("pagination");
for (let i = 0; i < pagination_bars.length; i++) {
pagination_bars[i].innerHTML = "";
if (page_num != 1) {
var prev_item = `<li class="page-item"><button name="page" value="${prev}" class="page-link" onclick="offset_page(-1)"><img src="/static/svg/chevron-left.svg"></button></li>`;
pagination_bars[i].innerHTML += prev_item;
}
first_active = "";
if (page_num == 1) {first_active = "active"}
var first_item = `<li class="page-item ${first_active}"><button name="page" value="1" class="page-link" onclick="go_to_page(1)">1</button></li>`;
pagination_bars[i].innerHTML += first_item;
if (min > 2) {pagination_bars[i].innerHTML += "...";}
for (x = min; x < max; x++) {
active = "";
if (page_num == x) {active = "active"}
var item = `<li class="page-item ${active}"><button name="page" value="${x}" class="page-link" onclick="go_to_page(${x})">${x}</button></li>`;
pagination_bars[i].innerHTML += item;
}
if (max < page_count) {pagination_bars[i].innerHTML += "...";}
last_active = "";
if (page_num == page_count) {last_active = "active"}
var last_item = `<li class="page-item ${last_active}"><button name="page" value="1" class="page-link" onclick="go_to_page(${page_count})">${page_count}</button></li>`;
pagination_bars[i].innerHTML += last_item;
if (page_num != page_count) {
var next_item = `<li class="page-item"><button name="page" value="${next}" class="page-link" onclick="offset_page(1)"><img src="/static/svg/chevron-right.svg"></button></li>`;
pagination_bars[i].innerHTML += next_item;
}
}
}
Changed file formatting and fixed comic viewer.
2020-08-05 18:47:29 -07:00
window.scrollTo(0, 0)
updated the comics viewer to dynamically load all the comics pages moved pagination code from python to javascript temporarily removed comics searched until it can be re-written for the new pagination
2020-04-11 17:14:06 -07:00
}
function offset_page(i) {
go_to_page(page_num += i);
}
</script>
Re-structured code and added search feature for comics. The project structure has been changed to make it more manageable and modular. A search feature has been added to the comics page.
2019-07-23 15:49:57 -07:00
{% block footer %}
Added pagination. Pagination has been added so that the amount of items on each page is a reasonable amount.
2019-07-25 00:02:54 -07:00
<footer class="bg-secondary" style="flex-shrink: 0; padding: 20px;">
{% block footer_content %}
{% endblock footer_content %}
</footer>
{% endblock footer %}
updated the comics viewer to dynamically load all the comics pages moved pagination code from python to javascript temporarily removed comics searched until it can be re-written for the new pagination
2020-04-11 17:14:06 -07:00
<script>
</script>
Initial commit
2019-07-06 23:00:00 -07:00
</body>
</html>
Reference in New Issue Copy Permalink