|
|
|
@ -6,6 +6,7 @@ let kara = new Vue({ |
|
|
|
chatbox: null, |
|
|
|
chatbox: null, |
|
|
|
isTyping: false, |
|
|
|
isTyping: false, |
|
|
|
askedForName: false, |
|
|
|
askedForName: false, |
|
|
|
|
|
|
|
takeNote: false, |
|
|
|
username: '', |
|
|
|
username: '', |
|
|
|
themes: null, |
|
|
|
themes: null, |
|
|
|
activeTheme: 'slate', |
|
|
|
activeTheme: 'slate', |
|
|
|
@ -20,6 +21,7 @@ let kara = new Vue({ |
|
|
|
name: null, |
|
|
|
name: null, |
|
|
|
username: null |
|
|
|
username: null |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
notes: [], |
|
|
|
answers: [ |
|
|
|
answers: [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
includeAll: false, |
|
|
|
includeAll: false, |
|
|
|
@ -121,8 +123,16 @@ let kara = new Vue({ |
|
|
|
this.isTyping = true; |
|
|
|
this.isTyping = true; |
|
|
|
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
setTimeout(() => { |
|
|
|
if (this.askedForName === true) { |
|
|
|
// Check commands
|
|
|
|
|
|
|
|
if (this.checkForCommands(message, 'note')) { |
|
|
|
|
|
|
|
let noteToSave = this.checkForCommands(message, 'note'); |
|
|
|
|
|
|
|
this.saveNote(noteToSave); |
|
|
|
|
|
|
|
} else if (this.checkForCommands(message, 'clear')) { |
|
|
|
|
|
|
|
this.clearChat(); |
|
|
|
|
|
|
|
} else if (this.askedForName === true) { |
|
|
|
this.setName(message) |
|
|
|
this.setName(message) |
|
|
|
|
|
|
|
} else if (this.takeNote === true) { |
|
|
|
|
|
|
|
this.saveNote(message) |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
let answer = this.getAnswer(message); |
|
|
|
let answer = this.getAnswer(message); |
|
|
|
if (answer) { |
|
|
|
if (answer) { |
|
|
|
@ -134,7 +144,7 @@ let kara = new Vue({ |
|
|
|
|
|
|
|
|
|
|
|
this.isTyping = false; |
|
|
|
this.isTyping = false; |
|
|
|
this.scrollDown(); |
|
|
|
this.scrollDown(); |
|
|
|
}, 3000); |
|
|
|
}, 2000); |
|
|
|
}, |
|
|
|
}, |
|
|
|
scrollDown() { |
|
|
|
scrollDown() { |
|
|
|
$('#chat-box').stop().animate({ |
|
|
|
$('#chat-box').stop().animate({ |
|
|
|
@ -144,9 +154,7 @@ let kara = new Vue({ |
|
|
|
oneOf(answers) { |
|
|
|
oneOf(answers) { |
|
|
|
let amountOfAnswers = answers.length; |
|
|
|
let amountOfAnswers = answers.length; |
|
|
|
let randomIndex = Math.floor(Math.random() * (amountOfAnswers)); |
|
|
|
let randomIndex = Math.floor(Math.random() * (amountOfAnswers)); |
|
|
|
console.log(randomIndex); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
console.log(answers[randomIndex]); |
|
|
|
|
|
|
|
return this.convertWildcards(answers[randomIndex]); |
|
|
|
return this.convertWildcards(answers[randomIndex]); |
|
|
|
}, |
|
|
|
}, |
|
|
|
convertWildcards(message) { |
|
|
|
convertWildcards(message) { |
|
|
|
@ -177,6 +185,28 @@ let kara = new Vue({ |
|
|
|
|
|
|
|
|
|
|
|
return includesAllPhrases; |
|
|
|
return includesAllPhrases; |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
checkForCommands(message, commands) { |
|
|
|
|
|
|
|
if (!Array.isArray(commands)) { |
|
|
|
|
|
|
|
commands = [commands]; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let commandFound = false; |
|
|
|
|
|
|
|
let parameter = false; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
commands.forEach((command) => { |
|
|
|
|
|
|
|
if (commandFound) { |
|
|
|
|
|
|
|
return; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
let commandString = '/' + command; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (message.search(commandString) === 0) { |
|
|
|
|
|
|
|
parameter = message.replace(commandString, '').trim(); |
|
|
|
|
|
|
|
commandFound = true; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return parameter ? parameter : commandFound; |
|
|
|
|
|
|
|
}, |
|
|
|
cleanupMessage(message) { |
|
|
|
cleanupMessage(message) { |
|
|
|
message = message.toLowerCase(); |
|
|
|
message = message.toLowerCase(); |
|
|
|
return message.replace('?', '') |
|
|
|
return message.replace('?', '') |
|
|
|
@ -205,6 +235,7 @@ let kara = new Vue({ |
|
|
|
}, |
|
|
|
}, |
|
|
|
getAnswer(message) { |
|
|
|
getAnswer(message) { |
|
|
|
message = this.cleanupMessage(message); |
|
|
|
message = this.cleanupMessage(message); |
|
|
|
|
|
|
|
|
|
|
|
let phrases = message.split(' '); |
|
|
|
let phrases = message.split(' '); |
|
|
|
let answer = undefined; |
|
|
|
let answer = undefined; |
|
|
|
|
|
|
|
|
|
|
|
@ -213,6 +244,19 @@ let kara = new Vue({ |
|
|
|
return "Please tell me how i should call you."; |
|
|
|
return "Please tell me how i should call you."; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if ( |
|
|
|
|
|
|
|
this.includesAllOf(phrases, ['new', 'note']) || |
|
|
|
|
|
|
|
this.includesAllOf(phrases, ['new', 'task']) || |
|
|
|
|
|
|
|
this.includesAllOf(phrases, ['save', 'to', 'clipboard']) |
|
|
|
|
|
|
|
) { |
|
|
|
|
|
|
|
this.takeNote = true; |
|
|
|
|
|
|
|
return this.oneOf([ |
|
|
|
|
|
|
|
"What do you wan't me to save for you?", |
|
|
|
|
|
|
|
"Tell me what you wan't to save.", |
|
|
|
|
|
|
|
"What is it you wan't to save?", |
|
|
|
|
|
|
|
]); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (this.includesAllOf(phrases, ['clear', 'chat'])) { |
|
|
|
if (this.includesAllOf(phrases, ['clear', 'chat'])) { |
|
|
|
this.clearChat() |
|
|
|
this.clearChat() |
|
|
|
return false; |
|
|
|
return false; |
|
|
|
@ -267,7 +311,6 @@ let kara = new Vue({ |
|
|
|
let includeAll = this.addModal.includeAll; |
|
|
|
let includeAll = this.addModal.includeAll; |
|
|
|
let keywords = this.cleanupMessage(this.addModal.keywords).split(','); |
|
|
|
let keywords = this.cleanupMessage(this.addModal.keywords).split(','); |
|
|
|
let responses = this.addModal.responses; |
|
|
|
let responses = this.addModal.responses; |
|
|
|
console.log(this.addModal.responses); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.answers.push({ |
|
|
|
this.answers.push({ |
|
|
|
includeAll: includeAll, |
|
|
|
includeAll: includeAll, |
|
|
|
@ -287,6 +330,7 @@ let kara = new Vue({ |
|
|
|
localStorage.setItem('activeTheme', this.activeTheme); |
|
|
|
localStorage.setItem('activeTheme', this.activeTheme); |
|
|
|
localStorage.setItem('messages', JSON.stringify(this.messages)); |
|
|
|
localStorage.setItem('messages', JSON.stringify(this.messages)); |
|
|
|
localStorage.setItem('answers', JSON.stringify(this.answers)); |
|
|
|
localStorage.setItem('answers', JSON.stringify(this.answers)); |
|
|
|
|
|
|
|
localStorage.setItem('notes', JSON.stringify(this.notes)); |
|
|
|
}, |
|
|
|
}, |
|
|
|
getSavedData() { |
|
|
|
getSavedData() { |
|
|
|
let savedName = localStorage.getItem('name'); |
|
|
|
let savedName = localStorage.getItem('name'); |
|
|
|
@ -305,6 +349,9 @@ let kara = new Vue({ |
|
|
|
let savedAnswers = JSON.parse(localStorage.getItem('answers')); |
|
|
|
let savedAnswers = JSON.parse(localStorage.getItem('answers')); |
|
|
|
this.answers = savedAnswers ? savedAnswers : this.answers; |
|
|
|
this.answers = savedAnswers ? savedAnswers : this.answers; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let savedNotes = JSON.parse(localStorage.getItem('notes')); |
|
|
|
|
|
|
|
this.notes = savedNotes ? savedNotes : this.notes; |
|
|
|
|
|
|
|
|
|
|
|
this.scrollDown(); |
|
|
|
this.scrollDown(); |
|
|
|
}, |
|
|
|
}, |
|
|
|
askForName() { |
|
|
|
askForName() { |
|
|
|
@ -333,6 +380,24 @@ let kara = new Vue({ |
|
|
|
]) |
|
|
|
]) |
|
|
|
) |
|
|
|
) |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
saveNote(message) { |
|
|
|
|
|
|
|
this.takeNote = false; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.notes.push({ |
|
|
|
|
|
|
|
time: moment(), |
|
|
|
|
|
|
|
body: message, |
|
|
|
|
|
|
|
checked: false |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.updateStorage(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.botMessage( |
|
|
|
|
|
|
|
this.oneOf([ |
|
|
|
|
|
|
|
"Saved! :)", |
|
|
|
|
|
|
|
"You can read and check your notes in the clipboard-section. :)" |
|
|
|
|
|
|
|
]) |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
}, |
|
|
|
saveSettings() { |
|
|
|
saveSettings() { |
|
|
|
this.name = this.settingsModal.name; |
|
|
|
this.name = this.settingsModal.name; |
|
|
|
this.username = this.settingsModal.username; |
|
|
|
this.username = this.settingsModal.username; |
|
|
|
@ -344,6 +409,7 @@ let kara = new Vue({ |
|
|
|
clearChat() { |
|
|
|
clearChat() { |
|
|
|
this.messages = []; |
|
|
|
this.messages = []; |
|
|
|
this.botMessage('Chat cleared.'); |
|
|
|
this.botMessage('Chat cleared.'); |
|
|
|
|
|
|
|
this.updateStorage(); |
|
|
|
}, |
|
|
|
}, |
|
|
|
clearStorage() { |
|
|
|
clearStorage() { |
|
|
|
localStorage.clear(); |
|
|
|
localStorage.clear(); |
|
|
|
@ -354,7 +420,6 @@ let kara = new Vue({ |
|
|
|
|
|
|
|
|
|
|
|
axios.get('https://bootswatch.com/api/4.json') |
|
|
|
axios.get('https://bootswatch.com/api/4.json') |
|
|
|
.then(function (response) { |
|
|
|
.then(function (response) { |
|
|
|
console.log(response.data.themes); |
|
|
|
|
|
|
|
vue.themes = response.data.themes; |
|
|
|
vue.themes = response.data.themes; |
|
|
|
}) |
|
|
|
}) |
|
|
|
.catch(function (error) { |
|
|
|
.catch(function (error) { |
|
|
|
|
stingl
5 years ago