Layer5 Websites, 6 Jun 2022

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Websites Weekly Meeting (June 6th, 2022)

Description

Layer5 Websites Meeting - June 6th, 2022

Agenda:
- Improve Search #2846
- Previous state of form is retained when go back to previous step #2863
- Blogs for review
- MeshMap updates; conversion to SVG; Choose your platform section
- Open feature requests
- Updates on the SMP dashboard
- Compatibility matrix
- Updates: Convert meshery.io from jekyll to gatsby site.

Join the community at https://layer5.io/community

Find Layer5 on:
GitHub: https://github.com/layer5io
Twitter: https://twitter.com/layer5
LinkedIn: https://www.linkedin.com/company/layer5
Docker Hub: https://hub.docker.com/u/layer5/

A

So hi everyone welcome to the websites call. So we always begin by the introduction of our newest members. So is there anyone in the call who's attending it for the first time.

A

The career keeps thinking.

B

Yes, I am the newest one. I guess this is my first meeting so hey everyone uh myself zakaria, currently, I'm a sophomore at taipei, university, delhi and I'm majoring in computer science, engineering and yeah. I've been part of this community for like more than a month, but uh yeah I've been working on it and I've recently put some changes as well.

B

So yeah, that's sums up about me.

B

C

It it zakaria, or do you enunciate it slightly differently.

B

Yeah you're, no you're not done no. You need to integrate.

C

Oh no, I didn't hear what you said say one more time if you would.

B

uh It's zakaria.

C

Yeah, you emphasize just a different portion of it.

B

C

B

C

Yeah yeah yeah, it's more of a.

C

H, it's a little cooler than car. It's like it's, not a car seat, yeah.

B

Yeah, it's pretty much somewhat like that.

C

All right, I'm still practicing: okay, okay, good!

C

C

A

So anyone else who's attending this call for the first time, aman. How about you have you been to the websites call before.

A

I see you unmuted, but we cannot hear you yet.

A

Okay, uh we can circle back to you later again. I guess uh anyone else.

C

And devil priya, were you talking? uh Were you speaking to aman rasa.

A

C

Okay, yeah uh oman has definitely been around. I just don't know. I can't recall how much time it was on this call, but uh I believe has also had audio problems on our challenges on some of the other calls so good, but I'm on it nice to see you on the call very good to have you.

A

Okay, so since leonard isn't here uh sugar deep, let's start with your topic first meanwhile, ping leonard and yash to join.

D

Can you hear me.

A

It was better before now there's a lot of noise.

C

Super deep, I I muted you just because there was for whatever reason there was a bunch of static on the line and that's it was entirely static. So maybe maybe you can come off mute and try again.

D

Actually so, this pair is basically for the newcomers uh form previously on my technology.

D

Obviously, whatever input the new anyone giving to this input, uh it is not uh returning after we go back to the next step, uh go to the next step. It is not written in the previous state of the form, so this sphere is fixed. This problem. If we now fill this form and, for example,.

D

If we go to the next step and evenly back to the previous step, it is retaining the information, whatever information it's given, and so it's now working fine, so yeah any other challenges or any other suggestion. If you want to get energy skills.

C

You are obligated to uh uh provide some form of feedback.

E

Yeah sure yeah, I think it works. Look. I saw the vr uh and yeah. It was good.

C

A couple of two points of feedback from me: if I could um one might not be fair so I'll, just I'll call that out before I say it, which is, I think, makuu has. It might have a second issue open. Maybe uh so, if you open, if you, if you were to be able to share again and.

E

C

So what mccool was saying was that um there's one other, so it's great that you're saving state so that people don't get frustrated, make it to the the third step and then lose their work.

C

um So that's quite helpful it their work is retained if they are a very um conformant user or if, if they use previous and next they go back and forth between the steps. But if they use the browser's back button, they might not be as lucky yeah.

D

