Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2025-02-17 11:38:24 +00:00
Code Issues Projects Releases Packages Wiki Activity

notes page clean up

Browse source
This commit is contained in:
Gamebrary 2021-05-10 13:19:24 -07:00
parent e8092d9ef7
commit 057f31de6c
1 changed files with 15 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/pages/NotesPage.vue
View file

@ -2,25 +2,21 @@
<!-- TODO: open notes from game modal on click? --> <!-- TODO: open notes from game modal on click? -->
<template lang="html"> <template lang="html">
<b-container> <b-container>
<portal to="dock">
<div class="d-flex">
<b-form-input
v-if="!showEmptyState"
type="search"
style="max-width: 200px"
placeholder="Search notes"
v-model="search"
/>
<!-- TODO: create add a note modal -->
<!-- <b-button variant="warning" class="ml-2" style="width: 120px;">
Add note
</b-button> -->
</div>
</portal>
<page-title <page-title
title="Notes" title="Notes"
/> >
<b-form-input
v-if="!showEmptyState"
type="search"
style="max-width: 200px"
placeholder="Search notes"
v-model="search"
/>
<!-- <b-button>
Add note
</b-button> -->
</page-title>
<empty-state <empty-state
v-if="showEmptyState" v-if="showEmptyState"
@ -86,14 +82,10 @@ export default {
}; };
}) })
.filter(({ gameName, note }) => { .filter(({ gameName, note }) => {
if (!this.search) { if (!this.search) return true;
return true;
}
const noteIsMatch = note && note.toLowerCase().includes(this.search.toLowerCase()); const noteIsMatch = note && note.toLowerCase().includes(this.search.toLowerCase());
const titleIsMatch = gameName const titleIsMatch = gameName && gameName.toLowerCase().includes(this.search.toLowerCase());
&& gameName.toLowerCase()
.includes(this.search.toLowerCase());
return noteIsMatch || titleIsMatch; return noteIsMatch || titleIsMatch;
}); });