Cronocide/WebMessage
1
0
Fork 0
mirror of https://github.com/Cronocide/WebMessage.git synced 2025-01-22 19:28:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Simple search bar functionality

Browse Source
This commit is contained in:
Aziz Hasanain 2020-12-27 20:46:14 +03:00
parent b467b3d86b
commit ebb10bd954
3 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/App.vue
View File

@ -25,10 +25,10 @@
</div> </div>
</div> </div>
<div class="searchContainer"> <div class="searchContainer">
<input type="search" placeholder="Search" class="textinput" /> <input type="search" placeholder="Search" class="textinput" v-model="search" />
</div> </div>
<simplebar class="chats" ref="chats" data-simplebar-auto-hide="false"> <simplebar class="chats" ref="chats" data-simplebar-auto-hide="false">
<chat v-for="chat in chats" :key="chat.id" :chatid="chat.id" <chat v-for="chat in filteredChats" :key="chat.id" :chatid="chat.id"
:author="chat.author" :author="chat.author"
:text="chat.text" :text="chat.text"
:date="chat.date" :date="chat.date"
@ -60,11 +60,19 @@ export default {
data: function () { data: function () {
return { return {
chats: [], chats: [],
limit: 25, limit: 50,
offset: 0, offset: 0,
loading: false, loading: false,
notifSound: null, notifSound: null,
updateAvailable: false updateAvailable: false,
search: ''
}
},
computed: {
filteredChats() {
return this.chats.filter((chat) => {
return chat.author.toLowerCase().includes(this.search.toLowerCase()) || chat.text.toLowerCase().includes(this.search.toLowerCase())
})
} }
}, },
methods: { methods: {

2
src/background.js
View File

@ -52,7 +52,7 @@ async function createWindow() {
if (process.env.WEBPACK_DEV_SERVER_URL) { if (process.env.WEBPACK_DEV_SERVER_URL) {
// Load the url of the dev server if in development mode // Load the url of the dev server if in development mode
await win.loadURL(process.env.WEBPACK_DEV_SERVER_URL) await win.loadURL(process.env.WEBPACK_DEV_SERVER_URL)
//if (!process.env.IS_TEST) win.webContents.openDevTools({mode:'undocked'}) if (!process.env.IS_TEST) win.webContents.openDevTools({mode:'undocked'})
//Log autoUpdater in development //Log autoUpdater in development
autoUpdater.logger = require("electron-log") autoUpdater.logger = require("electron-log")

5
src/components/Message.vue
View File

@ -187,6 +187,8 @@ export default {
this.autoCompleteInput(input.value) this.autoCompleteInput(input.value)
} }
} }
this.$nextTick(this.autoCompleteHooks)
}, },
isEmojis(msgText) { isEmojis(msgText) {
const regex = /<% RGI_Emoji %>|\p{Emoji_Presentation}|\p{Emoji}\uFE0F|\p{Emoji_Modifier_Base}/gu const regex = /<% RGI_Emoji %>|\p{Emoji_Presentation}|\p{Emoji}\uFE0F|\p{Emoji_Modifier_Base}/gu
@ -295,7 +297,7 @@ export default {
} }
}, },
mounted () { mounted () {
this.autoCompleteHooks() this.$nextTick(this.autoCompleteHooks)
this.fetchMessages() this.fetchMessages()
}, },
socket: { socket: {
@ -343,6 +345,7 @@ export default {
} }
return return
} }
if (Object.keys(message).length == 0) { if (Object.keys(message).length == 0) {
console.log("Received a message, but content was empty.") console.log("Received a message, but content was empty.")
} else { } else {