diff options
| author | James Taylor <user234683@users.noreply.github.com> | 2019-06-07 21:15:16 -0700 |
|---|---|---|
| committer | James Taylor <user234683@users.noreply.github.com> | 2019-06-07 21:35:00 -0700 |
| commit | 60fe4b2e75e8475b20001c84e01b642a3b3ebcc3 (patch) | |
| tree | ae783d72ed7eaa42fd1cf822b1af1f14be00d734 /yt_subscription_manager_template.html | |
| parent | ae5fd9eb009c6522e7d7971e0bdea57faaaf2b3c (diff) | |
| download | yt-local-60fe4b2e75e8475b20001c84e01b642a3b3ebcc3.tar.lz yt-local-60fe4b2e75e8475b20001c84e01b642a3b3ebcc3.tar.xz yt-local-60fe4b2e75e8475b20001c84e01b642a3b3ebcc3.zip | |
Add subscription manager system
Diffstat (limited to 'yt_subscription_manager_template.html')
| -rw-r--r-- | yt_subscription_manager_template.html | 99 |
1 files changed, 99 insertions, 0 deletions
diff --git a/yt_subscription_manager_template.html b/yt_subscription_manager_template.html new file mode 100644 index 0000000..76cd864 --- /dev/null +++ b/yt_subscription_manager_template.html @@ -0,0 +1,99 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>Subscription Manager</title> + <link href="/youtube.com/shared.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"> + <style type="text/css"> + + .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; + } + + .sub-list{ + list-style: none; + padding:10px; + column-width: 300px; + column-gap: 40px; + } + .sub-list > li{ + display:flex; + justify-content: space-between; + margin-bottom: 10px; + background-color: #dadada; + } + .sub-list-checkbox{ + height: 1.5em; + width: 1.5em; + } + </style> + </head> + <body> +$header + <main> + + <div class="import-export"> + <form class="subscriptions-import-form" enctype="multipart/form-data" action="/youtube.com/import_subscriptions" method="POST"> + <h2>Import subscriptions</h2> + <input type="file" id="subscriptions-import" accept="application/json, application/xml, text/x-opml" name="subscriptions_file"> + <input type="submit" value="Import" class="import-submit-button"> + </form> + + <ul class="subscriptions-export-links"> + <li><a href="/youtube.com/subscriptions.opml">Export subscriptions (OPML)</a></li> + <li><a href="/youtube.com/subscriptions.xml">Export subscriptions (RSS)</a></li> + </ul> + </div> + + <hr> + + <form id="subscription-manager-form" class="sub-list-controls" method="POST"> + <a class="sort-button" href="/youtube.com/subscription_manager?group_by_tags=1">Group by tags</a> + <input type="text" name="tags"> + <button type="submit" name="action" value="add_tags">Add tags</button> + <button type="submit" name="action" value="remove_tags">Remove tags</button> + <button type="submit" name="action" value="unsubscribe_verify">Unsubscribe</button> + <input type="reset" value="Clear Selection"> + </form> + + <ol class="sub-list"> +$sub_list + </ol> + + </main> + </body> +</html> |