tyler.durden
/
dashy
mirror of https://github.com/Lissy93/dashy.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

⚡ Include the index in item ID

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
Show Stats 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"
>
<Item
v-for="(item) in sortedItems"
:id="makeId(title, item.title)"
:key="makeId(title, item.title)"
v-for="(item, index) in sortedItems"
:id="makeId(title, item.title, index)"
:key="makeId(title, item.title, index)"
:url="item.url"
:title="item.title"
:description="item.description"
@ -114,9 +114,10 @@ export default {
},
methods: {
/* 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);
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 */
triggerModal(url) {