Yes, uh browser map button yeah, it's actually refreshing the face yeah, so it means new request is going so.

C

Yeah, so you just can't accept the pr, because uh you know just sorry just kidding just kidding, there's kind of two issues here and I think you addressed one and that's great, and that was the issue of this component. This react component that we're using formic or this package rather um formic.

C

You um you're fixing one of the issues, which is great if the user stays within the confines of the um systems navigation. You know their data is retained if they use their back button. Like probably I would I'd lose my work and so as a separate consideration. Perhaps we would. The question is like well gosh. How do we facilitate the single page, app experience, which I think is what we're getting right now, if you fill in the required fields here and you click next, the page itself doesn't reload right. It's just that forum right there.

C

Yes right! So that's a fairly nice experience. You know, you know it doesn't take us back to the early 2000s late 1990s, when every time you did anything with the page, it would reflect. It was just very clicky, you know, and so that's nice.

C

The thing is: is some of us still have been trained to like use our browsers nav and they might lose our data? So it's a subsequent consideration to think about um this isn't the most critical thing, but when you think about it, it'll the challenge will be um how to how to not make the experience clicky.

C

You know like how to not make them go to a new page every time, while still retaining any data that they might have filled into the form, even if they leave the page, because if they hit the back button, they would leave the page and so okay, nice. So mike the two questions that I have for you are of the fix that you provided here.

C

I think that that's great- and it's actually excites me, because is this the fourth area that we have like, I think four different forms on this site and then another one on play.measure.io and I, if memory serves all four, are using formic, which means any learnings that you have and any any improvement that you make to one like the rest can potentially benefit.

C

So I'm curious of the fix that you have here was this a configuration of formic that was done or have you done something outside of formic.

D

uh No, uh actually it's basically, the the global state is storing whatever the global state is. Storing the information means uh no other.

C

D

Okay, so it's uh I'm actually returning the state from this here, whatever stores inside this thing, after submitting the phone actually.

C

Okay, I'm I'm cute. This is now. This is a point of curios curiosity for me. If you think about the the folks that created formic as a utility for folks like us to use, um it's like it feels like that's a missing feature. It feels like if formic has the ability, if they facilitate multi-step questionnaires or multi-step forms, not losing your work seems like a you know like an essential feature.

C

So do they just not support that like? Is there not a configuration that we can do to have them? Take care to have the package take care of it.

D

I guess there it is uh no. I guess there is nothing like multiscoping home, but which.

F

Can be implemented.

D

In the format as soon documentation about this multi-step form.

C

Okay and the documentation from formic took the same approach.

D

No, actually it's from other site. I was saying how they implemented. The documentary I mean might as well form I will share in the last uh slack channel.

C

Nice cool, hey one thing, just as you and I in particular do more work together. I want to say this out loud forever, so that everybody is aware of this. Some of you already are, which is I'll, say it like this.

C

I don't know everything which means that I don't expect that any of you know everything which means it's totally. Okay to say hell, if I know like, like hey, does format support this natively like the direct and straight answer that makes me that endears me to you and makes me trust you and builds my confidence in what you do is for you to say I don't know which is totally acceptable. Totally fine. Of course you don't know like have you been using formic for a decade?

C

No I've been using it for like 10 minutes here and there and stuff, and so it's so. I just wanted to say, like totally expected and okay to say. I.

F

C

Hey, let me go I'll, go take a look though, if that's you know important, and I think it's worth taking a look because to me it seems like an essential feature, and so, if they have it, it's like well probably works best. If we use whatever native approach that that package uses, so it's worth checking out, because I think we use this form like five times. I think yes, cool, okay, anybody else have feedback or thoughts here.

C

Did anyone else almost did anyone else fill in this form, lose their data and almost punch their screen like because they lost their data.

C

Super dip and mccool are saving desktop displays everywhere. All across the world, people are there's fewer of them being punched.

G

A

