zeitschlag/ki-frontend
0
0
Fork 0
forked from kompetenzinventar/ki-frontend
Code Issues Pull Requests Packages Projects Releases Wiki Activity

=erster versuche für eine sehr simple suche

Browse Source
This commit is contained in:
scammo 2021-07-26 17:53:28 +02:00
parent b911c52375
commit 68b8be3bca
1 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/Search.vue
View File

@ -25,6 +25,32 @@
>
Bei der Suche ist ein Fehler aufgetreten
</div>
<div v-if="!searchResults">Keine Suchergebnisse Gefunden</div>
<div v-else>
<div class="row">
<div class="col-4 p-2" v-for="result in searchResults" :key="result.user_id">
<router-link :to="{ path: `/s/profile/${result.user_id}` }">
<div class="card">
<div class="card-body">
<h5 class="card-title">
{{ result.nickname
}}<span v-if="result.pronouns"> ({{ result.pronouns }})</span>
</h5>
<h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
<p class="card-text" v-if="result.skills">
Fähigkeiten:
<span
v-for="skill in result.skills"
:key="skill.skill.name"
>{{ skill.skill.name }} </span
>
</p>
</div>
</div>
</router-link>
</div>
</div>
</div>
</div>
</template>
<script>
@ -35,6 +61,7 @@ export default {
return {
showErrorMessage: false,
searchText: "",
searchResults: null,
};
},
methods: {
@ -51,6 +78,13 @@ export default {
);
console.log(result)
this.searchResults = [
{"nickname": "peternichtlustig","user_id": 1,"skills": [ { "level": 5, "profile_id": 1, "skill": { "icon_url": "/skills/1/icon", "id": 1, "name": "PHP" } }, { "level": 3, "profile_id": 1, "skill": { "icon_url": "/skills/3/icon", "id": 3, "name": "Python" } } ],},
{"nickname": "Petra","user_id": 3,"skills": [ { "level": 3, "profile_id": 1, "skill": { "icon_url": "/skills/3/icon", "id": 3, "name": "Python" } } ],},
{"nickname": "Paul","user_id": 4,"skills": [ { "level": 5, "profile_id": 1, "skill": { "icon_url": "/skills/1/icon", "id": 1, "name": "PHP" } } ],},
{"nickname": "Keine Skills Sebastian","user_id": 5,}
]
} catch (error) {
console.error(error);
this.showErrorMessage = true;