Add user finder.
This commit is contained in:
parent
1f8d303863
commit
2ec7069b3c
6 changed files with 49 additions and 3 deletions
18
src/components/user_finder/user_finder.js
Normal file
18
src/components/user_finder/user_finder.js
Normal file
|
@ -0,0 +1,18 @@
|
|||
const UserFinder = {
|
||||
data: () => ({
|
||||
username: undefined
|
||||
}),
|
||||
methods: {
|
||||
findUser (username) {
|
||||
this.$store.state.api.backendInteractor.externalProfile(username)
|
||||
.then((user) => {
|
||||
if (!user.error) {
|
||||
this.$store.commit('addNewUsers', [user])
|
||||
this.$router.push({name: 'user-profile', params: {id: user.id}})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export default UserFinder
|
13
src/components/user_finder/user_finder.vue
Normal file
13
src/components/user_finder/user_finder.vue
Normal file
|
@ -0,0 +1,13 @@
|
|||
<template>
|
||||
<div class="user-finder-panel panel panel-default base00-background">
|
||||
<input @keyup.enter="findUser(username)" v-model="username" placeholder="Find user" id="user-finder-input" type="text" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script src="./user_finder.js"></script>
|
||||
|
||||
<style lang="scss">
|
||||
.user-finder-panel {
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
Loading…
Add table
Add a link
Reference in a new issue