diff --git a/stashr/templates/new_releases_page.html b/stashr/templates/new_releases_page.html
index 626fc88..6b0b64d 100644
--- a/stashr/templates/new_releases_page.html
+++ b/stashr/templates/new_releases_page.html
@@ -154,15 +154,13 @@ Vue.component('releases', {
template: `
-
-
+
+
+
+
+
+
+ Sort
+
+
+
+
+
+
+ Library Status
+
+
+
+
+
`,
- data() { return { search: '', } },
+ data() { return { search: '', sorted: 'new_release_comic_name', library: ''} },
computed: {
filteredList() {
- return this.releases.filter(release => {
- return release.new_release_comic_name.toLowerCase().includes(this.search.toLowerCase())
- })
+ if (this.library == null) {
+ return this.releases
+ .filter(release => { return release.new_release_comic_name.toLowerCase().includes(this.search.toLowerCase()) })
+ .filter(release => { return release.status == null })
+ .sort((a, b) => a[this.sorted] - b[this.sorted])
+ } else if (this.library == 'library') {
+ return this.releases
+ .filter(release => { return release.new_release_comic_name.toLowerCase().includes(this.search.toLowerCase()) })
+ .filter(release => { return release.status != null })
+ .sort((a, b) => a[this.sorted] - b[this.sorted])
+ } else {
+ return this.releases
+ .filter(release => { return release.new_release_comic_name.toLowerCase().includes(this.search.toLowerCase()) })
+ .sort((a, b) => a[this.sorted] - b[this.sorted])
+ }
},
},
delimiters: ["[[","]]"]