josh/dashy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

⚡ Include the index in item ID

Browse Source
This commit is contained in:
Alicia Sykes
2021-10-10 21:08:49 +01:00
parent 7f555ee142
commit 2f3b89bbb0
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/LinkItems/Section.vue
View File

@@ -17,9 +17,9 @@
:style="gridStyle" :style="gridStyle"
> >
<Item <Item
v-for="(item) in sortedItems" v-for="(item, index) in sortedItems"
:id="makeId(title, item.title)" :id="makeId(title, item.title, index)"
:key="makeId(title, item.title)" :key="makeId(title, item.title, index)"
:url="item.url" :url="item.url"
:title="item.title" :title="item.title"
:description="item.description" :description="item.description"
@@ -114,9 +114,10 @@ export default {
}, },
methods: { methods: {
/* Returns a unique lowercase string, based on name, for section ID */ /* Returns a unique lowercase string, based on name, for section ID */
makeId(sectionStr, itemStr) { makeId(sectionStr, itemStr, index) {
const charSum = sectionStr.split('').map((a) => a.charCodeAt(0)).reduce((x, y) => x + y); const charSum = sectionStr.split('').map((a) => a.charCodeAt(0)).reduce((x, y) => x + y);
return `${charSum}_${itemStr.replace(/\s+/g, '-').replace(/[^a-zA-Z ]/g, '').toLowerCase()}`; const itemTitleStr = itemStr.replace(/\s+/g, '-').replace(/[^a-zA-Z ]/g, '').toLowerCase();
return `${index}_${charSum}_${itemTitleStr}`;
}, },
/* Opens the iframe modal */ /* Opens the iframe modal */
triggerModal(url) { triggerModal(url) {