I see a couple of newcomers uh on the call right now, so uh if you have joined this call for the first time, uh you can introduce yourself to all of us over here and then we can move on with the topics.

A

This is your first time attending the website. It's.

H

It's aladdin it's my first meeting here with you guys and I'm so happy to be part of this. This community. uh It was like it was like so impression, so I love the way. Mr lee do the coaching work.

H

uh I would like to thank him. He responded to me in linkedin in like uh 15 minutes after I sent him my first message. It was like it was like warm welcoming.

H

So it's aladdin, I'm from algeria, if you don't know politics in north africa and I'm joining this community to first to make an impact. I love the idea of measuring and service measures. As I work in a hosting and you provide cloud services, I work daily in level 1 and level 2 issues.

H

So it's like a small company where I receive tickets and I escalate myself to solve issues and we are both adopting.

G

H

Cloud native approaches like kubernetes and especially booker, and the principle behind service meshes and the infrastructure management tools is so helpful. I guess in the industry of globe, so I'm here to learn from the experts and to give back to the community and regarding this meeting I guess you are talking about the website, I'm somehow familiar with the gs and we will take a look at cultures and github and they will I will, uh I will have to say I will see. How can I help, especially in the documentation, part or or something and.

G

The regarding the.

H

Mystery solution, I'm interested mostly in the performance. I would like to know more about it and to do more to.

H

Put my hands on this solution also, what can I say, lastly, is that.

H

You forget what I am going to say. Yeah these days, I'm I'm trying to deploy the machine.

H

At my end, my laptop as mr lee just instructed me in the first time I joined this channel, so I will do my best to get my hands on solution and to go make it.

H

C

Yeah, what a great intro- that's great, hey by the way. um Just a quick note for um I know yeah! We we can hear you um what a good opportunity to try the docker extension potentially um so by the way, the feedback that um aladdin might have on just being a user and stumbling up like stopping stuffing his toes on bugs and then pointing out the bugs. That's that's extremely helpful.

C

Like um yeah, it really is pointing out where the docs don't make any sense or or they might be improved or where they were um duplicative or but there's some folks on. This call that have recently worked on um a docker extension for measuring and it's arguably the easiest way to get started with uh measuring.

C

So just to know. Okay,.

A

Thank you nothing. It was great to hear from you uh anyone else, who's new on the call I think sakshi was new. Okay, quick intro.

A

A

It's actually unmuted, but we cannot hear you.

C

Yeah mr patel.

C

um The click jacker himself anyway, sakshi, oh she's, oh he's not on audio, never mind. Well, it's no fun to harass someone who doesn't have audio anyway um sakshi had, I don't think they've never been on the call before, but they he she. I say they because I'm not had sent in a um a click jacket a vulnerability, um so they found a vulnerability on layer, five 5. io on the domain.

C

um I forget, which part of it anyway was sending in a click jacking um a man in the middle attack that we were vulnerable to and we fixed that and so.

F

F

A

Okay, so I think uh we can move on with the agenda items so actually, if you figure out a way to fix your mic, please interrupt us should uh leonard, let's uh move with your topic now.

A

Will you share your screen or should I.

I

G

A

We can okay.

I

Okay, um so you can can, if you can share just the screen for me, yeah.

A

I

I joined sorry.

I

I

Last week, in the last week, um the lastic website is called the.

I

This last feature was this costs, because it wasn't really such good index date, so you needed improvements as well as the resources page had was out of sync with the search, so um the filter was not in sync with such, so basically, what I did was I actually.

I

Reversed some of the graphql queries to to improve the search so that one the resource page would be in sync, so this basically works the same way. So if you test based on the content or or the or the title or the author and same works for the blog as well, so that is basically um so you from the attack. So you think this, like you, can't see docker, but then it is there at this point so that that that was basically what I worked on.

A

uh You did the same for resources right.

I

Yes, yes, yes, basically, the resource, uh literally the resource, was the main reason. I started working on it because it was out of sync at some point so.

A

And you also fixed the lag that was there between the filters and this.

I

Yes, yes, yes,.

A

A

This looks good, so did we do the same news? I think her was looking into the news thing right.

I

Yes, yes, he would see what he worked on the news and I think that's what that was fine, as well.

E

uh Yes, I implemented this thing, also news and it's working fine.

A

This is great any other feedback or anything.

A

And this is the current news page. I think we don't have it in the meeting minutes, but uh these are the recent updates from harshit. I think this pr was merged and this is the final state.

J

G

J

A

Thank you, leonard. Okay. There was another topic from you right about the discuss forum, dark mode.

A

I

So can hear me sorry so so um there were some titles that were showing on on that mode. It shows white, so basically it's hidden um shows black, but actually not quite on that mode. So uh currently I currently fixed it so that it would like the topics, would show right on that mode, so so as to be visible to anybody who professes in using the dark mode. Instead of the light there 5 mod, just um some lights, adjustments.

A

uh Cool, thank you leonard. uh Any feedback for leonard today.

A

Okay, so the search uh works great now, I think you've made it index the entire content right. Okay,.

H

C

Nice, hey just a quick question on the the improved search so to now on whether the user is on the blogs page or on the news page. They can search for keywords in the title of the the posts or in the content of the posts. Is that right.

I

Yes, that's that's right, nice! Oh that's great! So yeah! You got that for the content, because yeah.

C

Of the changes that needed to go through.

C

Of the changes to go through to support searching either the title or the content were those changes confined to graphql statements or.

I

What did it? Yes,.

F

I

F

It's all it's going to find.

I

It's confined to graphql statement. The only thing was because the you know indexing the body was a whole lot, so I had to use some plugin called the bounce inputs to to somehow um uh perform the search uh more more efficiently.

I

So that was the only thing I just I just take the graphql to add the body and probably use the third party, the bounce plugin too, to make it more efficient.

C

Nice good deal.

F

Well, thank you.

A

Okay, so next up uh mesh smart page updates, so I think I showed it to you guys the last time, so uh we are looking to have a game minified theme for the mesh map page, so we have two components right now we have uh choose your mode, which is designer visualizer and we have choose your power-ups.

A

Another feature request uh is choose your platform, so I began working on it, but I still haven't found like the uh the most appropriate feature to show choose your platforms yet so uh any ideas will work like we basically need to design this page to like look really attractive so any uh enhancements to even these sections, like I think we were suggesting last day that, when this rotates the one which is on top should be enlarged and the other one should be smaller, so slight changes in the animations.

A

If you guys want you can work on it and you know create issues and start working on it. So yeah, uh that's uh what is about this page, any feedback right now or any ideas.

C

Yeah I've got a couple items that maybe that that might interest people- um let's see if I can share so of what deborah prio was saying- is that there's this there's this uh plug-in this visual topology mesh map that a lot of you and some of you that are on the call have been putting a lot of time into we've shown it um not.

C

We showed it six months ago, at servicemeshcon in north america, we showed it again at servicemeshcon eu and then at cubecon eu and we're going to be showing it again again and again and again we do demoed it twice at dockercon, so some of you were involved in that. So this visualizer like this, is a or mesh map itself. This is a screenshot of it for those that haven't seen it or played with it or um so. This is this interface. There's a canvas, you can create design your cloud native infrastructure.

C

You can design your kubernetes configuration, you can design your service mesh deployments and configure them, and it's it's fairly sophisticated. There's a couple of bugs in there there's tons of features to build out for anyone who's around the community. Long enough, you probably inevitably get asked if you would like to work on it, because it is a little more advanced.

C

We do selectively identify people to ask to come work on it, um but if you're interested just you know just signal that that's that's great so anyway, this page is well. It will get called out more prominently as we go um across the layer, five io site so recently there's a new button.

C

It's supposed to be kind of snarky, a little sarcastic um is to for everyone to be able to say good goodbye to their their yaml and instead they can use this visual designer instead of working in yaml. They can work in the designer so great, so understanding that there's a bit of sarcasm that flows through the community and a bit of snark.

C

There was this thought that maybe this page as prominent as it will be- maybe it could have this yeah theme where you would go like if you're playing a video game. You start the video game, you kind of choose, you know what mode you want to be in multiplayer mode or single player, or I don't know whatever the mode is right and then you go down. Maybe you choose your player like oh yeah. I want now with this player or maybe you're choosing your weapons. What have you so you can?

C

You know, there's like you, can click on them kind of see what the weapons like see all of its details? Okay, good and then another another section might be like choose your platform.

C

um Inspiration for what that choose, your platform section might be, might be um well. The content would be somewhat similar to.

C

This content here choose your platform. Actually, that's literally, what it says is: choose your platform and so here's supported platforms, even though the aspect ratio of certain pictures is off.

C

I might, I might kill myself.

C

It's amazing how hard it is just to keep a width and height in line anyway anyway. Excuse me, as you think, about the choose your platform section. um Did this here's some of what that content might be it's kind of well. First of all, this section is a little bit uh ugly and inconsistent because some of this has color and some doesn't and and but the fact that you can run mescheri or you could run meshmap on docker or kubernetes or openshift or or windows or mac like.

C

That's the current thought that there might be a section for that. Maybe this whole thought, though, is like is just like confusing. It's not clear enough that there's a parody, that's happening on a video game, um so please do think about this. A little bit just the more that you familiarize with with mesheri.

C

We want to call out the value of what users can have and if we can make it interesting at the same time great you know.

C

So, along that, I think that the next meeting minute, the next item on the meeting minutes- was to take a look at potential other enhancements, and one of those is a rotational call to action framework.

C

The kill just do you have? Do you want to explain this to folks, or do you have uh thoughts toward what might be done here.

K

Yeah, so I started working on it on this weekend. I have something like in place already, but like it's 50 of it's complete, but a bit is left so explaining what has to be done.

K

Basically, we would have a rotational framework which would be having call outs in each block or news or any mdx file, whichever we want, we would be having three custom components based on how we require the column, one of them being the image for like only image other one being the full width and the other one being large one being the bottom.

K

So these three components could be passed to the mdx provider and we could just use the components in any of the mdx files that we want to have the callout. Now these can be controlled centrally, as well as for each of the blocks. We can have custom callouts as it by passing the data whatever you want for the callout like using the react, props that we have so to demo a bit of what's working wrong right now.

K

Let me share the screen pretty.

K

Hopefully, the skin is visible, so yeah. This is one of the call outs and the other one would be this. These both are custom components which are inserted in the mdx file, and this they are. You can just enter whatever image you want. You can pass the image whichever you want to display. It has a hyperlink as well as default.

K

The image would be there, and similarly, this is another callout with the image you could customize based on whatever blog post you want, it will be having a call out with the content, as well as the link to whichever so this is partially done. Another call out would be at the bottom of this block page, which would be, which would again be customizable, like the other, and you could do the same for all the doctors.

K

This is in process should be completed soon, if not.

K

One thing that I had undoubtedly uh in the issue in the template: uh screenshot that you have added it is mentioned that the images would be having a background color of like a shade of green. So is that true, or will it be the image itself or like there would be opacity also.

C

Yeah for the first call to action, the smaller one, probably it's a full bleed image, and so there probably isn't there's no visible green background.

C

If someone doesn't, I think that, as we all go, to use this framework in the future that we would mandate uh for ourselves that, whatever graphic is to be used, fits the width and height.

C

You know in a full way such that yeah. There wouldn't be the need for like here, okay, so here this is like the second call to action, which is just kind of a it's an inline like if you're looking at a blog post in line. You would see this advertisement, I say advertisement just like a call out to something else, like the doctor extension. Something like that.

