Import accounts from home page
This commit is contained in:
parent
cba0552ed0
commit
cf6310b89a
12 changed files with 222 additions and 62 deletions
|
@ -28,6 +28,13 @@ html
|
|||
.s-navigation--item.is-loading svg, .s-tag.is-loading svg, .s-sidebarwidget.is-loading svg {
|
||||
visibility: hidden;
|
||||
}
|
||||
.s-btn__icon.is-loading {
|
||||
--_li-offset: 0.7em;
|
||||
--_il-size: 1.5em;
|
||||
}
|
||||
.s-btn__icon.is-loading svg {
|
||||
display: none;
|
||||
}
|
||||
.s-navigation__toggle.s-navigation {
|
||||
--_na-item-bg: var(--black-150);
|
||||
}
|
||||
|
@ -98,7 +105,7 @@ html
|
|||
strong= filter
|
||||
a.s-btn.s-notice--btn(href=and({filter: null, filter_field: null, filter_fuzzy: null})) Clear
|
||||
else
|
||||
form.d-flex.ai-stretch.gx8.jc-space-between.baw0
|
||||
form.d-flex.ai-stretch.gx8.jc-space-between.baw0(hx-indicator="#search-submit")
|
||||
input.s-input(name="filter" placeholder="Search" autocomplete="off").fl-grow1
|
||||
input(type="hidden" name="filter_field" value=
|
||||
( arrange === "artist" ? "band_name"
|
||||
|
@ -108,11 +115,10 @@ html
|
|||
input(type="hidden" name="filter_fuzzy" value="true")
|
||||
input(type="hidden" name="arrange" value=arrange)
|
||||
input(type="hidden" name="shape" value=shape)
|
||||
button.s-btn.s-btn__xs.s-btn__outlined.s-btn__muted!= icons.get("search")
|
||||
button.s-btn.s-btn__xs.s-btn__icon.s-btn__outlined.s-btn__muted#search-submit(style="height: 38px")!= icons.get("search")
|
||||
|
||||
.s-sidebarwidget.wmn3
|
||||
.s-sidebarwidget--header Collection
|
||||
a.s-sidebarwidget--action Refresh
|
||||
table.s-sidebarwidget--content.s-sidebarwidget__items
|
||||
tr.s-sidebarwidget--item
|
||||
th items
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
if downloader.total > 0
|
||||
.d-flex.jc-center#tag-download
|
||||
#tag-download
|
||||
if !downloader.running && !downloader.outcome
|
||||
form.s-notice.s-notice__info.d-flex.ai-center.p8.gx16.pl16(role="status" hx-swap="outerHTML" hx-target="#tag-download" hx-post="/api/tag-download")
|
||||
!= icons.get("info-circle")
|
||||
|
@ -8,15 +8,17 @@ if downloader.total > 0
|
|||
button.s-btn.s-btn__outlined Download now
|
||||
|
||||
else if !downloader.outcome
|
||||
.s-notice.p16(role="status" hx-swap="outerHTML" hx-target="#tag-download" hx-get=`/api/tag-download?account=${account}` hx-trigger="every 5s")
|
||||
.s-notice.p16(role="status" hx-swap="outerHTML" hx-target="#tag-download" hx-get=`/api/tag-download?account=${account}` hx-trigger="every 5s" hx-indicator="null")
|
||||
.d-flex.gx16.ai-center
|
||||
!= icons.get("cloud-download")
|
||||
div Downloading tags...
|
||||
.fl-grow1 Downloading tags...
|
||||
#tag-status-indicator
|
||||
p.mt12 You can keep using BC Explorer while this continues in the background.
|
||||
- let percentage = `${Math.round(downloader.processed/downloader.total*100)}%`
|
||||
.s-progress.mt16
|
||||
.s-progress--bar(style=`width: ${downloader.processed/downloader.total*100}%`)
|
||||
.s-progress--bar(style=`width: ${percentage}`)
|
||||
.d-flex.jc-space-between.fs-fine
|
||||
span= downloader.processed
|
||||
span= percentage
|
||||
span= downloader.total
|
||||
|
||||
else if downloader.outcome === "Success"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue