Added option to sort by date

This commit is contained in:
Sebastian Lay 2021-08-17 02:38:21 +02:00
parent 6b1b65d621
commit a0e3c881a4
No known key found for this signature in database
GPG Key ID: A699D9B80D6068AA
2 changed files with 3 additions and 0 deletions

View File

@ -57,6 +57,7 @@
<button v-on:click="sort" v-bind:class="[ sortBy === 'popularity' ? 'active' : '', sortBy === 'popularity' ? sortDir : '' ]">popularity</button> <button v-on:click="sort" v-bind:class="[ sortBy === 'popularity' ? 'active' : '', sortBy === 'popularity' ? sortDir : '' ]">popularity</button>
<button v-on:click="sort" v-bind:class="[ sortBy === 'name' ? 'active' : '', sortBy === 'name' ? sortDir : '' ]">name</button> <button v-on:click="sort" v-bind:class="[ sortBy === 'name' ? 'active' : '', sortBy === 'name' ? sortDir : '' ]">name</button>
<button v-on:click="sort" v-bind:class="[ sortBy === 'price' ? 'active' : '', sortBy === 'price' ? sortDir : '' ]">price</button> <button v-on:click="sort" v-bind:class="[ sortBy === 'price' ? 'active' : '', sortBy === 'price' ? sortDir : '' ]">price</button>
<button v-on:click="sort" v-bind:class="[ sortBy === 'date' ? 'active' : '', sortBy === 'date' ? sortDir : '' ]">date</button>
<button v-on:click="sort" v-bind:class="[ sortBy === 'iso' ? 'active' : '', sortBy === 'iso' ? sortDir : '' ]">ISO</button> <button v-on:click="sort" v-bind:class="[ sortBy === 'iso' ? 'active' : '', sortBy === 'iso' ? sortDir : '' ]">ISO</button>
</section> </section>
</aside> </aside>

View File

@ -57,6 +57,8 @@ const app = new Vue({
return a.price - b.price; return a.price - b.price;
case 'iso': case 'iso':
return a.iso - b.iso; return a.iso - b.iso;
case 'date':
return a.launched - b.launched;
} }
}); });
if(sortDir === 'asc') { if(sortDir === 'asc') {