C

So nikhil's question is well. This is a rectangular shape. It doesn't have a border, so you just kind of have to imagine that it's rectangular, if there's text, that's within there, probably kind of large text that says check out the docker extension and uh click here to see more.

C

Do you all think consider that, like that it should have either a border or just a light background, and the thought was that they would each have a light background.

C

A light green background, um so that people could have understood that it was a separate call. Something separate from the blog post kind of a separate.

K

But uh this one should have because otherwise it would blend with the blog post completely and it won't be identifiable because the image would be differentiable, but the content won't so yeah in this. This uh call out, as well as the one which would be having at the bottom. Those two can have the background color but yeah with regard to this one. I doubt if we require any opacity or six for this.

C

But it's a good thought. It's a good consideration. I guess. If, if the image that's used, sort of looks like an advertisement, then maybe we don't need a green or some other ways of uh indicating that it's a separate that it's separate from the post because yeah. Otherwise, if it looks too natural and too native to the blog post, people might wonder yeah.

K

Right, but that means we would. We should be having a customizable option for that as well, so that, based on the image that we are passing, we could enable or disable the background color. What we want or the opacity which we want for them.

C

Nice make sense to me.

K

Okay- let's probably by next week, this website's called, we would be having fully working rotations ready to read like.

G

That's pretty much.

C

uh That's pretty great, um take your time, or I mean you know this is great yeah you might you might to nikhil. You might find that, uh like in certain blog posts in the past, we have if someone provided an image just to help with their blog post. We have occasionally included a light, green drop shadow, and so, as you consider the styling for those call to action sections.

C

If this styling ends up being a similar drop shadow green, then maybe there will be confusion between what's a call to action and what's just a native part of the blog post, so you might, I don't know, think about you might add a you might do. Something else is what I'm saying you. You certainly have poetic license to to change what or try out other things.

C

Something that comes to mind for me is like you know how like, if you look at that call out right there. It's the engage in the community discussion forum. Well, you know sometimes there'll be a ribbon or a banner, that's kind of diagonally on the corner. It's like on the corner of the rectangle.

C

It's, like click, click me or see this or new or, like maybe, there's something else that you end up, um adding just to help differentiate. You know just just food for thought.

K

Right right sure, let me try out how things work.

C

A good day, okay,.

K

That's all from my screen itself.

F

A

Early, do you have any other feature requests.

C

I'm not sure I think I guess they've all been. Oh here's one. Okay, here's the fun one! I think nikhil is kind of chewing through this in the background, so maybe we won't I'll. Let people read that and then it looks like I guess. The rest of them have been.

C

K

Regarding that deploy time issue, one thing I have noticed is like, since we're using github actions. In that case, the time doesn't change as much because the environment, basically, which the data data action ci provides.

K

That seems to be very minimal in case and seems to use similar amount of time as it uses even earlier, because when I like one of the prs to in which it I've migrated from version 3 to version 4 of cat speed, the build time reduces by a huge margin. When I try out locally, but in case of in deploy previews, it still takes around 8 to 9 minutes also.

K

So that is something I've noticed.

C

Are you thinking that we might use? We might augment that with some build minutes from netlify.

L

K

Is not sure because uh considering now uh the netlife account has open source license and we get around 25 000 build minutes. So maybe we could try out some month some of any one of the months. But since we have so much activity on this particular repo, I think we would get exhausted with the build units very soon.

C

C

Okay, yeah so potentially potentially when we upgrade from to a new version of gatsby, maybe there'll be a little bit of um maybe a little bit of improvement, but you but you're, saying in general, like the fact that the yeah, the framework that we're using the hosted github runner is gonna, have bare large weight on okay cool. What's what's next uh we're kind of getting close on time, I'm good! I it looks like I don't have any other features so they're back to you.

A

Okay, so uh next let's go through the updates on the new merchandise. Yes, do you want to share your screen.

