=erster versuche für eine sehr simple suche

This commit is contained in:
scammo 2021-07-26 17:53:28 +02:00
parent b911c52375
commit 68b8be3bca

View File

@ -25,6 +25,32 @@
> >
Bei der Suche ist ein Fehler aufgetreten Bei der Suche ist ein Fehler aufgetreten
</div> </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> </div>
</template> </template>
<script> <script>
@ -35,6 +61,7 @@ export default {
return { return {
showErrorMessage: false, showErrorMessage: false,
searchText: "", searchText: "",
searchResults: null,
}; };
}, },
methods: { methods: {
@ -51,6 +78,13 @@ export default {
); );
console.log(result) 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) { } catch (error) {
console.error(error); console.error(error);
this.showErrorMessage = true; this.showErrorMessage = true;