From 9bc5d9ab5d332ce1f4c7bbd9471cc53038e60af9 Mon Sep 17 00:00:00 2001 From: Erin RIvas Date: Fri, 16 Aug 2019 22:41:34 -0500 Subject: [PATCH 1/2] adding alphabetical auto-sorting of resources --- pages/_category.vue | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/pages/_category.vue b/pages/_category.vue index 7f759d5..6c0c019 100644 --- a/pages/_category.vue +++ b/pages/_category.vue @@ -43,10 +43,20 @@ export default { resource.path = `${pagePath}?card=${resource.cleanTitle}` resource.active = (resource.cleanTitle === query) ? 'card--active' : '' } - return category + category.resources.sort(this.compareTitles) + return category }, }, methods: { + compareTitles(x, y) { + if (x.cleanTitle > y.cleanTitle) { + return 1 + } else if (x.cleanTitle < y.cleanTitle) { + return -1 + } else { + return 0 + } + }, onToggle(index) { if (this.activeCard === index) { this.activeCard = null; From 00adc1b6699d422e5f4b2e9bd9402f5522fefb03 Mon Sep 17 00:00:00 2001 From: Erin RIvas Date: Tue, 20 Aug 2019 21:08:17 -0500 Subject: [PATCH 2/2] Correcting extra div in DOM --- pages/_category.vue | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/pages/_category.vue b/pages/_category.vue index 6c0c019..ae5e67d 100644 --- a/pages/_category.vue +++ b/pages/_category.vue @@ -2,14 +2,12 @@ div h1 {{ category.title }} .cards(v-if="cardsShown") - template - div(v-for='resource in category.resources' :key='resource.title') - Card(:resource='resource' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.title') + template(v-for='resource in category.resources' ) + Card(:resource='resource' :key='resource.title' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.title') table(v-if="!cardsShown") TableHead(:title="'Welcome'" :desc="'Description'" :url="'URL'") - template - div(v-for='resource in category.resources' :key='resource.title') - TableRow(:resource='resource' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.title') + template(v-for='resource in category.resources' ) + TableRow(:resource='resource' :key='resource.title' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.title')