mirror of
https://github.com/xpltdco/media-rip.git
synced 2026-04-03 02:53:58 -06:00
Invalid URL display, password mismatch hint
- Invalid URL error shows in preview-styled box instead of alongside
format picker. Options panel hidden when URL is invalid.
- Password mismatch warning ('Passwords don't match') shown live
below confirm field when values differ.
This commit is contained in:
parent
3d778246ca
commit
74ff9d3c08
2 changed files with 20 additions and 3 deletions
|
|
@ -339,6 +339,12 @@ function formatFilesize(bytes: number | null): string {
|
||||||
class="settings-input"
|
class="settings-input"
|
||||||
@keydown.enter="changePassword"
|
@keydown.enter="changePassword"
|
||||||
/>
|
/>
|
||||||
|
<span
|
||||||
|
v-if="confirmPassword && newPassword && confirmPassword !== newPassword"
|
||||||
|
class="password-mismatch"
|
||||||
|
>
|
||||||
|
Passwords don't match
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="settings-actions" style="margin-top: var(--space-sm);">
|
<div class="settings-actions" style="margin-top: var(--space-sm);">
|
||||||
<button
|
<button
|
||||||
|
|
@ -618,6 +624,11 @@ h3 {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.password-mismatch {
|
||||||
|
color: var(--color-warning);
|
||||||
|
font-size: var(--font-size-sm);
|
||||||
|
}
|
||||||
|
|
||||||
/* Expandable session rows */
|
/* Expandable session rows */
|
||||||
.session-row.clickable {
|
.session-row.clickable {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
|
||||||
|
|
@ -393,7 +393,8 @@ function formatTooltip(fmt: string): string {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="analyzeError" class="extract-error">
|
<!-- Error feedback — shown in preview area style -->
|
||||||
|
<div v-if="analyzeError && !isAnalyzing" class="url-preview error-preview">
|
||||||
{{ analyzeError }}
|
{{ analyzeError }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -405,9 +406,9 @@ function formatTooltip(fmt: string): string {
|
||||||
{{ store.submitError }}
|
{{ store.submitError }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Collapsible options panel -->
|
<!-- Collapsible options panel (hidden when URL is invalid) -->
|
||||||
<Transition name="options-slide">
|
<Transition name="options-slide">
|
||||||
<div v-if="showOptions" class="options-panel">
|
<div v-if="showOptions && !analyzeError" class="options-panel">
|
||||||
<!-- Output format selector -->
|
<!-- Output format selector -->
|
||||||
<div class="format-selector">
|
<div class="format-selector">
|
||||||
<label class="format-label">Output format</label>
|
<label class="format-label">Output format</label>
|
||||||
|
|
@ -658,6 +659,11 @@ button:disabled {
|
||||||
color: var(--color-text-muted);
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.url-preview.error-preview {
|
||||||
|
color: var(--color-error);
|
||||||
|
font-size: var(--font-size-sm);
|
||||||
|
}
|
||||||
|
|
||||||
.preview-header {
|
.preview-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue