00:00:10.156 --> 00:00:15.114 Alright, so for today we're going to add a panel to the
00:00:15.114 --> 00:00:15.646 admin.
00:00:16.296 --> 00:00:22.080 We're going to pretend that the list and the details is already
00:00:22.080 --> 00:00:27.955 built out for this, so I'm gonna go to the editor and we want to
00:00:27.955 --> 00:00:33.740 go to the app dot TS to begin, and in here we want to find make
00:00:33.740 --> 00:00:35.006 set of states.
00:00:35.296 --> 00:00:39.525 Here's the function being initialized and we want to go to
00:00:39.525 --> 00:00:43.969 the next one where we have all the others being called and we
00:00:43.969 --> 00:00:48.413 can either copy one of these if you're making it under sales,
00:00:48.413 --> 00:00:52.713 you don't need to make a new container state, but if we are
00:00:52.713 --> 00:00:57.086 making something else, you will want to make a new container
00:00:57.086 --> 00:00:57.516 state.
00:00:57.966 --> 00:01:03.668 In this case, it'll be auctions, so I'll just replace the sales
00:01:03.668 --> 00:01:04.916 with auctions.
00:01:07.976 --> 00:01:11.688 Now if we hover over this function, we will see what we're
00:01:11.688 --> 00:01:12.506 editing here.
00:01:12.596 --> 00:01:16.857 So the first piece is the name and now this is going to be a
00:01:16.857 --> 00:01:17.626 permission.
00:01:18.056 --> 00:01:23.139 So in your database you want to make sure that that permission
00:01:23.139 --> 00:01:27.739 does exist, and if it does not, you'll want to add it to
00:01:27.739 --> 00:01:29.676 contacts Dot permission.
00:01:30.266 --> 00:01:36.098 So here we can see the admin dot auctions dot auctions and we can
00:01:36.098 --> 00:01:41.754 see the regex right here doing admin dot auctions and then some
00:01:41.754 --> 00:01:45.466 alpha uh string following after that dot.
00:01:48.356 --> 00:01:52.666 So next we have the outer view.
00:01:52.716 --> 00:01:54.986 The URL in the translation key.
00:01:55.156 --> 00:01:59.304 If you do wanna know more about what each one of those is doing,
00:01:59.304 --> 00:02:03.007 you can always go to the function and just follow it down
00:02:03.007 --> 00:02:06.326 as there's quite a bit that's happening right here.
00:02:09.146 --> 00:02:11.396 But for now, we'll just continue on.
00:02:11.406 --> 00:02:16.472 So this thread here will be the URL and this one I want to make
00:02:16.472 --> 00:02:17.106 auction.
00:02:20.276 --> 00:02:21.666 Let's make it auctions.
00:02:22.336 --> 00:02:27.833 This will be auctions as well and then this last one will be
00:02:27.833 --> 00:02:29.636 the translation key.
00:02:29.886 --> 00:02:31.996 So you will have to go to the.
00:02:33.306 --> 00:02:37.934 Translation excel sheet and make sure that what you are punching
00:02:37.934 --> 00:02:38.646 in exists.
00:02:38.656 --> 00:02:42.206 If not, as always, go and make the translation key.
00:02:47.916 --> 00:02:52.127 OK, so now and the makes set of states we have some similar
00:02:52.127 --> 00:02:55.076 setup over here with the name permission.
00:02:55.286 --> 00:02:58.556 The Outer Review interview URL and so on.
00:02:58.786 --> 00:03:04.727 So we can go ahead and start updating these, so the name for
00:03:04.727 --> 00:03:10.084 this is going to be auctions and this third one is the
00:03:10.084 --> 00:03:11.156 permission.
00:03:12.356 --> 00:03:15.878 So we'll leave the admin piece, but we'll update the the
00:03:15.878 --> 00:03:16.496 following.
00:03:22.326 --> 00:03:27.746 You got 2, not 2, Knowles for the outer and interview, and
00:03:27.746 --> 00:03:29.676 then we have the URL.
00:03:29.746 --> 00:03:34.604 So this is where it will live on the admin here in a moment,
00:03:34.604 --> 00:03:39.781 we'll we'll follow the URL path and we'll see that it's going to
00:03:39.781 --> 00:03:43.286 live under auction auctions slash auctions.
00:03:46.376 --> 00:03:50.745 And a translation key once more over here, which in my case is
00:03:50.745 --> 00:03:52.756 going to be auctions, plural.
00:04:00.096 --> 00:04:06.806 OK, so now that we have this one, I'm also going to make one
00:04:06.806 --> 00:04:07.906 four bits.
00:04:10.906 --> 00:04:13.476 So we will have two routes now.
00:04:13.486 --> 00:04:18.606 This one here will follow under slash auctions slash bids.
00:04:27.816 --> 00:04:28.326 OK.
00:04:28.376 --> 00:04:35.294 And it'd be nice to align these, but in the call of time I will,
00:04:35.294 --> 00:04:37.956 I guess align them still.
00:04:38.206 --> 00:04:42.669 OK, so now that we're done in app Dot TS, we will move on to
00:04:42.669 --> 00:04:45.596 the second place, which is home dot TS.
00:04:45.926 --> 00:04:51.384 These temp panels are the actual panels that you see on that home
00:04:51.384 --> 00:04:52.956 page for the admin.
00:04:53.526 --> 00:04:57.406 We can either add it somewhere in between or towards the end,
00:04:57.406 --> 00:04:59.096 depending on where you add.
00:04:59.106 --> 00:05:02.376 It generally depends on where it will display.
00:05:02.836 --> 00:05:07.103 Some of these do have self config checks to make sure that
00:05:07.103 --> 00:05:11.732 that app setting exists before it gets added, or if it needs to
00:05:11.732 --> 00:05:13.396 get added more like it.
00:05:14.056 --> 00:05:19.526 Uh, a more there we go like feature set categories enabled.
00:05:19.536 --> 00:05:23.612 You only see categories if that is true, something like products
00:05:23.612 --> 00:05:24.616 is always there.
00:05:24.726 --> 00:05:29.479 So we will make it so that our panel is always here by just
00:05:29.479 --> 00:05:33.836 copying one from the other ones and editing from here.
00:05:33.846 --> 00:05:36.156 However, you need it to be fit.
00:05:36.906 --> 00:05:38.736 There are a couple of.
00:05:43.256 --> 00:05:48.616 Key value pairs that aren't necessary depending on what you
00:05:48.616 --> 00:05:54.334 are doing, such as sales orders up here, they do not create new
00:05:54.334 --> 00:05:59.516 sales orders just because it is commented out right here.
00:05:59.666 --> 00:06:05.129 If you want to be able to create new of whatever model you're
00:06:05.129 --> 00:06:10.416 working on, you would make a different a different file for
00:06:10.416 --> 00:06:16.056 it, or reuse the file that you are using like proxy dot detail.
00:06:16.546 --> 00:06:22.372 Sales order does have its own unique file, so for this one I
00:06:22.372 --> 00:06:24.856 will not have a new state.
00:06:26.136 --> 00:06:30.046 We'll just have a list, so we will not be creating new
00:06:30.046 --> 00:06:31.966 auctions through the admin.
00:06:37.146 --> 00:06:45.696 Now the list state over here is where your file lives.
00:06:46.306 --> 00:06:52.906 We can follow where our auctions auctions lives by going up.
00:06:56.226 --> 00:07:01.607 And we can see here is auctions, auctions, uh do we have another
00:07:01.607 --> 00:07:07.072 auctions Jesse, are you aware if we have another location for the
00:07:07.072 --> 00:07:11.046 details and list or is this the only one cause?
00:07:11.056 --> 00:07:12.356 I believe there was a list.
00:07:11.176 --> 00:07:14.066 Oh, yeah, yeah, there's there's a.
00:07:14.076 --> 00:07:17.284 Let's see, you're under controls, and there's gonna be,
00:07:17.284 --> 00:07:18.086 like, a views.
00:07:18.156 --> 00:07:18.446 Yeah.
00:07:18.456 --> 00:07:19.846 Yeah, I like to do it that way too.
00:07:18.866 --> 00:07:19.046 Yeah.
00:07:19.856 --> 00:07:20.406 Yeah. Views.
00:07:20.416 --> 00:07:20.796 Auctions.
00:07:20.806 --> 00:07:21.406 Yeah.
00:07:21.476 --> 00:07:24.386 Yeah, it's fairly well organized, honestly.
00:07:24.456 --> 00:07:27.729 The because it's a true single page application Angular JS, so
00:07:24.806 --> 00:07:25.556 Yeah, here we go.
00:07:27.729 --> 00:07:31.003 it's really old school, but it's true spa you're doing all the
00:07:31.003 --> 00:07:32.406 States and stuff right now.
00:07:32.416 --> 00:07:32.896 It's pretty cool.
00:07:35.046 --> 00:07:42.546 So for here my list states would be not controls but views.
00:07:42.726 --> 00:07:47.846 So the folder auctions and then I have auctions list so that is
00:07:47.846 --> 00:07:49.766 auctions for the folder.
00:07:52.936 --> 00:07:59.486 And then auctions list for the name of the file, the list key.
00:08:01.106 --> 00:08:04.976 This one is the translation key.
00:08:07.646 --> 00:08:14.326 So we will update this as necessary and the footer key.
00:08:15.936 --> 00:08:18.946 I'm actually not remembering what the footer key is doing
00:08:18.946 --> 00:08:19.466 right now.
00:08:19.476 --> 00:08:23.406 I know the keywords is what appears on the cloud section.
00:08:26.076 --> 00:08:26.806 But her key?
00:08:26.816 --> 00:08:29.766 I really don't know either, does it?
00:08:28.216 --> 00:08:28.866 Yeah, I don't.
00:08:29.336 --> 00:08:30.316 I don't see.
00:08:29.836 --> 00:08:31.136 You could check like the home.
00:08:31.146 --> 00:08:34.141 Uh, you could check like the home dot HTML and I think it
00:08:34.141 --> 00:08:35.536 calls like there's another.
00:08:36.516 --> 00:08:37.806 It's really a retro app.
00:08:37.816 --> 00:08:39.896 I haven't had to miss with for so long.
00:08:40.786 --> 00:08:41.056 Right.
00:08:41.066 --> 00:08:43.506 You would think that there be like a fair piece.
00:08:44.436 --> 00:08:45.326 Yes, there might be.
00:08:45.336 --> 00:08:46.376 That is that what I mean?
00:08:46.386 --> 00:08:48.486 There might be a special key that can go in there.
00:08:46.906 --> 00:08:47.646 Panel footer.
00:08:48.536 --> 00:08:50.076 Yeah, I it.
00:08:50.086 --> 00:08:53.136 It may be something that just hasn't, you know, yeah.
00:08:50.496 --> 00:08:54.886 Well, let's do a quick yeah, it was probably in there, probably
00:08:54.886 --> 00:08:56.396 removed at some point.
00:08:56.466 --> 00:09:00.098 It very well could, could honestly be that then that you'd
00:08:59.786 --> 00:09:03.388 So I don't see the instructions anywhere on any of these, but I
00:09:00.098 --> 00:09:00.406 have.
00:09:02.916 --> 00:09:03.126 Yeah.
00:09:03.388 --> 00:09:03.726 guess.
00:09:09.016 --> 00:09:11.176 Ah, this is a translation as well.
00:09:12.206 --> 00:09:13.016 OK.
00:09:13.406 --> 00:09:18.616 So the product instructions is that this right here?
00:09:20.466 --> 00:09:21.216 It might be that.
00:09:21.466 --> 00:09:24.086 Yeah, I feel like that's instructional.
00:09:23.776 --> 00:09:27.426 So let's go ahead and write down.
00:09:28.836 --> 00:09:34.050 This is the footer and we will see what it is here in a moment
00:09:34.050 --> 00:09:39.265 and then the keywords I'm going to use the auto populated list
00:09:39.265 --> 00:09:41.666 that I have here or auctions.
00:09:46.486 --> 00:09:47.946 Uh, it copied an image.
00:09:47.956 --> 00:09:48.536 That's lovely.
00:09:48.546 --> 00:09:49.506 I guess I won't do that.
00:09:52.006 --> 00:09:55.756 And then all all of them have a null as the first one.
00:09:55.766 --> 00:09:59.563 I'm sure there's a reason for that, so I'm just gonna let it
00:09:59.563 --> 00:10:03.174 be this is going to be a frequent and we'll do 2 auctions
00:10:03.174 --> 00:10:03.486 here.
00:10:03.546 --> 00:10:10.387 We don't deal with inventory, but instead we'll deal with a
00:10:10.387 --> 00:10:11.186 seller.
00:10:12.796 --> 00:10:16.203 That is so weird, but I bet it's so that they all show up when
00:10:16.203 --> 00:10:19.719 you don't have anything clicked like like if you have one of the
00:10:19.719 --> 00:10:21.666 floating things clicked at the top.
00:10:19.766 --> 00:10:20.476 Ohh.
00:10:21.676 --> 00:10:23.166 I bet it's so they all show up.
00:10:23.176 --> 00:10:25.276 It's a weird way of doing that, but that's my guess.
00:10:26.546 --> 00:10:27.726 That that makes sense.
00:10:28.586 --> 00:10:29.036 OK.
00:10:29.086 --> 00:10:29.336 And then?
00:10:33.146 --> 00:10:36.436 The wine here just to demonstrate the bids as well.
00:10:36.706 --> 00:10:43.592 Now the bids also if we look at the views folder lives under
00:10:43.592 --> 00:10:44.496 auction.
00:10:44.506 --> 00:10:46.876 So this will not be bids dot bids.
00:10:46.886 --> 00:10:50.806 This will actually be auctions dot bids list.
00:10:53.026 --> 00:10:56.986 Just so that you don't get confused doing folders here.
00:10:57.746 --> 00:11:02.966 This will be bids list key bids.
00:11:06.776 --> 00:11:08.806 OK, let's go ahead and give that a safe.
00:11:08.816 --> 00:11:11.733 Make sure you have a TypeScript doing the build in the
00:11:11.733 --> 00:11:13.006 background of the watch.
00:11:13.016 --> 00:11:15.586 If not, give it a go build and a gold minify.
00:11:16.016 --> 00:11:16.746 You mess with the.
00:11:19.296 --> 00:11:24.318 Uh, the TypeScript files, so you could just do the build main
00:11:24.318 --> 00:11:27.316 instead of uh doing everything else.
00:11:28.946 --> 00:11:32.899 So that's go build admin main that I always like to do a
00:11:32.899 --> 00:11:35.466 modify afterwards just to make sure.
00:11:38.166 --> 00:11:40.246 OK, so that's done doing the build.
00:11:40.256 --> 00:11:44.162 We will go open this up and give it an empty cache and hard
00:11:44.162 --> 00:11:46.246 refresh because this is angular.
00:11:50.126 --> 00:11:54.763 Ignoring anything we have break pointed and we have a couple of
00:11:54.763 --> 00:11:59.328 errors here, so let's go ahead and scroll up to the top and it
00:11:59.328 --> 00:12:03.675 looks like we're requiring some sort of permission and it's
00:12:03.675 --> 00:12:07.516 telling us in the home panel for what this tells us.
00:12:08.126 --> 00:12:08.666 Lovely.
00:12:08.736 --> 00:12:11.736 That's not gonna tell us the info you would like to see.
00:12:13.396 --> 00:12:18.166 So we can go look and see what we did wrong in home.
00:12:19.806 --> 00:12:20.896 Yeah, it was it.
00:12:20.906 --> 00:12:22.956 This dot state dot requires permission.
00:12:22.966 --> 00:12:23.276 What?
00:12:23.286 --> 00:12:23.776 What was it?
00:12:23.786 --> 00:12:25.536 That was the null was.
00:12:25.896 --> 00:12:26.806 Yeah, I missed that too.
00:12:26.136 --> 00:12:26.386 Uh.
00:12:27.476 --> 00:12:31.576 The permissions was over here and app dot TS.
00:12:32.196 --> 00:12:32.496 Yeah.
00:12:33.146 --> 00:12:36.796 Let me confirm that I did this correct.
00:12:36.186 --> 00:12:37.966 Looks all right to me.
00:12:36.866 --> 00:12:37.996 Auctions.
00:12:38.006 --> 00:12:39.916 Did I spell stuff correct?
00:12:40.026 --> 00:12:42.996 Is the casing correct Oct Shannons?
00:12:44.096 --> 00:12:53.336 Ohh then this one admin auctions OK that mean auctions we got the
00:12:53.336 --> 00:12:53.756 AZ.
00:12:58.406 --> 00:12:59.786 Let's hover over this again.
00:12:58.436 --> 00:13:00.226 What was it that was actually null?
00:13:00.326 --> 00:13:03.613 It was something was null and it was trying to read dot required
00:13:03.613 --> 00:13:04.726 permissions off of it.
00:13:04.736 --> 00:13:05.916 I totally missed that.
00:13:09.476 --> 00:13:10.066 Uh, yeah.
00:13:10.076 --> 00:13:10.846 Let me go back to that.
00:13:12.346 --> 00:13:16.186 Yeah, reading requires permission that this thought.
00:13:16.196 --> 00:13:17.416 What is the required permission?
00:13:17.706 --> 00:13:20.716 Yeah, this starts state dot git.
00:13:18.386 --> 00:13:20.986 Ask permission state this list state.
00:13:20.766 --> 00:13:24.090 This dot list date OK so it couldn't find this dot list date
00:13:24.090 --> 00:13:27.196 off of this dot state, so it was whatever list state is.
00:13:27.206 --> 00:13:28.886 It's it died on that for some reason.
00:13:32.706 --> 00:13:34.486 Ohh it's a typo.
00:13:35.056 --> 00:13:35.886 Ah.
00:13:36.466 --> 00:13:40.991 I did single auction but I believe it's views, auctions,
00:13:40.991 --> 00:13:41.706 auctions.
00:13:41.756 --> 00:13:43.646 Yeah, look at that.
00:13:43.106 --> 00:13:43.306 Uh.
00:13:44.026 --> 00:13:46.526 So let's add the S give that another save.
00:13:47.326 --> 00:13:47.846 Thank you, Jesse.
00:13:49.346 --> 00:13:54.976 I so finicky there's yeah.
00:13:52.076 --> 00:13:52.556 It is.
00:13:52.566 --> 00:13:56.268 You have to make sure it all matches, uh with the permissions
00:13:56.268 --> 00:13:56.686 pieces.
00:13:57.216 --> 00:14:01.491 This can really leave you pounding your head on the desk
00:14:01.491 --> 00:14:06.066 like I had before I had a call in David and I was like, bro,
00:14:06.066 --> 00:14:08.166 can you take a look at this?
00:14:09.726 --> 00:14:11.396 I need immediately, like, dude, you're.
00:14:11.466 --> 00:14:15.768 You're not matching everything, so whenever you do this, do you
00:14:15.768 --> 00:14:18.256 try to match bids to always be bids?
00:14:19.646 --> 00:14:23.246 Umm in any of the locations that you do type it into.
00:14:26.846 --> 00:14:27.166 Uh.
00:14:27.176 --> 00:14:30.792 The URL don't doesn't really matter, but it's like the
00:14:29.566 --> 00:14:29.976 Yeah.
00:14:29.986 --> 00:14:30.706 When it makes that.
00:14:30.792 --> 00:14:32.436 permissions specifically.
00:14:32.446 --> 00:14:37.216 So make sure that those match all the way across.
00:14:36.186 --> 00:14:38.914 When it makes that set of states, it probably sets the
00:14:38.914 --> 00:14:41.842 template URL to be like I I don't know how it does it, but
00:14:41.842 --> 00:14:44.670 it probably breaks on periods and like makes this folder
00:14:44.670 --> 00:14:46.456 structure be the same as the state.
00:14:46.466 --> 00:14:48.076 That's probably what's or something, right?
00:14:48.086 --> 00:14:50.056 I don't know. Yeah.
00:14:50.236 --> 00:14:51.156 I'm not sure.
00:14:55.096 --> 00:14:56.866 The admin was built before my time.
00:14:57.956 --> 00:15:02.121 OK, so we've got auctions now and it looks like we are missing
00:14:58.606 --> 00:14:59.096 Yeah, me too.
00:15:02.121 --> 00:15:02.716 bids now.
00:15:03.826 --> 00:15:05.696 Uh, do I have preserve a lot?
00:15:05.706 --> 00:15:07.006 Because that's what it's looking like.
00:15:08.216 --> 00:15:09.456 Give that another refresh.
00:15:13.016 --> 00:15:15.376 OK, so there was two separate sections.
00:15:15.446 --> 00:15:19.431 Hey, can I read the properties of requires permission again on
00:15:19.431 --> 00:15:20.696 this dot list state.
00:15:20.706 --> 00:15:22.236 So let's go look at the bids.
00:15:22.246 --> 00:15:26.553 One because we got the auctions and hey, that was the footer
00:15:26.553 --> 00:15:26.836 key.
00:15:27.426 --> 00:15:32.010 It was the little description piece and we do go to auctions
00:15:29.456 --> 00:15:29.756 Ohh nice.
00:15:32.010 --> 00:15:34.566 auctions list as I was expecting.
00:15:35.676 --> 00:15:36.646 Let's go back.
00:15:37.076 --> 00:15:39.441 Yeah, this is the footer key, so that's definitely the
00:15:39.441 --> 00:15:40.946 description that footer key piece.
00:15:41.356 --> 00:15:44.310 So that could have been named probably like description key or
00:15:44.310 --> 00:15:45.576 something, but that's fine.
00:15:46.216 --> 00:15:50.496 UM, so auctions bids list?
00:15:53.396 --> 00:15:55.016 Auctions bids list.
00:15:57.906 --> 00:15:59.016 Let's felt the same.
00:15:59.126 --> 00:15:59.856 That's bids.
00:15:59.866 --> 00:16:04.536 That's list this key you my admin common.
00:16:06.866 --> 00:16:07.926 It's a plural.
00:16:09.506 --> 00:16:10.956 You know, I haven't come in bids.
00:16:10.966 --> 00:16:11.536 Plural.
00:16:11.546 --> 00:16:16.282 OK, the footer, you know this could be like bids instead, but
00:16:16.282 --> 00:16:18.116 that's not gonna fix it.
00:16:21.486 --> 00:16:22.956 I mean, you, you'd be surprised.
00:16:25.996 --> 00:16:27.126 Interesting.
00:16:27.136 --> 00:16:31.711 So saying list date and it's request so it couldn't find the
00:16:31.711 --> 00:16:32.686 state, right?
00:16:32.696 --> 00:16:37.590 This dot state dot git and it return null when it passed in
00:16:32.706 --> 00:16:33.206 Bids.
00:16:37.590 --> 00:16:42.810 auctions dot bids dot list which is really weird because that's
00:16:42.810 --> 00:16:47.786 what you the sweet typed in right auctions dot what is what?
00:16:45.716 --> 00:16:45.896 Yeah.
00:16:47.826 --> 00:16:48.376 Where is it?
00:16:48.386 --> 00:16:54.516 Auctions bids list and then we have a views auctions bids list.
00:16:50.286 --> 00:16:52.026 Yeah, but you're makes.
00:16:55.006 --> 00:16:55.336 Yeah.
00:16:55.346 --> 00:16:57.116 What was your make set of states again?
00:16:57.126 --> 00:16:59.416 Because I feel like I feel like you were right.
00:16:57.846 --> 00:16:57.976 Yeah.
00:16:59.426 --> 00:16:59.766 It's just.
00:17:02.456 --> 00:17:02.766 Yeah.
00:17:02.776 --> 00:17:03.286 Yeah, OK.
00:17:03.296 --> 00:17:07.256 Yeah, yeah, bids, wouldn't it be bids dot bids dot list?
00:17:08.716 --> 00:17:10.396 Batman auction bids.
00:17:11.086 --> 00:17:15.056 I mean, because so we might actually like step.
00:17:15.236 --> 00:17:19.356 So remember your first two are bids, bids, and then that that.
00:17:18.796 --> 00:17:20.356 Ohh, this is auctions.
00:17:20.366 --> 00:17:20.946 Yeah.
00:17:20.956 --> 00:17:23.696 So if we look at this route state name.
00:17:22.466 --> 00:17:24.176 Yeah, roots state name.
00:17:24.186 --> 00:17:25.456 Totally right.
00:17:25.586 --> 00:17:26.656 Because sometimes I've had.
00:17:26.666 --> 00:17:30.908 I mean, I feel like you're unlocking a core memory because
00:17:30.908 --> 00:17:35.295 I'm probably had to do this before and just drown my sorrows
00:17:35.295 --> 00:17:36.446 later, you know?
00:17:36.456 --> 00:17:38.076 So I don't remember quite as good, but.
00:17:42.116 --> 00:17:45.428 That, like I said, the admin panels will make you bang your
00:17:45.428 --> 00:17:48.795 head against the desk if you don't have someone else looking
00:17:48.795 --> 00:17:50.176 at it every now and then.
00:17:55.176 --> 00:17:57.367 Ohh, I'd probably have to wait for her TypeScript to finish
00:17:56.906 --> 00:17:57.776 Was that not it?
00:17:57.367 --> 00:17:57.696 building.
00:17:58.046 --> 00:18:00.836 Ohh, it yeah, me too.
00:17:59.436 --> 00:18:00.056 I'm impatient.
00:18:39.776 --> 00:18:40.886 Ooh, it's getting faster.
00:18:42.016 --> 00:18:42.426 Look at that.
00:18:44.706 --> 00:18:49.686 And now we also talked about the keyword the keyboards cloud, so
00:18:49.686 --> 00:18:54.590 we can come over here and click on auction, just get auction or
00:18:54.590 --> 00:18:56.506 we can click on bid bids.
00:18:56.516 --> 00:19:00.306 There was a frequent that was put on quite a bit of them.
00:19:01.676 --> 00:19:02.856 It's auction bids.
00:19:02.866 --> 00:19:03.546 That's cool.
00:19:03.596 --> 00:19:04.136 No filter.
00:19:04.146 --> 00:19:04.996 That's probably the null.
00:19:05.586 --> 00:19:06.056 Totally.
00:19:06.066 --> 00:19:07.806 I was just thinking that you're.
00:19:07.816 --> 00:19:08.496 You're totally right.
00:19:08.506 --> 00:19:10.981 It's gotta be if it puts a null to whatever's doing this
00:19:10.981 --> 00:19:11.416 filtering.
00:19:13.006 --> 00:19:13.376 OK.
00:19:14.166 --> 00:19:18.277 The next piece that I guess we can just throw in here as well
00:19:18.277 --> 00:19:21.196 is where is our, where is our header piece.
00:19:21.446 --> 00:19:25.107 You know the little drop down, so we can just jump in there
00:19:25.107 --> 00:19:25.596 quickly.
00:19:25.606 --> 00:19:27.606 Cause why not dude?
00:19:29.236 --> 00:19:30.546 Uh, for this guy?
00:19:30.556 --> 00:19:35.546 We want the it's like menu to admin site menu 2.
00:19:37.706 --> 00:19:37.906 What?
00:19:38.006 --> 00:19:39.216 What's up with menu one?
00:19:40.506 --> 00:19:40.916 Doing now.
00:19:41.826 --> 00:19:42.676 You remember?
00:19:42.736 --> 00:19:45.592 You might remember like all that time ago there was user
00:19:45.592 --> 00:19:48.699 dashboard too and and that was like the one we were all using
00:19:48.699 --> 00:19:51.356 and user dashboard was long long gone by that point.
00:19:52.026 --> 00:19:54.556 Do you remember that or we eventually renamed it?
00:19:53.666 --> 00:19:54.686 No, I wasn't here for that.
00:19:55.106 --> 00:19:56.676 I think it's just happens.
00:19:56.726 --> 00:19:57.256 Yeah, I know.
00:19:57.266 --> 00:19:58.476 It just totally happens.
00:19:58.486 --> 00:20:02.345 I think in react right now we're using a magic image Carousel 2
00:20:02.345 --> 00:20:06.023 right now because the first one that I made, uh, it was just
00:20:06.023 --> 00:20:08.496 some package that I that we found right.
00:20:08.626 --> 00:20:12.772 And then the second one was using the old school magic image
00:20:12.772 --> 00:20:14.676 etcetera JavaScript and CSS.
00:20:14.756 --> 00:20:16.056 So we're doing it again.
00:20:16.146 --> 00:20:16.906 It just happens.
00:20:16.916 --> 00:20:17.326 I don't know.
00:20:22.086 --> 00:20:22.806 They can see that.
00:20:22.816 --> 00:20:22.896 Yeah.
00:20:24.616 --> 00:20:24.996 OK.
00:20:25.046 --> 00:20:28.479 So again, we'll we'll find where we want to drop it and just copy
00:20:28.479 --> 00:20:29.156 and paste it.
00:20:29.426 --> 00:20:29.706 Right.
00:20:30.406 --> 00:20:34.096 And we can see and read what's going on here.
00:20:34.106 --> 00:20:36.676 So the state includes inventory attributes.
00:20:37.506 --> 00:20:42.477 In our case, we're probably going to do auctions auctions
00:20:42.477 --> 00:20:42.906 here.
00:20:49.376 --> 00:20:53.366 OK, so now we look at this guy inventory attributes.
00:20:53.376 --> 00:20:59.016 We'll update this guy as well, and probably these other ones 2.
00:21:01.866 --> 00:21:03.976 Because there's another state includes.
00:21:03.986 --> 00:21:08.754 This is a UIS ref for the list, so that's going to the correct
00:21:08.754 --> 00:21:09.436 location.
00:21:09.446 --> 00:21:12.356 Just click some the data translate.
00:21:12.366 --> 00:21:12.956 Here we go.
00:21:12.966 --> 00:21:20.123 So let's name this auctions and all of them have a UI common
00:21:20.123 --> 00:21:23.526 currents as a data translate.
00:21:23.536 --> 00:21:24.726 Let's give that a save.
00:21:25.636 --> 00:21:30.091 It's also create the bid one and the template saves so much
00:21:30.091 --> 00:21:30.686 quicker.
00:21:32.666 --> 00:21:36.076 So this one won't have such a long wait.
00:21:36.136 --> 00:21:39.306 What bids?
00:21:39.316 --> 00:21:40.156 Let's go confirm that.
00:21:43.086 --> 00:21:43.556 Bids.
00:21:45.016 --> 00:21:48.086 OK, so that should be done here in a moment.
00:21:48.156 --> 00:21:49.066 Nice.
00:21:49.216 --> 00:21:50.566 Alright, let's go look at this.
00:21:51.676 --> 00:21:53.136 You're named cash and hard refresh.
00:22:01.476 --> 00:22:06.186 We have auctions now probably that catch the bids load end.
00:22:06.196 --> 00:22:10.196 So let's give that another hard cache refresh.
00:22:13.486 --> 00:22:13.816 Yeah.
00:22:13.816 --> 00:22:14.776 I did not get bids.
00:22:13.826 --> 00:22:15.956 Found what the old gulp stuff.
00:22:15.966 --> 00:22:19.436 If you save like while it's building, it totally messes up.
00:22:19.446 --> 00:22:20.976 So it's like you gotta just, like, wait.
00:22:21.166 --> 00:22:23.986 You know, it's. Yeah.
00:22:22.226 --> 00:22:23.346 It's probably what happened, yeah.
00:22:26.686 --> 00:22:27.326 Oh, it worked.
00:22:27.336 --> 00:22:29.256 Maybe you don't have permission Ng show.
00:22:29.366 --> 00:22:30.076 That could be it.
00:22:30.146 --> 00:22:30.566 Do you have?
00:22:30.706 --> 00:22:32.216 Is there like it has permission?
00:22:32.226 --> 00:22:36.176 Auctions dot bids dot request they're quite.
00:22:36.186 --> 00:22:36.576 Let's see.
00:22:36.586 --> 00:22:38.736 Has permission that requires permission, right?
00:22:38.746 --> 00:22:41.636 So this auction, what is the dot requires permission for auction.
00:22:41.646 --> 00:22:42.296 Stop bids.
00:22:42.306 --> 00:22:46.045 It could be that it could be that if theoretically it would
00:22:46.045 --> 00:22:50.033 be in the element inspector with an Ng show, it's gonna be just
00:22:50.033 --> 00:22:53.336 be there, but it's gonna have like an Ng hide on it.
00:22:53.426 --> 00:22:56.343 So it's like display none, so you could even just like double
00:22:54.306 --> 00:22:54.516 Yeah.
00:22:56.343 --> 00:22:56.626 check.
00:23:02.206 --> 00:23:07.207 Uh, it was definitely me not uh or me doing it on the same
00:23:03.806 --> 00:23:04.716 Oh yeah, you were right.
00:23:07.207 --> 00:23:07.716 cause.
00:23:07.766 --> 00:23:08.976 There's two auctions now.
00:23:08.986 --> 00:23:10.726 I didn't do the translation keys so.
00:23:13.846 --> 00:23:16.406 Let's go ahead and give this a quick good overview.
00:23:16.416 --> 00:23:21.176 We have options, bids the Ng show as auctions bids.
00:23:21.796 --> 00:23:25.869 We have the bids list the that's our function that we'll click on
00:23:25.869 --> 00:23:26.486 the event.
00:23:26.856 --> 00:23:28.286 We did the translation.
00:23:28.296 --> 00:23:31.166 We do the next NGF and then that's the correct.
00:23:31.256 --> 00:23:31.606 Cool.
00:23:31.976 --> 00:23:32.966 So that should do it.
00:23:33.036 --> 00:23:35.706 I gave it a save a while ago, so that should be it.
00:23:35.716 --> 00:23:38.916 So let's give this last empty cache and the hard refresh.
00:23:41.826 --> 00:23:45.456 Knock on the wood table and we got bids. Notions.
00:23:45.566 --> 00:23:46.526 Let's click on these.
00:23:46.536 --> 00:23:48.616 Make sure they go where we think they will.
00:23:48.746 --> 00:23:49.216 Auctions.
00:23:49.226 --> 00:23:51.126 Auctions list awesome sauce.
00:23:54.546 --> 00:23:58.906 And bids, auctions, bids list dandy.
00:24:01.286 --> 00:24:06.856 We are also didn't click on the bids here to view it.
00:24:08.096 --> 00:24:08.546 There it is.
00:24:14.426 --> 00:24:15.876 Nice. Uh.
00:24:17.916 --> 00:24:20.006 We want something else.
00:24:20.016 --> 00:24:20.486 We wanna.
00:24:20.776 --> 00:24:25.897 I mean the new states pretty self explanatory now that we've
00:24:25.897 --> 00:24:27.576 done the list state.
00:24:30.296 --> 00:24:33.316 We can go look at the views, inventory products detail.
00:24:37.426 --> 00:24:40.886 So here's inventory products detail.
00:24:44.586 --> 00:24:46.186 It goes to safe product editor.
00:24:52.246 --> 00:24:54.476 Pretty much just stripped out the the dashes there.
00:25:08.876 --> 00:25:09.906 Just jump to it, alright?
00:25:16.056 --> 00:25:21.286 And here is the editor somewhere in here it's receiving a.
00:25:24.576 --> 00:25:27.436 Looks like a key, not what I was expecting.
00:25:41.856 --> 00:25:44.536 Uh, yeah, for the standard detail header widget.
00:25:46.026 --> 00:25:46.436 Yeah.
00:25:46.446 --> 00:25:50.456 So that it knows if it's a new one or a preexisting one.
00:25:50.726 --> 00:25:55.366 I'm actually never created a a new state myself.
00:25:50.896 --> 00:25:51.376 Uh, yeah.
00:25:56.236 --> 00:25:57.196 Oh yeah, yes.
00:25:58.696 --> 00:26:00.086 But that's probably the key right there.
00:26:14.846 --> 00:26:18.076 No, I guess that's for another day.
00:26:17.006 --> 00:26:19.516 I totally missed what the I totally missed.
00:26:19.526 --> 00:26:19.776 What it?
00:26:19.786 --> 00:26:20.456 I'm so sorry.
00:26:20.466 --> 00:26:23.791 I totally missed what was missing on the auction or bids
00:26:23.791 --> 00:26:27.466 bid state that you went to is just that it wasn't showing like
00:26:27.466 --> 00:26:28.866 new or list or whatever.
00:26:28.936 --> 00:26:29.696 Ohh yeah yeah.
00:26:29.236 --> 00:26:30.166 Ohh, we're all good on that.
00:26:30.176 --> 00:26:30.236 Yeah.
00:26:30.806 --> 00:26:31.226 Oh sweet.
00:26:31.366 --> 00:26:32.406 Yeah, I was just exploring.
00:26:32.416 --> 00:26:35.056 Then you, uh, the new state.
00:26:35.106 --> 00:26:40.062 I've never created one, so I was seeing how how this happens and
00:26:37.386 --> 00:26:38.466 Oh yeah.
00:26:40.062 --> 00:26:41.816 what's the specialness.
00:26:41.826 --> 00:26:43.386 I think I think it's this ID new.
00:26:43.836 --> 00:26:47.424 It is, yeah, it it the state that it creates for those detail
00:26:47.424 --> 00:26:49.566 pages has a has a another parameter.
00:26:49.876 --> 00:26:51.506 That's the number in the URL.
00:26:51.516 --> 00:26:56.453 So like you go to products slash details slash whatever it is
00:26:56.453 --> 00:27:01.551 slash 2 right you get IE 2 But it's like built into the app dot
00:27:01.551 --> 00:27:06.727 TS somewhere that new is what it is when it's null like when the
00:27:06.727 --> 00:27:11.586 ID is null it's slashed new so and that's just the CV grids.
00:27:11.596 --> 00:27:14.796 Silly way of doing aids. So yeah.
00:27:15.146 --> 00:27:15.416 Yeah.
00:27:16.616 --> 00:27:21.267 So when it's ID new, I guess it's uh just directly puts new
00:27:21.267 --> 00:27:25.376 in there which Angular knows to squash that to null.
00:27:25.816 --> 00:27:27.586 I guess it's easier than putting null in there.
00:27:27.816 --> 00:27:29.946 I don't know. Yeah.
00:27:29.026 --> 00:27:29.356 Cool.
00:27:29.506 --> 00:27:29.706 Yeah.
00:27:31.566 --> 00:27:33.006 So yeah, I guess if you.
00:27:36.316 --> 00:27:38.166 You wanna feed it a preexisting idea?
00:27:38.176 --> 00:27:42.587 It'll just I know how to do that somewhere in this TypeScript
00:27:42.587 --> 00:27:43.726 file some magic.
00:27:44.806 --> 00:27:46.026 Yeah, probably at the bottom.
00:27:46.036 --> 00:27:47.966 It's like this dot state dot ID or whatever.
00:27:49.256 --> 00:27:50.426 This is a huge file too.
00:27:51.066 --> 00:27:53.356 My God, I know it does so much stuff.
00:27:54.916 --> 00:27:56.626 Wow, half of it's commented out too.
00:27:56.636 --> 00:27:57.176 That's so funny.
00:27:58.476 --> 00:27:58.926 Instructor.
00:27:58.736 --> 00:27:58.996 Yeah.
00:27:59.936 --> 00:28:02.356 Yeah, it's gonna be in there somewhere.
00:28:02.366 --> 00:28:05.746 I mean, it's like this dot state dot ID is what it would be.
00:28:09.686 --> 00:28:10.396 They're like this.
00:28:10.406 --> 00:28:12.476 That dollar sign state that ID?
00:28:13.026 --> 00:28:15.566 Yeah, dot ID is definitely what you're here.
00:28:15.576 --> 00:28:18.220 This dot record dot ID it's gonna it's gonna be something
00:28:18.220 --> 00:28:18.676 like that.
00:28:18.726 --> 00:28:20.676 It's not ID, it's says how it's doing.
00:28:19.156 --> 00:28:20.366 Yeah, probably record. Yeah.
00:28:20.846 --> 00:28:21.056 Yeah.
00:28:22.426 --> 00:28:23.036 Yeah.
00:28:23.126 --> 00:28:24.496 And then what if it's null?
00:28:24.506 --> 00:28:25.836 It's gotta have some in there. Like.
00:28:25.846 --> 00:28:26.716 Ohh is it null?
00:28:26.726 --> 00:28:30.396 And then it does like you know OK exist stuff.
00:28:33.436 --> 00:28:35.296 Wonder if the word edit is in here.
00:28:33.476 --> 00:28:33.746 Umm.
00:28:35.346 --> 00:28:35.636 Here we go.
00:28:36.876 --> 00:28:39.766 Product ID zero load inventory for editing.
00:28:39.836 --> 00:28:40.486 That's not it.
00:28:40.196 --> 00:28:42.066 Ah, yeah, sure it is, right?
00:28:42.546 --> 00:28:44.006 Yeah, that's a little inventory for editing.
00:28:44.016 --> 00:28:44.386 Yeah.
00:28:44.166 --> 00:28:47.066 Yeah, Doug, crisis.
00:28:44.396 --> 00:28:46.696 Yeah, but it's.
00:28:47.136 --> 00:28:50.822 But category ensuring that went to click on this one if no
00:28:47.276 --> 00:28:47.596 Uh, yeah.
00:28:50.822 --> 00:28:53.946 record ID this top product, that's not it either.
00:28:54.306 --> 00:28:55.696 This close you're getting.
00:28:55.706 --> 00:28:58.026 I feel like you're it's. It's.
00:28:57.146 --> 00:28:59.026 But that felt like it sort of in it.
00:28:58.036 --> 00:28:59.786 Ohh, there's also a detailed base.
00:28:59.796 --> 00:29:01.376 Uh, totally forgot. With these?
00:29:01.386 --> 00:29:02.766 Yeah, there's a detailed base.
00:29:02.986 --> 00:29:05.476 I forgot we actually did object oriented for.
00:29:05.726 --> 00:29:07.456 Yeah, it's gonna be the very top of the file.
00:29:07.466 --> 00:29:08.816 Yeah, that's it.
00:29:08.906 --> 00:29:11.316 Totally spaced, we we hardly.
00:29:09.216 --> 00:29:09.576 Umm.
00:29:11.406 --> 00:29:13.036 I wish we could do this with react.
00:29:13.046 --> 00:29:15.926 I really do because it's just.
00:29:15.966 --> 00:29:16.796 It's just great.
00:29:16.866 --> 00:29:21.296 You have to all those abstracts you have to implement, right?
00:29:21.486 --> 00:29:23.056 It's just giving you all this stuff.
00:29:23.126 --> 00:29:23.476 Yeah.
00:29:23.486 --> 00:29:27.666 Load record gets called right in the constructor and ID is from
00:29:27.666 --> 00:29:28.646 this dot state.
00:29:28.656 --> 00:29:29.146 That's it.
00:29:30.196 --> 00:29:31.016 Just remembered.
00:29:32.096 --> 00:29:32.496 Pretty cool.
00:29:33.076 --> 00:29:35.606 Yeah, all the way down there in the constructor.
00:29:35.616 --> 00:29:36.026 It it?
00:29:36.136 --> 00:29:40.865 It asks for like a this thought state dot ID or something like
00:29:40.865 --> 00:29:41.766 that, right?
00:29:41.676 --> 00:29:42.486 State params ID.
00:29:41.776 --> 00:29:42.146 Surely.
00:29:42.156 --> 00:29:42.936 Stay parent there.
00:29:42.946 --> 00:29:43.426 There you go.
00:29:43.476 --> 00:29:44.026 Yeah.
00:29:44.096 --> 00:29:48.217 And if it's above 0, then it's a real record, and if it's not
00:29:48.217 --> 00:29:49.746 then it's a new, right?
00:29:49.786 --> 00:29:51.126 Wow, that's cool.
00:29:50.786 --> 00:29:51.576 Yeah.
00:29:51.636 --> 00:29:52.286 There you have it.
00:29:53.776 --> 00:29:54.456 That's pretty cool.
00:29:55.606 --> 00:29:58.566 And now I actually thought it was pretty well organized.
00:30:01.166 --> 00:30:01.476 Right.
00:30:02.566 --> 00:30:06.106 Just want to you to understand where you have to jump to.
00:30:07.196 --> 00:30:08.676 Angular is not that bad man.
00:30:08.976 --> 00:30:09.686 Yeah, exactly.
00:30:09.696 --> 00:30:13.016 Totally the the weird stuff they do with states.
00:30:13.026 --> 00:30:16.352 And they I mean Angular JS, it's old school now, but you have to
00:30:16.352 --> 00:30:19.115 find a million things to tell you what's wrong in the
00:30:16.836 --> 00:30:17.016 Yeah.
00:30:19.115 --> 00:30:19.576 Internet.
00:30:20.826 --> 00:30:21.096 Yeah.