| 506 | } |
| 507 | |
| 508 | function libraryScreen() { |
| 509 | return `<div class="screen scrl"> |
| 510 | <div class="pad"> |
| 511 | <div class="lib-head"> |
| 512 | <span class="h1">Library</span> |
| 513 | <div class="avatar">JS</div> |
| 514 | </div> |
| 515 | <div class="search">${ICON.search}<span>Search your library</span></div> |
| 516 | <div class="filters scrl">${FILTERS.map((f) => `<span class="filter ${f === state.filter ? "on" : ""}" data-action="filter" data-filter="${f}">${f}</span>`).join("")}</div> |
| 517 | ${libraryBody()} |
| 518 | </div> |
| 519 | </div>`; |
| 520 | } |
| 521 | |
| 522 | function extractProgressCard() { |
| 523 | const j = state.extractJob; |