Changes for page Desk allocation

Last modified by Ricardo Julio Rodríguez Fernández on 2025/06/02 10:02

From version 168.1
edited by Ricardo Julio Rodríguez Fernández
on 2024/03/11 18:59
Change comment: Uploaded new attachment "room.json", version 1.1
To version 260.1
edited by Ricardo Julio Rodríguez Fernández
on 2024/04/21 13:40
Change comment: Uploaded new attachment "room.json", version 1.7

Summary

Details

Page properties
Content
... ... @@ -1,3 +1,3 @@
1 -{{kanban width="29%" source="https://portal.igfae.usc.es/xwiki/bin/download/Kanban%20playground%20for%20Ricardo/WebHome/jsonformatter.txt?rev=1.1" addBoardButton="true" addItemButton="true" removeBoardButton="true" removeBoardItem="true"}}
2 -[{"id":"board2","title":"Working","color":"green","item":[{"title":"Item 121"},{"title":"Item 4"}]},{"id":"board3","title":"Done","color":"yellow","item":[{"title":"Item 2"},{"title":"Item 7"}]},{"id":"board1","title":"To Do","color":"red","item":[{"title":"Item 5"},{"title":"Item 1"}]},{"id":"board4","title":"New Board 01","color":"blue","item":[{"title":"Item 1"}]},{"id":"board5","title":"New Board 02","color":"orange","item":[{"title":"Item 3"}]},{"id":"board6","title":"New Board 03","color":"yellow","item":[{"title":"Item 1"},{"title":"Item 1"}]}]
1 +{{kanban width="250px" source="https://portal.igfae.usc.es/xwiki/bin/download/Kanban%20playground%20for%20Ricardo/WebHome/room.json?rev=1.2" addBoardButton="true" addItemButton="true" removeBoardButton="true" removeBoardItem="true"}}
2 +[{"id":"rDI01f01o00s00","color":"green","item":[],"title":"rDI01f01o00s00"},{"id":"rDI02f01o00s00","color":"blue","item":[{"title":"person 002 - STRI"},{"title":"person 001 - LHCB"}],"title":"rDI02f01o00s00"},{"id":"rDI03f01o00s00","color":"red","item":[{"title":"person 003 - LHCB"}],"title":"rDI03f01o00s00"},{"id":"rDI05f01o00s00","color":"yellow","item":[{"title":"person 003 - LHCB"},{"title":"person 004 - NUCL"}],"title":"rDI05f01o00s00"},{"id":"rDI08f01o00s00","color":"orange","item":[{"title":"person 119 - HQCD"},{"title":"person 135 - LHCB"},{"title":"person 078 - HQCD"}],"title":"rDI08f01o00s00"},{"id":"rDI09f01o00s00","color":"green","item":[{"title":"person 123 - AUGE"}],"title":"rDI09f01o00s00"},{"id":"rDI10f01o00s00","color":"green","item":[{"title":"person 256 - GRWA"}],"title":"rDI10f01o00s00"},{"id":"rDI11f01o00s00","color":"green","item":[{"title":"person 354 - LACC"}],"title":"rDI11f01o00s00"},{"id":"rDI12f01o00s00","color":"green","item":[{"title":"person 354 - NEXT"}],"title":"rDI12f01o00s00"}]
3 3  {{/kanban}}
room.json
Size
... ... @@ -1,1 +1,1 @@
1 -5.5 KB
1 +2.7 KB
Content
... ... @@ -1,6 +1,6 @@
1 1  [
2 2   {
3 - "id": "rDI01f01o01s015",
3 + "id": "rDI01f01o00s00",
4 4   "color": "green",
5 5   "item": [
6 6   {
... ... @@ -7,10 +7,10 @@
7 7   "title": "person 001 - LHCB"
8 8   }
9 9   ],
10 - "title": "rDI01f01o01s015"
10 + "title": "rDI01f01o00s00"
11 11   },
12 12   {
13 - "id": "rDI02f01o01s015",
13 + "id": "rDI02f01o00s00",
14 14   "color": "blue",
15 15   "item": [
16 16   {
... ... @@ -17,10 +17,10 @@
17 17   "title": "person 002 - STRI"
18 18   }
19 19   ],
20 - "title": "rDI02f01o01s015"
20 + "title": "rDI02f01o00s00"
21 21   },
22 22   {
23 - "id": "rDI03f01o01s015",
23 + "id": "rDI03f01o00s00",
24 24   "color": "red",
25 25   "item": [
26 26   {
... ... @@ -27,10 +27,10 @@
27 27   "title": "person 003 - LHCB"
28 28   }
29 29   ],
30 - "title": "rDI03f01o01s015"
30 + "title": "rDI03f01o00s00"
31 31   },
32 32   {
33 - "id": "rDI04f01o01s015",
33 + "id": "rDI04f01o00s00",
34 34   "color": "red",
35 35   "item": [
36 36   {
... ... @@ -37,10 +37,10 @@
37 37   "title": "person 003 - LHCB"
38 38   }
39 39   ],
40 - "title": "rDI04f01o01s015"
40 + "title": "rDI04f01o00s00"
41 41   },
42 42   {
43 - "id": "rDI05f01o01s015",
43 + "id": "rDI05f01o00s00",
44 44   "color": "red",
45 45   "item": [
46 46   {
... ... @@ -47,10 +47,10 @@
47 47   "title": "person 003 - LHCB"
48 48   }
49 49   ],
50 - "title": "rDI05f01o01s015"
50 + "title": "rDI05f01o00s00"
51 51   },
52 52   {
53 - "id": "rDI06f01o01s015",
53 + "id": "rDI06f01o00s00",
54 54   "color": "yellow",
55 55   "item": [
56 56   {
... ... @@ -60,10 +60,10 @@
60 60   "title": "person 004 - NUCL"
61 61   }
62 62   ],
63 - "title": "rDI06f01o01s015"
63 + "title": "rDI06f01o00s00"
64 64   },
65 65   {
66 - "id": "rDI07f01o01s015",
66 + "id": "rDI07f01o00s00",
67 67   "color": "red",
68 68   "item": [
69 69   {
... ... @@ -70,10 +70,10 @@
70 70   "title": "person 003 - LHCB"
71 71   }
72 72   ],
73 - "title": "rDI07f01o01s015"
73 + "title": "rDI07f01o00s00"
74 74   },
75 75   {
76 - "id": "rDI08f01o01s015",
76 + "id": "rDI08f01o00s00",
77 77   "color": "orange",
78 78   "item": [
79 79   {
... ... @@ -86,10 +86,10 @@
86 86   "title": "person 078 - HQCD"
87 87   }
88 88   ],
89 - "title": "rDI08f01o01s015"
89 + "title": "rDI08f01o00s00"
90 90   },
91 91   {
92 - "id": "rDI09f01o01s015",
92 + "id": "rDI09f01o00s00",
93 93   "color": "green",
94 94   "item": [
95 95   {
... ... @@ -96,10 +96,10 @@
96 96   "title": "person 123 - AUGE"
97 97   }
98 98   ],
99 - "title": "rDI09f01o01s015"
99 + "title": "rDI09f01o00s00"
100 100   },
101 101   {
102 - "id": "rDI10f01o01s015",
102 + "id": "rDI10f01o00s00",
103 103   "color": "green",
104 104   "item": [
105 105   {
... ... @@ -106,10 +106,10 @@
106 106   "title": "person 256 - GRWA"
107 107   }
108 108   ],
109 - "title": "rDI10f01o01s015"
109 + "title": "rDI10f01o00s00"
110 110   },
111 111   {
112 - "id": "rDI11f01o01s015",
112 + "id": "rDI11f01o00s00",
113 113   "color": "green",
114 114   "item": [
115 115   {
... ... @@ -116,10 +116,10 @@
116 116   "title": "person 354 - LACC"
117 117   }
118 118   ],
119 - "title": "rDI11f01o01s015"
119 + "title": "rDI11f01o00s00"
120 120   },
121 121   {
122 - "id": "rDI12f01o01s015",
122 + "id": "rDI12f01o00s00",
123 123   "color": "green",
124 124   "item": [
125 125   {
... ... @@ -126,10 +126,10 @@
126 126   "title": "person 354 - NEXT"
127 127   }
128 128   ],
129 - "title": "rDI12f01o01s015"
130 - },
129 + "title": "rDI12f01o00s00"
130 + }
131 131   {
132 - "id": "rDI13f01o01s015",
132 + "id": "rDI13f01o00s00",
133 133   "color": "red",
134 134   "item": [
135 135   {
... ... @@ -136,10 +136,10 @@
136 136   "title": "person 003 - LHCB"
137 137   }
138 138   ],
139 - "title": "rDI13f01o01s015"
139 + "title": "rDI13f01o00s00"
140 140   },
141 141   {
142 - "id": "rDI14f01o01s015",
142 + "id": "rDI14f01o00s00",
143 143   "color": "red",
144 144   "item": [
145 145   {
... ... @@ -146,10 +146,10 @@
146 146   "title": "person 003 - LHCB"
147 147   }
148 148   ],
149 - "title": "rDI14f01o01s015"
149 + "title": "rDI14f01o00s00"
150 150   },
151 151   {
152 - "id": "rDT07f01o04s023",
152 + "id": "rDT07f01o00s00",
153 153   "color": "red",
154 154   "item": [
155 155   {
... ... @@ -156,172 +156,6 @@
156 156   "title": "person 003 - LHCB"
157 157   }
158 158   ],
159 - "title": "rDT07f01o04s023"
160 - },
161 - {
162 - "id": "rSR07f01o00s024",
163 - "color": "red",
164 - "item": [],
165 - "title": "rSR07f01o00s024"
166 - },
167 - {
168 - "id": "rSR01f01o00s048",
169 - "color": "red",
170 - "item": [
171 - {
172 - "title": "person 003 - LHCB"
173 - }
174 - ],
175 - "title": "rSR01f01o00s048"
176 - },
177 - {
178 - "id": "rSR02f01o00s046",
179 - "color": "red",
180 - "item": [
181 - {
182 - "title": "person 003 - LHCB"
183 - }
184 - ],
185 - "title": "rSR02f01o00s046"
186 - },
187 - {
188 - "id": "rSR03f01o00s048",
189 - "color": "red",
190 - "item": [
191 - {
192 - "title": "person 003 - LHCB"
193 - }
194 - ],
195 - "title": "rSR03f01o00s048"
196 - },
197 - {
198 - "id": "rSR04f01o00s052",
199 - "color": "red",
200 - "item": [
201 - {
202 - "title": "person 003 - LHCB"
203 - }
204 - ],
205 - "title": "rSR04f01o00s052"
206 - },
207 - {
208 - "id": "rSC01f01o00s142",
209 - "color": "red",
210 - "item": [
211 - {
212 - "title": "person 003 - LHCB"
213 - }
214 - ],
215 - "title": "rSC01f01o00s142"
216 - },
217 - {
218 - "id": "rDT01f01o03s028",
219 - "color": "red",
220 - "item": [
221 - {
222 - "title": "person 003 - LHCB"
223 - }
224 - ],
225 - "title": "rDT01f01o03s028"
226 - },
227 - {
228 - "id": "rDT02f01o03s025",
229 - "color": "red",
230 - "item": [
231 - {
232 - "title": "person 003 - LHCB"
233 - }
234 - ],
235 - "title": "rDT02f01o03s025"
236 - },
237 - {
238 - "id": "rDT03f01o03s025",
239 - "color": "red",
240 - "item": [
241 - {
242 - "title": "person 003 - LHCB"
243 - }
244 - ],
245 - "title": "rDT03f01o03s025"
246 - },
247 - {
248 - "id": "rDT04f01o03s026",
249 - "color": "red",
250 - "item": [
251 - {
252 - "title": "person 003 - LHCB"
253 - }
254 - ],
255 - "title": "rDT04f01o03s026"
256 - },
257 - {
258 - "id": "rDD01f01o02s024",
259 - "color": "red",
260 - "item": [
261 - {
262 - "title": "person 003 - LHCB"
263 - }
264 - ],
265 - "title": "rDD01f01o02s024"
266 - },
267 - {
268 - "id": "rDD02f01o02s024",
269 - "color": "red",
270 - "item": [
271 - {
272 - "title": "person 003 - LHCB"
273 - }
274 - ],
275 - "title": "rDD02f01o02s024"
276 - },
277 - {
278 - "id": "rDD03f01o02s024",
279 - "color": "red",
280 - "item": [
281 - {
282 - "title": "person 003 - LHCB"
283 - }
284 - ],
285 - "title": "rDD03f01o02s024"
286 - },
287 - {
288 - "id": "rDD04f01o02s024",
289 - "color": "red",
290 - "item": [
291 - {
292 - "title": "person 003 - LHCB"
293 - }
294 - ],
295 - "title": "rDD04f01o02s024"
296 - },
297 - {
298 - "id": "rDD05f01o02s024",
299 - "color": "red",
300 - "item": [
301 - {
302 - "title": "person 003 - LHCB"
303 - }
304 - ],
305 - "title": "rDD05f01o02s024"
306 - },
307 - {
308 - "id": "rDD06f01o02s024",
309 - "color": "red",
310 - "item": [
311 - {
312 - "title": "person 003 - LHCB"
313 - }
314 - ],
315 - "title": "rDD06f01o02s024"
316 - },
317 - {
318 - "id": "rDD07f01o03s026",
319 - "color": "red",
320 - "item": [
321 - {
322 - "title": "person 003 - LHCB"
323 - }
324 - ],
325 - "title": "rDD07f01o03s026"
159 + "title": "rDT07f01o00s00"
326 326   }
327 327  ]
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,0 +1,113 @@
1 +setTimeout(changeStyles, 500);
2 +
3 +function changeStyles() {
4 + const titleElements = document.getElementsByClassName('kanban-item-title');
5 + const headerElements = document.getElementsByClassName('kanban-board-header');
6 + const titleContainers = document.getElementsByClassName('kanban-item');
7 +
8 + const kanbanContainer = document.querySelector('.kanban-container');
9 + if (kanbanContainer) {
10 + kanbanContainer.style.display = "flex";
11 + kanbanContainer.style.justifyContent = "left"
12 + kanbanContainer.style.alignItems = "start"
13 + kanbanContainer.style.flexWrap = "wrap"
14 + }
15 +
16 + for (let i = 0; i < titleElements.length; i++) {
17 + const titleElement = titleElements[i];
18 + titleElement.style.padding = "2px 4px";
19 + titleElement.style.borderRadius = "4px";
20 +
21 + if (titleElement.textContent.includes('LHCB')) {
22 + titleElement.style.color = 'white';
23 + titleElement.style.backgroundColor = 'red';
24 + const parentElement = titleElement.closest('.kanban-item');
25 + if (parentElement) {
26 + parentElement.style.backgroundColor = 'yellow';
27 + }
28 + }
29 + if (titleElement.textContent.includes('STRI')) {
30 + titleElement.style.color = 'white';
31 + titleElement.style.backgroundColor = 'navy';
32 + const parentElement = titleElement.closest('.kanban-item');
33 + if (parentElement) {
34 + parentElement.style.backgroundColor = '#FFDB58';
35 + }
36 + }
37 + if (titleElement.textContent.includes('AUGE')) {
38 + titleElement.style.color = 'white';
39 + titleElement.style.backgroundColor = '#FF7F50';
40 + const parentElement = titleElement.closest('.kanban-item');
41 + if (parentElement) {
42 + parentElement.style.backgroundColor = '#008080';
43 + }
44 + }
45 + if (titleElement.textContent.includes('HQCD')) {
46 + titleElement.style.color = 'white';
47 + titleElement.style.backgroundColor = 'crimson';
48 + const parentElement = titleElement.closest('.kanban-item');
49 + if (parentElement) {
50 + parentElement.style.backgroundColor = '#808000';
51 + }
52 + }
53 + if (titleElement.textContent.includes('NUCL')) {
54 + titleElement.style.color = 'white';
55 + titleElement.style.backgroundColor = '#E2725B';
56 + const parentElement = titleElement.closest('.kanban-item');
57 + if (parentElement) {
58 + parentElement.style.backgroundColor = '#708090';
59 + }
60 + }
61 + if (titleElement.textContent.includes('GRWA')) {
62 + titleElement.style.color = 'white';
63 + titleElement.style.backgroundColor = '#FF00FF';
64 + const parentElement = titleElement.closest('.kanban-item');
65 + if (parentElement) {
66 + parentElement.style.backgroundColor = '#F4C430';
67 + }
68 + }
69 + if (titleElement.textContent.includes('NEXT')) {
70 + titleElement.style.color = 'white';
71 + titleElement.style.backgroundColor = '#4B0082';
72 + const parentElement = titleElement.closest('.kanban-item');
73 + if (parentElement) {
74 + parentElement.style.backgroundColor = '#E0115F';
75 + }
76 + }
77 + if (titleElement.textContent.includes('LACC')) {
78 + titleElement.style.color = 'white';
79 + titleElement.style.backgroundColor = '#87CEEB';
80 + const parentElement = titleElement.closest('.kanban-item');
81 + if (parentElement) {
82 + parentElement.style.backgroundColor = '#98FF98';
83 + }
84 + }
85 + }
86 +
87 + for (let i = 0; i < headerElements.length; i++) {
88 + const element = headerElements[i];
89 + if (element.innerHTML.includes('f02')) {
90 + for (let j = 0; j < element.classList.length; j++) {
91 + if (/kanban-header-\w+/.test(element.classList[j])) {
92 + element.classList.remove(element.classList[j]);
93 + element.style.backgroundColor = '#98FF98';
94 + break;
95 + }
96 + }
97 + }
98 + }
99 +
100 + for (let i = 0; i < headerElements.length; i++) {
101 + const element = headerElements[i];
102 + if (element.innerHTML.includes('f01')) {
103 + for (let j = 0; j < element.classList.length; j++) {
104 + if (/kanban-header-\w+/.test(element.classList[j])) {
105 + element.classList.remove(element.classList[j]);
106 + element.style.backgroundColor = '#FF7F50';
107 + break;
108 + }
109 + }
110 + }
111 + }
112 +};
113 +
Name
... ... @@ -1,0 +1,1 @@
1 +Styling boards
Parse content
... ... @@ -1,0 +1,1 @@
1 +No
Use this extension
... ... @@ -1,0 +1,1 @@
1 +currentPage
XWiki.XWikiComments[0]
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.RicardoJulioRodriguezFernandez
Comment
... ... @@ -1,0 +1,1 @@
1 +https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Date
... ... @@ -1,0 +1,1 @@
1 +2024-03-13 17:21:41.315