giers10/youtube_summarizer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: Add UI for YouTube cookie source settings and sign-in dialog

Browse Source
This commit is contained in:
Victor Giers
2026-05-08 02:08:18 +02:00
parent d67808df5a
commit a8015ba98a
1 changed files with 128 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
ui/index.html
View File

@@ -317,6 +317,20 @@
font-size: 14px;
font-weight: bold;
}
.settings-field-group[hidden] {
display: none;
}
.settings-help {
margin: 6px 0 0;
font-size: 13px;
line-height: 1.35;
color: #be123c;
}
.settings-inline-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 10px;
}
.settings-prompt-textarea {
width: 100%;
min-height: 260px;
@@ -350,6 +364,9 @@
background: #9f1239;
color: #fff;
}
.cookie-panel {
width: min(560px, 100%);
}
</style>
</head>
<body>
@@ -386,6 +403,57 @@
autocomplete="off"
spellcheck="false"
/>
<label for="youtube-cookie-source-select" class="settings-field-label">YouTube Cookies</label>
<select id="youtube-cookie-source-select" class="settings-input"></select>
<div class="settings-inline-grid">
<div class="settings-field-group">
<label for="youtube-cookie-profile-input" class="settings-field-label">Browser Profile</label>
<input
type="text"
id="youtube-cookie-profile-input"
class="settings-input"
placeholder="Default"
autocomplete="off"
spellcheck="false"
/>
</div>
<div class="settings-field-group">
<label for="youtube-cookie-container-input" class="settings-field-label">Firefox Container</label>
<input
type="text"
id="youtube-cookie-container-input"
class="settings-input"
placeholder="none"
autocomplete="off"
spellcheck="false"
/>
</div>
</div>
<div class="settings-field-group">
<label for="youtube-cookie-keyring-select" class="settings-field-label">Linux Keyring</label>
<select id="youtube-cookie-keyring-select" class="settings-input">
<option value="">Default</option>
<option value="basictext">basictext</option>
<option value="gnomekeyring">gnomekeyring</option>
<option value="kwallet">kwallet</option>
<option value="kwallet5">kwallet5</option>
<option value="kwallet6">kwallet6</option>
</select>
</div>
<div class="settings-field-group">
<label for="youtube-cookie-file-input" class="settings-field-label">Cookies File</label>
<input
type="text"
id="youtube-cookie-file-input"
class="settings-input"
placeholder="/path/to/cookies.txt"
autocomplete="off"
spellcheck="false"
/>
</div>
<div class="settings-actions">
<button type="button" id="clear-youtube-cookie-source-button">Clear YouTube cookies source</button>
</div>
<label for="master-prompt-textarea" class="settings-field-label">Master Prompt</label>
<textarea id="master-prompt-textarea" class="settings-prompt-textarea" spellcheck="false"></textarea>
<div class="settings-actions">
@@ -403,6 +471,66 @@
</div>
</section>
</div>
<div id="cookie-dialog" class="settings-dialog cookie-dialog" hidden role="dialog" aria-modal="true" aria-labelledby="cookie-title">
<section class="settings-panel cookie-panel">
<div class="settings-panel-header">
<h2 id="cookie-title">YouTube Sign-In Required</h2>
</div>
<p id="cookie-message" class="settings-help"></p>
<label for="cookie-source-select" class="settings-field-label">Cookie Source</label>
<select id="cookie-source-select" class="settings-input"></select>
<div class="settings-inline-grid">
<div class="settings-field-group">
<label for="cookie-profile-input" class="settings-field-label">Browser Profile</label>
<input
type="text"
id="cookie-profile-input"
class="settings-input"
placeholder="Default"
autocomplete="off"
spellcheck="false"
/>
</div>
<div class="settings-field-group">
<label for="cookie-container-input" class="settings-field-label">Firefox Container</label>
<input
type="text"
id="cookie-container-input"
class="settings-input"
placeholder="none"
autocomplete="off"
spellcheck="false"
/>
</div>
</div>
<div class="settings-field-group">
<label for="cookie-keyring-select" class="settings-field-label">Linux Keyring</label>
<select id="cookie-keyring-select" class="settings-input">
<option value="">Default</option>
<option value="basictext">basictext</option>
<option value="gnomekeyring">gnomekeyring</option>
<option value="kwallet">kwallet</option>
<option value="kwallet5">kwallet5</option>
<option value="kwallet6">kwallet6</option>
</select>
</div>
<div class="settings-field-group">
<label for="cookie-file-input" class="settings-field-label">Cookies File</label>
<input
type="text"
id="cookie-file-input"
class="settings-input"
placeholder="/path/to/cookies.txt"
autocomplete="off"
spellcheck="false"
/>
</div>
<div class="settings-actions">
<button type="button" id="cookie-cancel-button">Cancel</button>
<button type="button" id="cookie-use-button">Use Source</button>
</div>
</section>
</div>
<div id="pagination-top" class="pagination" style="display:none;"></div>
<div id="summaries-container"></div>
<div id="pagination-bottom" class="pagination" style="display:none;"></div>