diff --git a/app.css b/app.css
index 25465bb..3cd6f4c 100644
--- a/app.css
+++ b/app.css
@@ -109,4 +109,10 @@ img.message-image {
.fa-check-circle {
color: green;
-}
\ No newline at end of file
+}
+
+.message-container {
+ overflow-y: auto;
+ overflow-x: hidden;
+ max-height: 300px
+}
diff --git a/app.js b/app.js
index ff4e9d5..3eca10f 100644
--- a/app.js
+++ b/app.js
@@ -468,6 +468,10 @@ let kara = new Vue({
}
});
+ if (this.checkForCommands(message, 'lyrics')) {
+ this.rsaLyrics(this.checkForCommands(message, 'lyrics'));
+ }
+
if (this.checkForCommands(message, 'quiz')) {
this.startQuiz();
}
@@ -728,6 +732,26 @@ let kara = new Vue({
vue.botMessage(response.data.fact);
})
},
+ rsaLyrics(searchFor) {
+ let vue = this;
+
+ axios.post('/api/curlJson', {
+ url: 'https://some-random-api.ml/lyrics/?title=' + searchFor.replace(' ', '%20')
+ })
+ .catch((error) => {
+ vue.botMessage("Hmm.. i just can't remember the lyrics, but i love that song! 🎵🎧");
+ })
+ .then((response) => {
+ vue.addImageMessage({
+ body: "Here you go!
" +
+ "
" +
+ response.data.title + ' from ' + response.data.author + '
' +
+ '
' +
+ response.data.lyrics,
+ src: response.data.thumbnail.genius
+ });
+ })
+ },
// LocalStorage
getSavedData() {
diff --git a/index.html b/index.html
index 069ec0a..f06d0e7 100644
--- a/index.html
+++ b/index.html
@@ -36,11 +36,11 @@
- {{ message.body }}
+