wip: working movies & tvshows w/ filtering

2025-07-24 15:52:42 -05:00
parent 18b00fc5ae
commit 56c5156380
12 changed files with 215 additions and 186 deletions
--- a/assets/components/download-option-tr.js
+++ b/assets/components/download-option-tr.js
@@ -0,0 +1,93 @@
+export default class DownloadOptionTr extends HTMLTableRowElement {
+    H264_CODECS = ['h264', 'h.264', 'x264']
+    H265_CODECS = ['h265', 'h.265', 'x265', 'hevc']
+
+    size;
+    quality;
+    resolution;
+    codec;
+    seeders;
+    provider;
+    languages;
+    mediaType;
+    season;
+    episode;
+
+    constructor() {
+        super();
+        this.size = this.getAttribute('size');
+        this.quality = this.getAttribute('quality');
+        this.resolution = this.getAttribute('resolution');
+        this.codec = this.getAttribute('codec');
+        this.seeders = this.getAttribute('seeders');
+        this.provider = this.getAttribute('provider');
+        this.languages = JSON.parse(this.getAttribute('languages'));
+        this.mediaType = this.getAttribute('media-type');
+        this.season = this.getAttribute('season') ?? null;
+        this.episode = this.getAttribute('episode') ?? null;
+
+        // document.addEventListener('filterDownloadOptions', this.filter.bind(this));
+    }
+    connectedCallback() {
+
+    }
+
+    // attribute change
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue) return;
+        this[ property ] = newValue;
+    }
+
+    static get observedAttributes() {
+        return ['size', 'quality', 'resolution', 'codec', 'seeders', 'provider'];
+    }
+
+    filter({ detail: { activeFilter } }) {
+        const optionHeader = document.querySelector(`[data-option-id="${this.dataset['localId']}"]`)
+        const props = {
+            "resolution": this.resolution.trim(),
+            "codec": this.codec.trim(),
+            "provider": this.provider.trim(),
+            "languages": this.languages,
+            "quality": this.quality,
+        }
+
+        let include = true;
+        this.classList.add('r-tablerow');
+        this.classList.remove('hidden');
+        optionHeader.classList.add('r-tablerow');
+        optionHeader.classList.remove('hidden');
+
+        this.querySelector('input[type="checkbox"]').checked = false;
+
+        for (let [key, value] of Object.entries(activeFilter)) {
+            if (value === "" || key === "season") {
+                continue;
+            }
+            if (key === "codec" && value === "h264") {
+                if (!this.H264_CODECS.includes(props[key].toLowerCase())) {
+                    include = false;
+                }
+            } else if (key === "codec" && value === "h265") {
+                if (!this.H265_CODECS.includes(props[key].toLowerCase())) {
+                    include = false;
+                }
+            } else if (key === "language") {
+                if (!props["languages"].includes(value)) {
+                    include = false;
+                }
+            } else if (props[key] !== value) {
+                include = false;
+            }
+        }
+
+        if (false === include) {
+            this.classList.remove('r-tablerow');
+            this.classList.add('hidden');
+            optionHeader.classList.remove('r-tablerow');
+            optionHeader.classList.add('hidden');
+        }
+
+        return include;
+    }
+}