Skip to Content

Changes for page Material Collection

Last modified by Judith Steinfeld on 2025/06/03 11:13
From version 55.5
edited by admin
on 2024/10/23 14:50
Change comment: There is no comment for this version
To version 54.5
edited by admin
on 2024/10/21 15:36
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -21,8 +21,7 @@
21 21   'link': {"type": "hidden"},
22 22   'date': {"html": true},
23 23   'author': {},
24 - "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol"},
25 - "_actions": {"actions": ["view", "edit"]}
24 + "tags": {"sortable": false, "html": true, "headerClass": "tagsCol"}
26 26  })
27 27  #set ($options = {
28 28   'className': 'Materials.Code.MaterialsClass',
... ... @@ -35,8 +35,5 @@
35 35   'defaultOrder': 'desc'
36 36  })
37 37  #set ($columns = ['doc.location', 'link', "tags", "tags", 'date', 'author'])
38 -#if (!$isGuest)
39 - #set($discard = $columns.add("_actions"))
40 -#end
41 41  #livetable('materials' $columns $columnsProperties $options)
42 42  {{/velocity}}
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,5 +1,5 @@
1 1  const tagCols = [
2 - // ["Tag1", "CERN", "CHEP", "GPU", "VISPA"],
2 + ["Tag1", "CERN", "CHEP", "GPU", "VISPA"],
3 3   ["Tags", true],
4 4  ]
5 5  
... ... @@ -22,23 +22,12 @@
22 22  
23 23   // column headers
24 24   mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
25 - (v, i) => v.textContent = tagCols[i][0]
25 + (v, i) => v.firstElementChild.textContent = tagCols[i][0]
26 26   );
27 27  
28 28   // handle clicks for tags
29 29   document.getElementById("materials-display").addEventListener("click", ev => {
30 - if (ev.button) return; // only left click
31 - if (ev.target.nodeName !== "SPAN") return;
32 - if (!ev.target.classList.contains("ltTag")) return;
33 - const tag = ev.target.textContent;
34 - ev.preventDefault();
35 - const lt = mats.__liveTable;
36 - const st = lt.tagCloud.selectedTags;
37 - if (tag in st) delete st[tag];
38 - else st[tag] = {};
39 - lt.tags = Object.keys(st);
40 - lt.clearCache();
41 - lt.showRows(1, lt.limit);
30 + debugger;
42 42   })
43 43  });
44 44  
... ... @@ -54,9 +54,6 @@
54 54   const a = li[li.length - 1].children[0];
55 55   const u = new URL(row.link_value);
56 56   let icon;
57 - if (u.hostname.includes("github")) icon = "github";
58 - if (u.hostname.includes("gitlab")) icon = "gitlab";
59 - if (u.hostname.includes("google")) icon = "google";
60 60   if (u.pathname.endsWith(".pdf")) icon = "file-pdf-o";
61 61   if (icon) {
62 62   const s = a.ownerDocument.createElement("span");
... ... @@ -71,13 +71,13 @@
71 71   row.doc_location = ol.outerHTML;
72 72  
73 73   // tags
74 - const tags = new Set(row.tags_value.slice(1, -1).split(", "));
60 + const tags = new Set(e.tags_value.slice(1, -1).split(", "));
75 75   tagCols.forEach(([name, ...want], i) =>
76 76   row[`tags-${i}`] = (
77 77   want[0] === true
78 78   ? Array.from(tags)
79 - : want.filter(tag => tags.delete(tag))
80 - ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;">${tag}</span>`).join(", ")
65 + : want.filter(tag => tags.has(tag) && (tags.remove(tag) || true))
66 + ).sort().map(tag => `<span class="ltTag">${tag}</span>`).join(" ")
81 81   );
82 82   }
83 83  });