 Welcome, everyone. This is the Jenkins user experience special interest group. It's May the 12, 2021. Remember that we abide by the Jenkins code of conduct. So proposed items on the agenda for today. I was hoping to hear Uli from you on the work that Simon's been doing if you'd be willing to do a brief status report would you be willing to do that on the agenda. Yeah, it's okay. Thank you. And then the bootstrap five migration had been discussed two weeks ago. Would you be okay talking about that as well really anything fine as well. All right, and then I have bad news on this one that I'll share when we get there and multiple pipelines for a single branch any other Damien are you okay with that topic still being on the agenda. Okay, any other topics that need to be added to the agenda. Hello. Oh, like, thanks for joining. All right, so, so, oh, yes, we are. So, if you want to go ahead, I'm going to take notes and we'll let you share how Simon's work is proceeding and sort of next steps, etc. I don't have a demo today but actually we are now implementing the first dashboards and the first dashboard we are trying to implement is in the warnings plugin. So he is implementing this extension point that we can show for each pull request the number of new warnings that have been created is a little bit positive. So, yeah, you see the new warnings and you can see it in kind of. It's a pie chart or something like that we would like to use that visualization. It's already working quite well. So we are not working with your fake data it's a real data on a real current. And what we've also done we we extracted the drag and drop dashboard this, I think it's called moori. I'm not sure of the spelling and I can change it afterwards so. And this is now an external plug in so we can use it in other views as well. So this is one thing I'm would like to do if I find some more spare time to see if this few concept can be used for instance in the build few where we have a lot of, you know, boxes lying around, which some are not interesting. So maybe we can use that concept there to rearrange a lot of things. But this is just an idea. I need to make a proof of concept. So this is currently the state. Yeah, I think it's all so for this topic. Maybe there are some questions. I don't know from others. For me, another question recommendation is once you have something demo I watched the recording of the previous user experience and even they looked very interesting. My recommendation would be to send a message to the developer million first. We talked about it with the student. Because we had a follow up regarding hosting request. So we if we're ready I would advise to do it rather earlier than later because it could help to get feedback. That's fine. The previous sick recording color they looks pretty good. This is for me. I don't know how to conduct just too many things to handle. Okay. Yeah, I thought it would have would be helpful to have some real data in it and not only fake data so I hope you prefer to wait. Let's wait. But yeah, my interpretation that in late May. Let me people start going to vacation and then it will be much more difficult to get feedback. That's fine. Maybe it's a bit different in German universities, but you know case late May and yeah, that's it. Yeah, yeah, that's fine. Yeah, I was wondering if there was a if we ought to look at the at the view count on the compare the view count for last recording compared to other recordings because I have this. This suspicion that that demo that you prefer that Simon provided last time has made last week's meeting much more popular in terms of view count I may look at it separately after. I don't think because there was no agenda in the meeting there was no description there was no thumbnail attached to the meeting. So, if you ask me as someone who manages social media, then this demo hasn't been promoted at all. It is what exactly I discussed with Simon, but he didn't follow up on that. And no dispute that it hasn't been promoted. I was just wondering. So now you've inspired me to publish tall with publish recordings with description. Because otherwise nobody will watch them. And in this case, I just did the check it got about twice the number of views of a typical. UX sick meeting even without promotion. So, I got even feedback personally about the new dashboard. And that's already quite fine. Good. Great. You want to go ahead with the state of bootstrap five. Yeah. Okay, yeah, bootstrap five is now officially released. So the JavaScript libraries I integrated in a plug in and released the plug in it's now available in the update center. And yeah, plug ins could already use it. There is one missing missing link, which is the data table support because I'm also using a data tables on the JavaScript side to show my warnings, for instance. And this libraries has not yet been ported to bootstrap five. If I would release everything now, it would look a little bit weird. So I'm still waiting for the data tables library to get up to bootstrap five. And in all my plug ins I have a pull request which use the new features and everything is looking quite fine. Maybe I can show you some details. If I can share my screen if it makes sense. So, let me see. The screen. I think I take the whole screen. So. Okay, now you should see my Jenkins instances, right? Yes, we can see it. Sorry. I don't see the pictures anymore. Okay, so what I've now what I've done now I'm using a bootstrap five, for instance, on the job view here, where we see all these trend charts, and I try to make these trend charts configurable because currently they are just, you know, there is no user configuration available and what I've done now is I'm using here you see this configure button for each of these charts and if you press the button, I'm now creating a configuration dialogue for the trend charts. So you can for instance say, okay, how many bills I would like to see in this trend chart and you can save it and then all the trend charts are generated in a new refresh HX call. So it is now possible to, you know, to redraw these charts and to configure this charge. And one thing I want to add is so you can choose which chart you would like to see, etc. And in order to do it, I'm using some bootstrap components, which, you know, make it quite easily to develop a user interfaces on the client side. Let's see another example. Sorry. This one is, for instance, one of the warnings, the trend chart and here you can also navigate and now configure the trend chart and make some things which make sense, for instance, if you want to see only a few bills or you want to see all bills, etc. So this is working quite well. And, you know, let's see. So, the only thing what is not working is, for instance, here these data tables you see here we have the select box, it looks a little bit weird currently because it's not yet ported to bootstrap five, but everything else is working. And hopefully I'll get everything done in the next two or three weeks. This will make user interfaces on the client side much easier, I think. So, yeah, I think, you know, that we have any questions on this topic. So maybe one sentence. What maybe makes sense is we discussed this, I think, a half year ago already, if it would make sense to use bootstrap a little bit more in Jenkins because I think we are inventing the wheel again and again and trying to make user interfaces based on our own components. And yeah, maybe it would make sense to use such a framework which is solid proven and in a lot of web pages a little bit more. So it's quite easy to use it. And to get all my views in my warnings plugin are using bootstrap for instance the cards, etc. And it's quite simple to use it and to make a user interface which is a little bit more appealing than the standard in Jenkins. That's one thing I want to, yeah, push forward. And you said that data tables support is needed is that from the data tables project that you'll, you need to wait for that or is that something that's just that need to be made in our code or. Something they need to change because the CSS files are only ported for or only available for bootstrap for and and this is an open source project project so yeah, we need to wait. I can release it currently but it looks and yeah it's not really a real bug, but it's not looking so fine as it could. Yeah, what you were showing looked quite usable it certainly didn't look any worse than many of the other components that we the with which we interact. So, so it's, it's not that the non support of bootstrap five by data tables breaks the user interface, it just doesn't render as nicely as you would like it to. Yes, it's just the CSS files which need to be adapted because some attributes changed and now. But everything else is working out of the box. So are there any other questions. Excellent. Great work. Thank you. Thank you so much. Okay. The next topic I had was my beach being here to share the challenge that I had proposed to do a dev environment setup session with Uli sharing how he does online setups for for how he does setups for his students so they can become contributors much faster and much easier. Unfortunately, my schedule has has become overloaded and I'm just not going to be able to do it. I would love for others to be willing to host it. Really, are you still would used to be okay with doing one of these sessions. My apologies for being so, so long and not getting this proposed not getting an abstract proposed or anything. For me it is really fine because I already said to you that my time limit currently is really tough as well because the other semester is ending and I need to prepare the exams etc. It would be okay for now. Right. Yeah, it would be okay. Okay, great. Okay, then I will disconnect but just in case to be on both more event hosts. So if somebody wants to make a presentation, we have new camera event hosts and we can balance this work. So any topic is welcome, especially if you want to organize a small meetup or just for practice. Okay, we can do that. And I have fun. Great. Thanks. Thanks all. Okay, then Damian we had this ongoing topic with multiple pipelines anything you'd like to share there. Yeah, no, I didn't have much time to to get into that topic less. All right. Thank you. Any other topics we should be reviewing Roman anything from you that we need to be aware of. And really I just was showing here just to see what you guys were discussing and see if I can contribute something but nothing special to report. All right, thank you. Well, thanks for being here. Thanks very much. Well, I think we've reached the conclusion of today's session. I propose we end it and we'll continue our separate conversations and get her an email. Okay, that's good to see you all. Bye bye everybody.