C

J

You can see that the branch is live deployed thanks to method and the thing we've worked on with the catalog, the catalog creators. Finally work great thanks to leonard. He helped me a lot in this. I also made the modal copies and just the small bug that it downloads uh no file fields. I have to look into it. I was just talking to.

J

And also, I also have to add the related patterns in here and nothing else. I think that it would be everything for the petroleum.

A

I think the cards are too long like on the original page. They were shorter, like smaller, in size,.

J

So uh I made my instrument for and change the styles for it because it we see.

J

The images are a bit small and there's a lot of space in the right. So I thought to make bring it in middle too, so that the image covers most of the parts and if we have a different image for every every uh every catalog every item, then I think this would be a better option so that a person would be easily able to distinguish between every card.

A

This looks more compact, other one has a lot of background space.

A

And even the previous one, like uh the images are pretty clear like I think they are so and if you go to the new one uh so say you go down to the web assembly uh cards. There is a lot of unnecessary spacing here. It says not. Click right.

G

Yeah uh makes sense.

J

So you want me to change into the background the previous one like how we had what we currently have in the main mystery.

A

I think that looks better any other feedback.

A

Anyone else thinks otherwise all.

M

Right in the new for the filters, I guess, uh if you click deployment.

M

Can you click deployment and and then again click web assembly filter.

J

Yeah because it doesn't have any data, uh I have to change it to if it doesn't have a data to show that we don't have anything for the filters. Oh yeah.

M

Okay, the the padding for that green thing like deployment like above the card top right of the card padding, is a little bit increased yeah.

J

The chip on this chip right yeah yeah that one.

A

uh Moving aside from the okay, if anyone else has any feedback on the catalog page, uh you can bring it up now. Apart from that, I think there are a couple of other uh taking done as well. The logo is still secured. I think.

F

A

And have you started working on the other pages like the blogs and the programs pages are missing, yeah.

J

uh I started working on the programs page today. Only so I will uh I will complete it soon. I guess yeah and the the calendar page when we deployed it shows some errors about the plug-in errors. uh I I also have to look into it. uh It works fine in my in my uh local deployment, but it shows error in uh when I try to deploy it. When I try to even build it, it shows errors, so I have to look into it and.

J

And I also have to ask that who made the previous this uh service mesh interface page, because uh when I try to look into it and plan, but how to do it, uh I face a little uh obstacles to overcome. So if someone can tell who made the previous one, I can talk to the person and.

C

Yeah here's. The thing is like actually this this might be a pre-optimization to I'm, not sure that the catalog is in its current form is like. If you go back, I don't know that it's so the so. The thing that we've accomplished thus far is the ability to have to filter, have multiple checkboxes on the page right, yep, okay and then what we're? What we're looking at, though, is like weeks and weeks and weeks more of work of like the calendar, the conformance page, the like, like there's just there's a there's, a long list right.

C

I think the logo is still the aspect. Ratio is still off like there's a massively long list of css issues. um I mean yeah like I won't. Even I wouldn't even start because I mean there's just like just on this page. There's.

C

And look face staring that down, I would say, like it, ain't worth it to just have the ability to have a spa-like experience to be able to apply multiple filters, but currently do you have individual pages for each of the categories for uh each categories? I don't have individual pages, it's just so.

J

C

So since last, we spoke like the thing that you've accomplished is the ability to filter two things at once.

C

Yes, I mean no, but can't re-characterize it if that's not accurate, like what else was accomplished.

J

um uh Yeah I just I made the catalog page the ability to copy and download.

C

I don't mean to chuckle man, but like okay, that's like a five-minute change; okay, like uh okay, all right good. I think I think I understand where we're at anybody else have feedback on the effort.

H

I have a small motor regarding the.

H

The sidebar in the new design it looks modern, but regarding the the charts I love the old old one. The old one for me are so clear and they are occupating the full space in the page.

