Changes for page Desk allocation

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

From version 176.1
edited by Abdullah Sharifi
on 2024/03/11 19:35
Change comment: There is no comment for this version
To version 249.1
edited by Ricardo Julio Rodríguez Fernández
on 2024/04/21 12:23
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.AbdullahSharifi
1 +XWiki.RicardoJulioRodriguezFernandez
Content
... ... @@ -1,2 +1,2 @@
1 -{{kanban width="29%" source="https://portal.igfae.usc.es/xwiki/bin/downloadrev/Kanban%20playground%20for%20Ricardo/WebHome/room.json?rev=1.2" addBoardButton="true" addItemButton="true" removeBoardButton="true" removeBoardItem="true"}}
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 2  {{/kanban}}
room_v02.json
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.RicardoJulioRodriguezFernandez
Size
... ... @@ -1,0 +1,1 @@
1 +1.7 KB
Content
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,8 +1,18 @@
1 -window.onload = function() {
1 +setTimeout(changeStyles, 500);
2 +
3 +function changeStyles() {
2 2   const titleElements = document.getElementsByClassName('kanban-item-title');
3 3   const headerElements = document.getElementsByClassName('kanban-board-header');
4 4   const titleContainers = document.getElementsByClassName('kanban-item');
5 5  
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 +
6 6   for (let i = 0; i < titleElements.length; i++) {
7 7   const titleElement = titleElements[i];
8 8   titleElement.style.padding = "2px 4px";
... ... @@ -34,7 +34,7 @@
34 34   }
35 35   if (titleElement.textContent.includes('HQCD')) {
36 36   titleElement.style.color = 'white';
37 - titleElement.style.backgroundColor = '#E6E6FA';
47 + titleElement.style.backgroundColor = 'crimson';
38 38   const parentElement = titleElement.closest('.kanban-item');
39 39   if (parentElement) {
40 40   parentElement.style.backgroundColor = '#808000';
... ... @@ -56,6 +56,22 @@
56 56   parentElement.style.backgroundColor = '#F4C430';
57 57   }
58 58   }
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 + }
59 59   }
60 60  
61 61   for (let i = 0; i < headerElements.length; i++) {
Name
... ... @@ -1,1 +1,1 @@
1 -Change background Color
1 +Styling boards
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