aboutsummaryrefslogtreecommitdiffstats
path: root/yt_subscription_manager_template.html
blob: 76cd864d98fa6e7e8bbafaf377eba8ae52f2c394 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
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>