H

So it's a it's an amazing one.

J

So uh I understood right that you, you are saying that the filters need a little more space right. A width should be increased. Yes,.

H

Regard, okay and also I I think that if you lower the opacity a little bit, it will be more clear when you hover over one of the cards. I think the I think give it a try, give it a try, lowering uh the opacity a little bit and see what it gives.

H

It's like for me, it's so dark when you hover on one of the cards.

J

So what we can do is inverse it like inverse the power on it.

H

Exactly make it more uh how to say, make the font more uh explicit, uh comparing to the the the grey hole, but regarding the the sidebar I love the the design. The filters I mean the filters are so nice.

H

G

A

Thank you. Yes, let's move on, so we got a time, uh but we had the compatibility matrix uh and the smp dashboard. So do you want to quickly get this yeah.

M

I'll do it quickly.

M

Can I share my screen yeah.

M

Okay, uh so we were doing the three-page layout for the uh smp dashboard, which, uh uh in the previous one we are doing hard-coded one, but now, with the help of apis, we are able to load live data from the mastery cloud like database itself, so the like, if you want to see results for particular performance profiles, we are able to see through uh api calls and all the three pages are working functional like are working as as required.

M

uh One thing I added a new one thing: I added was the pagination thing pagination. uh So if we click, if we click on page, we go to the next page. uh So one issue I'm facing right now is that uh since it's all in plain javascript and html, the selection uh like I'm, not I'm a bit stuck on the selection thing right. If you click one, one should be selected that that thing needs to be worked on and yeah.

M

That was a quick update on the snmp dashboard and okay, uh so, for I think for most of the uh dynamic like the dynamic linking and all I'm using the url, and I hope that's fine. Like uh so suppose, I want to go page 2. I like actually put page 2 in the url and then extract that from the url and then put it in the fetch profile, like fetch, fetching the api.

M

So I hope that doesn't make any problem like. Is it okay.

F

Yeah sue betty: what did you show that was new harvested.

C

Oh okay, so I added the page imagination: okay, you're gonna fix the color there and then you're gonna fix the color on the left hand side in the menu. Nobody can read all right. This.

M

Is just initially disabled they're inactive right now, so I didn't so like I added these like page uh what page we are on the url, so is that, like okay or uh yeah, uh yeah.

C

But it's like yeah under burst, you're on page two yeah.

M

C

Similarly, for the show results also.

M

Like I added this id in the url and then extract it from there nice in that case, like page two.

F

I don't know yeah.

F

Yeah, I suppose that makes sense.

C

Nice yeah, that's good, that's good and then, and then the url that that lets people explicitly get to a result set as well. Is that what you're saying that's really great yeah? That's great.

C

And yeah: that's good any! um Are we able to show the details of the environment yeah.

M

That was it and regarding the compatibility matrix.

M

So uh this is the current state of comparative matrix in which we are showing uh the like kubernetes, which the measuring components are compatible with which kubernetes version. So we are uh like planning to expand this compatible matrix. We even show more data and how how much our measuring components are compatible.

M

So what we are planning next is to include uh include how metric uh measuring components are compatible with service mesh versions like uh what service mesh version like htoo's latest version is compatible with mesh mastery, hd or not so we're looking for any volunteers or anyone who's interested to work in this for some designs and how we can integrate in this uh compatibility. Matrix.

C

Yep, okay, so you see better, you gotta, give specific. Will you create issues on this specifically for what could be changed? Okay, yeah and then that that'd be great, because then other people can potentially jump in to assist okay, sure.

A

uh Thank you uh right, so we have five over time, so I think we can take up the topics for the next call.

A

Thank you all for joining uh zakaria. Can you please add it to the next week's agenda items, since we are over time today.

B

All right sure.

A

Yeah, okay, cool! Thank you, everyone for joining, see you soon.

A

C

Thanks everybody. Thank you. Deborah see you all.

D

F