From 163814d35cbcad575d0deec54b31b94e2bbaaebb Mon Sep 17 00:00:00 2001 From: James Taylor Date: Sat, 10 Aug 2019 00:09:03 -0700 Subject: Convert subscriptions page to flask framework --- youtube/templates/subscriptions.html | 97 ++++++++++++++++++++++++++++++++++++ 1 file changed, 97 insertions(+) create mode 100644 youtube/templates/subscriptions.html (limited to 'youtube/templates') diff --git a/youtube/templates/subscriptions.html b/youtube/templates/subscriptions.html new file mode 100644 index 0000000..a3227b1 --- /dev/null +++ b/youtube/templates/subscriptions.html @@ -0,0 +1,97 @@ +{% set page_title = 'Subscriptions' %} +{% extends "base.html" %} +{% import "common_elements.html" as common_elements %} + +{% block style %} + main{ + display:flex; + flex-direction: row; + } + .item-grid{ + flex-grow: 1; + } + .subscriptions-sidebar{ + flex-basis: 300px; + background-color: #dadada; + border-left: 2px; + } + .sidebar-links{ + display:flex; + justify-content: space-between; + padding-left:10px; + padding-right: 10px; + } + + .sidebar-list{ + list-style: none; + padding-left:10px; + padding-right: 10px; + } + .sidebar-list-item{ + display:flex; + justify-content: space-between; + margin-bottom: 5px; + } + .sub-refresh-list .sidebar-item-name{ + text-overflow: clip; + white-space: nowrap; + overflow: hidden; + max-width: 200px; + } + .muted{ + background-color: #888888; + } +{% endblock style %} + +{% block main %} + + +
+
+ Subscription Manager +
+ + + +
+
+ +
+
    + {% for tag in tags %} +
  1. + {{ tag }} +
    + + + + +
    +
    2. + {% endfor %} +
+ +
    + {% for subscription in subscription_list %} +
  1. + {{ subscription['channel_name'] }} +
    + + + + +
    +
    2. + {% endfor %} +
+ +
+ + +{% endblock main %} -- cgit v1.2.3 From 33bba9762c7f96a754351f3422f74364c5bdecac Mon Sep 17 00:00:00 2001 From: James Taylor Date: Sat, 10 Aug 2019 17:05:14 -0700 Subject: Convert subscription manager to flask framework --- youtube/templates/subscription_manager.html | 141 ++++++++++++++++++++++++++++ youtube/templates/unsubscribe_verify.html | 19 ++++ 2 files changed, 160 insertions(+) create mode 100644 youtube/templates/subscription_manager.html create mode 100644 youtube/templates/unsubscribe_verify.html (limited to 'youtube/templates') diff --git a/youtube/templates/subscription_manager.html b/youtube/templates/subscription_manager.html new file mode 100644 index 0000000..838f4af --- /dev/null +++ b/youtube/templates/subscription_manager.html @@ -0,0 +1,141 @@ +{% set page_title = 'Subscription Manager' %} +{% extends "base.html" %} +{% block style %} + .import-export{ + display: flex; + flex-direction: row; + } + .subscriptions-import-form{ + background-color: #dadada; + display: flex; + flex-direction: column; + align-items: flex-start; + max-width: 300px; + padding:10px; + } + .subscriptions-import-form h2{ + font-size: 20px; + margin-bottom: 10px; + } + + .import-submit-button{ + margin-top:15px; + align-self: flex-end; + } + + + .subscriptions-export-links{ + margin: 0px 0px 0px 20px; + background-color: #dadada; + list-style: none; + max-width: 300px; + padding:10px; + } + + .sub-list-controls{ + background-color: #dadada; + padding:10px; + } + + + .tag-group-list{ + list-style: none; + margin-left: 10px; + margin-right: 10px; + padding: 0px; + } + .tag-group{ + border-style: solid; + margin-bottom: 10px; + } + + .sub-list{ + list-style: none; + padding:10px; + column-width: 300px; + column-gap: 40px; + } + .sub-list-item{ + display:flex; + margin-bottom: 10px; + background-color: #dadada; + } + .tag-list{ + margin-left:15px; + font-weight:bold; + } + .sub-list-item-name{ + margin-left:15px; + } + .sub-list-checkbox{ + height: 1.5em; + width: 1.5em; + } + .muted{ + background-color: #888888; + } +{% endblock style %} + + +{% macro subscription_list(sub_list) %} + {% for subscription in sub_list %} +
  • + + {{ subscription['channel_name'] }} + {{ ', '.join(subscription['tags']) }} +
    • + {% endfor %} +{% endmacro %} + + + +{% block main %} +
    +
    +

    Import subscriptions

    + + +
    + + +
    + +
    + +
    + {% if group_by_tags %} + Don't group + {% else %} + Group by tags + {% endif %} + + + + + + + +
    + + + {% if group_by_tags %} + + {% else %} +
      + {{ subscription_list(sub_list) }} +
    + {% endif %} + +{% endblock main %} diff --git a/youtube/templates/unsubscribe_verify.html b/youtube/templates/unsubscribe_verify.html new file mode 100644 index 0000000..98581c0 --- /dev/null +++ b/youtube/templates/unsubscribe_verify.html @@ -0,0 +1,19 @@ +{% set page_title = 'Unsubscribe?' %} +{% extends "base.html" %} + +{% block main %} + Are you sure you want to unsubscribe from these channels? +
    + {% for channel_id, channel_name in unsubscribe_list %} + + {% endfor %} + + + +
    + +{% endblock main %} -- cgit v1.2.3 From 2617f87e17b94646eb5a248360a7e0f9b7675d3e Mon Sep 17 00:00:00 2001 From: James Taylor Date: Sat, 10 Aug 2019 18:12:02 -0700 Subject: Add subscribe button on channels --- youtube/templates/channel.html | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'youtube/templates') diff --git a/youtube/templates/channel.html b/youtube/templates/channel.html index 069e33b..a9f3ac9 100644 --- a/youtube/templates/channel.html +++ b/youtube/templates/channel.html @@ -23,6 +23,9 @@ grid-column:2; margin-left: 5px; } + .summary subscribe-unsubscribe, .summary short-description{ + margin-top: 10px; + } main .channel-tabs{ grid-row:2; grid-column: 1 / span 2; @@ -90,6 +93,12 @@

    {{ channel_name }}

    {{ short_description }}

    +