GitLab Digital Experience, 7 Jun 2022

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Using Web IDE to add image assets to a merge request

Description

Lauren and Tina from the Digital Experience team discover how to use the Web IDE to add image assets to a merge request.

https://gitlab.com/gitlab-com/marketing/digital-experience/buyer-experience/-/merge_requests/691

A

Hey this is lauren barker here at tina and uh we're just gonna walk through how to upload a new image to a merge request um actually discovered a bit of. um I guess, like a feature request that I'm gonna submit, um so we can use the web ide in the single file editor to edit files with an mr- and I was just assuming that you could come to this changes. Tab click on here and this view file and go in here to open that web ide and drop the new image, but we're getting.

A

This can't fork the project or fork the project can't edit files directly and that's really weird, because, like I'm a maintainer of this project and it's not showing the branch name up there, so some funny stuff, so I'm gonna do it this in a different way.

A

If I come up here and click on the branch name, it will take me to the branch that creates this. Mr and this is our buyer experience repo. I can come down to statics directory next images. This is where we're keeping all of our images- and this mr happens to deal with um updating our open graph images for small business and enterprise.

A

So let's go to this open graph. Smb here is the current one that I uploaded to this, mr, I had tina, create a much better one, and so I can, from this angle, come in and it will open in the web ide and we can come down here and see it's right there. Now. This still doesn't give me a nice just swap that image out functionality, which is exactly what we need.

A

So, instead of doing that, I'm going to go up a directory and just say um upload file, and I've got this one right here, and this is the the pretty one tina made cool and so that uploaded it used um a different file name. So I'll just go to this and we're going to rename it. I just I'm using this, so I can copy the name, I'm going to cancel it, and now I'm going to delete this file and now rename this one, which we just uploaded, which is the pretty one.

A

Now it's renamed. Let's do a commit and say change out pass in the uh social share image for a better one, and we can create that commit well shoot that sucks.

A

Well, huh no, oh, I don't want to create a new merge request. Let's just do commit.

A

B

Well, I wanted to do the next one.

A

I know I won't wanna, we can figure it out. Let's.

A

Changes: okay, we're gonna, try we're just gonna we're gonna go back to to start.

B

Should I not also be in there? Maybe I'm like uh no, it's clicking around smart.

A

So I've hit the back button a couple. I can see that we're we're here in um my branch name and we've got the smb, so I'm just gonna re-upload it so upload a file and we won't do any renaming stuff. We can do that as separate, so gitlab small business.

A

So now we're gonna have two files and, let's just try one commit that says, add new social share image for smb.

A

um I don't want to start a new, mr. I just want to commit it to that branch come on work, yes, okay, get the rocket, and then we can come down to pipelines past for this, which takes me back to.

A

This, mr and I can look into the commit, and there it is okay, do you want to do try to do the enterprise I already.

B

Changed the file name. Should I change it back yeah.

A

Let's change it back, because that was a little buggy.

B

A

um You might want to uh refresh um or go back in from the the merge request, just so that, because my commits already been in there, um so you want to make sure that oh.

B

I'm not I don't have. I must have it in my to-do's. I need to find the original issue. Oh no, I'm lost allison.

A

I'm on this side, thanks.

A

There it is 691.

B

Where am I looking all right? Let's do this.

A

There we go yeah all.

B

A

Okay, so we're here, I want to go to changes um yeah, but click on the the branch name at the top. Oh, this yeah yeah we're going in at a different angle. I'm going.

B

To open web id from here yeah and then I'm going to find the open graph uh folder, which will be in static static. That's it yeah images and then open graph, which will be here and then so. We've got the enterprise which is here, but I'm going to leave it here for now and I'll just upload. The new uh image yep.

A

Now we get to see how your computer is organized.

B

Here she is no renaming just leave her like this yeah.

A

B

Okay, create a commit, I'm gonna say update. um Do I have to change this copy.

A

Yeah yeah put um new. What is what are you doing here.

A

I, like new uh enterprise image like little notes for future self, as if your future self had no idea. This happened. Never, let's just leave it like this. Okay.

B

We don't want to do this, so uncheck start a new merge request and I'm just gonna make sure the story image all right commit.

B

A

If you go to either the commit number there, oh, um if you go to the very bottom, there's like that fa2c9 aide, you have that thing yeah. That is, um this is the commit where you actually changed it. And then, if you look at the top, it says one merge request: six nine one um yeah that little blue guy doing what I click here. That one will take you back to the mr and then, if you click on that commits tab, we'll see four changes and woo look. Your profile shows up and your name.

B

Yeah you're in the commit log.

A

Man super cool.

B

It is really exciting. Do I get a like a badge or something.

A

Well, you actually um on your commit graph on your profile. It'll show up in your history. So amazing that is pretty cool um cool. Well, that's it for today, so yeah, bye,.