From 2c77af21d68e7d11dda04f95d98b4f3a231d33f1 Mon Sep 17 00:00:00 2001
From: Core <64542347+coredev-uk@users.noreply.github.com>
Date: Thu, 23 Jun 2022 04:39:35 +0100
Subject: [PATCH] Front-end implementation + bug fixes

---
 src/main/base/store.ts                |  2 +-
 src/renderer/views/pages/settings.ejs | 27 +++++++++++++++++++++------
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/main/base/store.ts b/src/main/base/store.ts
index fef12bc8..03a1a642 100644
--- a/src/main/base/store.ts
+++ b/src/main/base/store.ts
@@ -132,7 +132,7 @@ export class Store {
                 "enabled": false,
                 "scrobble_after": 50,
                 "filter_loop": false,
-                "filter_types": [],
+                "filter_types": {},
                 "secrets": {
                     "username": "",
                     "key": ""
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index 915a2c0d..9bc3b0b7 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -1077,6 +1077,18 @@
                                 </label>
                             </div>
                         </div>
+                        <div class="md-option-line" v-show="app.cfg.connectivity.lastfm.enabled">
+                            <div class="md-option-segment">
+                                {{$root.getLz('settings.option.connectivity.lastfmScrobble.filterTypes')}}
+                                <small>{{$root.getLz('settings.option.connectivity.lastfmScrobble.filterTypes.description')}}</small>
+                            </div>
+                            <div class="md-option-segment md-option-segment_auto">
+                                <label>
+                                    <input type="checkbox" @change="filterChange" value="song">{{$root.getLz('term.songs')}}<br>
+                                    <input type="checkbox" @change="filterChange" value="musicVideo">{{$root.getLz('term.musicVideos')}}<br>
+                                </label>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </b-tab>
@@ -1485,9 +1497,9 @@
                 ipcRenderer.send('reloadRPC')
             },
 	        lfmDisconnect() {
-				app.cfg.connectivity.lastfm.enabled = false;
-				app.cfg.connectivity.lastfm.secrets.username = "";
-				app.cfg.connectivity.lastfm.secrets.key = "";
+				this.$root.cfg.connectivity.lastfm.enabled = false;
+				this.$root.cfg.connectivity.lastfm.secrets.username = "";
+				this.$root.cfg.connectivity.lastfm.secrets.key = "";
 				ipcRenderer.send('lastfm:disconnect');
 	        },
 	        async lfmAuthorize() {
@@ -1503,13 +1515,16 @@
 		        }, 20000);
 
 		        ipcRenderer.once('lastfm:authenticated', (_e, session) => {
-			        app.cfg.connectivity.lastfm.secrets.username = session.username
-			        app.cfg.connectivity.lastfm.secrets.key = session.key
-			        app.cfg.connectivity.lastfm.enabled = true
+			        this.$root.cfg.connectivity.lastfm.secrets.username = session.username
+			        this.$root.cfg.connectivity.lastfm.secrets.key = session.key
+			        this.$root.cfg.connectivity.lastfm.enabled = true
 			        app.notyf.success(app.getLz('settings.notyf.connectivity.lastfmScrobble.connectSuccess'));
 		        })
 
 	        },
+	        filterChange(e) {
+                this.$root.cfg.connectivity.lastfm.filter_types[e.target.value] = e.target.checked;
+            }
         }
     })
 </script>
\ No newline at end of file