aboutsummaryrefslogtreecommitdiffstats
path: root/youtube/templates
diff options
context:
space:
mode:
authorJames Taylor <user234683@users.noreply.github.com>2019-06-17 20:47:58 -0700
committerJames Taylor <user234683@users.noreply.github.com>2019-06-17 20:50:00 -0700
commit1ba241186299df50a94efd3d410a4422bdc2d6c3 (patch)
treef6d387972acb2f743e6aee0b0baaa3d4d524ac53 /youtube/templates
parent2db58930a6f8c955c4d437657bd07e2939a705f2 (diff)
downloadyt-local-1ba241186299df50a94efd3d410a4422bdc2d6c3.tar.lz
yt-local-1ba241186299df50a94efd3d410a4422bdc2d6c3.tar.xz
yt-local-1ba241186299df50a94efd3d410a4422bdc2d6c3.zip
Inherit from base template
Diffstat (limited to 'youtube/templates')
-rw-r--r--youtube/templates/base.html111
-rw-r--r--youtube/templates/error.html25
-rw-r--r--youtube/templates/watch.html30
3 files changed, 126 insertions, 40 deletions
diff --git a/youtube/templates/base.html b/youtube/templates/base.html
new file mode 100644
index 0000000..e98f972
--- /dev/null
+++ b/youtube/templates/base.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>{% block page_title %}{% endblock %}</title>
+ <link href="/youtube.com/static/shared.css" type="text/css" rel="stylesheet">
+ <link href="/youtube.com/static/comments.css" type="text/css" rel="stylesheet">
+ <link href="/youtube.com/static/favicon.ico" type="image/x-icon" rel="icon">
+ <link title="Youtube local" href="/youtube.com/opensearch.xml" rel="search" type="application/opensearchdescription+xml">
+ <style type="text/css">
+{% block style %}
+{% endblock %}
+ </style>
+ </head>
+ <body>
+ <header>
+ <form id="site-search" action="/youtube.com/search">
+ <input type="search" name="query" class="search-box" value="{{ search_box_value }}">
+ <button type="submit" value="Search" class="search-button">Search</button>
+ <div class="dropdown">
+ <button class="dropdown-label">Options</button>
+ <div class="css-sucks">
+ <div class="dropdown-content">
+ <h3>Sort by</h3>
+ <input type="radio" id="sort_relevance" name="sort" value="0">
+ <label for="sort_relevance">Relevance</label>
+
+ <input type="radio" id="sort_upload_date" name="sort" value="2">
+ <label for="sort_upload_date">Upload date</label>
+
+ <input type="radio" id="sort_view_count" name="sort" value="3">
+ <label for="sort_view_count">View count</label>
+
+ <input type="radio" id="sort_rating" name="sort" value="1">
+ <label for="sort_rating">Rating</label>
+
+
+ <h3>Upload date</h3>
+ <input type="radio" id="time_any" name="time" value="0">
+ <label for="time_any">Any</label>
+
+ <input type="radio" id="time_last_hour" name="time" value="1">
+ <label for="time_last_hour">Last hour</label>
+
+ <input type="radio" id="time_today" name="time" value="2">
+ <label for="time_today">Today</label>
+
+ <input type="radio" id="time_this_week" name="time" value="3">
+ <label for="time_this_week">This week</label>
+
+ <input type="radio" id="time_this_month" name="time" value="4">
+ <label for="time_this_month">This month</label>
+
+ <input type="radio" id="time_this_year" name="time" value="5">
+ <label for="time_this_year">This year</label>
+
+ <h3>Type</h3>
+ <input type="radio" id="type_any" name="type" value="0">
+ <label for="type_any">Any</label>
+
+ <input type="radio" id="type_video" name="type" value="1">
+ <label for="type_video">Video</label>
+
+ <input type="radio" id="type_channel" name="type" value="2">
+ <label for="type_channel">Channel</label>
+
+ <input type="radio" id="type_playlist" name="type" value="3">
+ <label for="type_playlist">Playlist</label>
+
+ <input type="radio" id="type_movie" name="type" value="4">
+ <label for="type_movie">Movie</label>
+
+ <input type="radio" id="type_show" name="type" value="5">
+ <label for="type_show">Show</label>
+
+
+ <h3>Duration</h3>
+ <input type="radio" id="duration_any" name="duration" value="0">
+ <label for="duration_any">Any</label>
+
+ <input type="radio" id="duration_short" name="duration" value="1">
+ <label for="duration_short">Short (&lt; 4 minutes)</label>
+
+ <input type="radio" id="duration_long" name="duration" value="2">
+ <label for="duration_long">Long (&gt; 20 minutes)</label>
+
+ </div>
+ </div>
+ </div>
+ </form>
+
+ <div id="header-right">
+ <form id="playlist-edit" action="/youtube.com/edit_playlist" method="post" target="_self">
+ <input name="playlist_name" id="playlist-name-selection" list="playlist-options" type="text">
+ <datalist id="playlist-options">
+ {% for playlist_name in header_playlist_names %}
+ <option value="{{ playlist_name }}">{{ playlist_name }}</option>
+ {% endfor %}
+ </datalist>
+ <button type="submit" id="playlist-add-button" name="action" value="add">Add to playlist</button>
+ <button type="reset" id="item-selection-reset">Clear selection</button>
+ </form>
+ <a href="/youtube.com/playlists" id="local-playlists">Local playlists</a>
+ </div>
+ </header>
+ <main>
+{% block main %}
+{% endblock %}
+ </main>
+ </body>
+</html>
diff --git a/youtube/templates/error.html b/youtube/templates/error.html
index f253807..1f33c44 100644
--- a/youtube/templates/error.html
+++ b/youtube/templates/error.html
@@ -1,17 +1,8 @@
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <title>Error</title>
- <link href="/youtube.com/shared.css" type="text/css" rel="stylesheet">
- <link href="/youtube.com/comments.css" type="text/css" rel="stylesheet">
- <link href="/youtube.com/favicon.ico" type="image/x-icon" rel="icon">
- <link title="Youtube local" href="/youtube.com/opensearch.xml" rel="search" type="application/opensearchdescription+xml">
- </head>
- <body>
-{{ header|safe }}
- <main>
-{{ error_message }}
- </main>
- </body>
-</html>
+{% extends "base.html" %}
+
+{% block page_title %}Error{% endblock %}
+
+{% block main %}
+ {{ error_message }}
+{% endblock %}
+
diff --git a/youtube/templates/watch.html b/youtube/templates/watch.html
index 7e83306..f00413d 100644
--- a/youtube/templates/watch.html
+++ b/youtube/templates/watch.html
@@ -1,13 +1,6 @@
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <title>{{ title }}</title>
- <link href="/youtube.com/static/shared.css" type="text/css" rel="stylesheet">
- <link href="/youtube.com/static/comments.css" type="text/css" rel="stylesheet">
- <link href="/youtube.com/static/favicon.ico" type="image/x-icon" rel="icon">
- <link title="Youtube local" href="/youtube.com/opensearch.xml" rel="search" type="application/opensearchdescription+xml">
- <style type="text/css">
+{% extends "base.html" %}
+{% block page_title %}{{ title }}{% endblock %}
+{% block style %}
main{
display:grid;
grid-template-columns: minmax(0px, 3fr) 640px 40px 500px minmax(0px,2fr);
@@ -150,11 +143,9 @@
grid-template-columns: 60px 90px auto;
max-height: 1.2em;
}
- </style>
- </head>
- <body>
-{{ header|safe }}
- <main>
+{% endblock style %}
+
+{% block main %}
<div id="left">
</div>
<article class="full-item">
@@ -212,11 +203,4 @@
{{ related|safe }}
</nav>
- </main>
-
-
-
-
-
- </body>
-</html>
+{% endblock main %}
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-24 08:08:51 +0000