| Topic | Presenter | Summary | Duration |
| --------------------------------- | --------------------------------- | -------------------------------------------------------------------------------------------- | -------- |
| Connecting Checkboxes to Back End | Michael P., Brandon M. & James G. | This video is from an office hours session and covers connecting checkboxes to the back end. | 31:46 |00:00:06.970 --> 00:00:10.197 Drives that custom attributes their line 248.00:00:18.850 --> 00:00:21.050 You I need to bind.00:00:21.050 --> 00:00:22.280 Over to where that custom00:00:22.280 --> 00:00:23.264 attributes is getting set.00:00:23.270 --> 00:00:24.752 So you need like final references00:00:24.752 --> 00:00:25.740 on that custom attributes.00:00:29.640 --> 00:00:34.070 OK, uhm. Right click it.00:00:36.840 --> 00:00:37.910 Final references.00:00:43.470 --> 00:00:44.910 It's there so it's available as00:00:44.910 --> 00:00:46.280 part of the religious service.00:00:46.280 --> 00:00:48.254 You can bind to the purchase00:00:48.254 --> 00:00:49.570 service dot custom attributes.00:00:49.570 --> 00:00:52.690 Square brackets cart type dot.00:00:52.690 --> 00:00:54.910 And then you're getting into the00:00:54.910 --> 00:00:58.090 to the OR the the the values then.00:00:58.090 --> 00:00:59.285 And that just get passed00:00:59.285 --> 00:01:00.779 straight into the back end as00:01:00.779 --> 00:01:02.029 part of the checkout process.00:01:05.630 --> 00:01:07.998 OK, so there should be a purchase tab.00:01:10.180 --> 00:01:12.824 Somewhere in here, here,00:01:12.824 --> 00:01:16.790 stat purchasing a purchase step shipping.00:01:16.790 --> 00:01:19.302 And then signal service.00:01:19.302 --> 00:01:22.442 Said CD purchase service alright.00:01:22.450 --> 00:01:24.520 Custom attributes on this PC00:01:24.520 --> 00:01:27.210 right there it's an empty object.00:01:30.130 --> 00:01:31.828 That's what you're gonna buy into.00:01:31.830 --> 00:01:33.648 I gotta bind to it just like you would00:01:33.648 --> 00:01:35.374 bind any other serializable attribute00:01:35.374 --> 00:01:37.209 serializable attribute object as key.00:01:37.210 --> 00:01:38.908 The value the value must be00:01:38.908 --> 00:01:40.040 converted into a string.00:01:48.050 --> 00:01:53.540 Something like this, I'm straying here, no.00:01:53.540 --> 00:01:56.708 A it is an object that has a value.00:02:00.140 --> 00:02:01.349 Property got you?00:02:05.110 --> 00:02:06.206 Yeah, you're you're you.00:02:06.206 --> 00:02:07.576 I would look like that.00:02:10.910 --> 00:02:17.858 Ki know. So that I need to add onto the.00:02:17.860 --> 00:02:20.765 Like either setting it true or false.00:02:20.770 --> 00:02:23.260 So this being.00:02:23.260 --> 00:02:24.210 They know no, you don't.00:02:24.210 --> 00:02:25.540 You don't do that with Angie click.00:02:25.540 --> 00:02:26.680 You do that with an Ng.00:02:26.680 --> 00:02:29.300 Buying with the check box.00:02:29.300 --> 00:02:30.828 Yeah, uh, my had.00:02:30.828 --> 00:02:33.120 I thought it was going to00:02:33.218 --> 00:02:34.910 be an engine click,00:02:34.910 --> 00:02:36.410 but it looks like Angie bind.00:02:36.410 --> 00:02:37.660 So instead of that, UM.00:02:39.750 --> 00:02:40.722 Imagine this, you don't,00:02:40.722 --> 00:02:42.182 you don't. You don't do it.00:02:42.182 --> 00:02:43.397 You don't do equal to,00:02:43.400 --> 00:02:44.610 you just have dot value.00:02:51.500 --> 00:02:52.922 And then your key there replaced00:02:52.922 --> 00:02:54.330 it with pallet Jack required.00:03:00.140 --> 00:03:02.708 Gotcha and then the purchase step00:03:02.708 --> 00:03:04.819 shipping body control like you00:03:04.819 --> 00:03:07.066 can grab wait for your mouse is.00:03:09.720 --> 00:03:10.420 Got stabbed.00:03:16.900 --> 00:03:19.162 Yeah, and then wrapping new line00:03:19.162 --> 00:03:21.716 before the class attribute or pull the00:03:21.716 --> 00:03:24.030 engine bind down to another world. OK.00:03:27.070 --> 00:03:28.228 And since inputs are self closing,00:03:28.230 --> 00:03:31.158 you should put a sub close on it.00:03:31.160 --> 00:03:33.260 Everything here.00:03:33.260 --> 00:03:34.956 Now I need you to repeat that part.00:03:34.960 --> 00:03:36.970 You said inputs are sub closing.00:03:36.970 --> 00:03:38.965 Self closing, so you should put a00:03:38.965 --> 00:03:40.757 self closing thing on it like that.00:03:40.760 --> 00:03:43.294 Yes, so anytime you're doing an input.00:03:43.300 --> 00:03:45.580 Try not to use like self closing tags00:03:45.580 --> 00:03:47.995 with just their opening and not have a00:03:47.995 --> 00:03:50.399 closing piece or the self closing on it.00:03:50.400 --> 00:03:53.631 It makes it harder for the HTML and XML00:03:53.631 --> 00:03:56.825 parsers that run through some of this stuff.00:03:56.830 --> 00:03:58.594 While they are technically valid, it's just.00:03:58.594 --> 00:04:00.918 It's a. It's a thing that causes00:04:00.918 --> 00:04:02.538 problems with certain tools.00:04:02.540 --> 00:04:05.780 And you'd want to do Ng bind here00:04:05.780 --> 00:04:08.233 instead of Ng model. I'm sorry Angie.00:04:08.233 --> 00:04:10.490 Model is correct, that's right.00:04:10.490 --> 00:04:12.836 Sanji model instead of Ng bind.00:04:12.840 --> 00:04:13.210 Yeah.00:04:15.450 --> 00:04:18.386 Then same thing for this guy down here.00:04:21.990 --> 00:04:25.620 Said this will be a truck.00:04:29.390 --> 00:04:35.116 And lastly, a input textarea over here.00:04:35.120 --> 00:04:36.506 When I do it on the textarea.00:04:39.600 --> 00:04:41.172 The Textarea is an engine model00:04:41.172 --> 00:04:43.370 and it would we do have the00:04:43.370 --> 00:04:44.459 special instructions thing,00:04:44.460 --> 00:04:47.228 but for this let's just do the same00:04:47.228 --> 00:04:49.910 thing but on custom attribute. K.00:05:06.530 --> 00:05:07.140 Alright.00:05:11.150 --> 00:05:14.300 So that, uh, those uh, now bind to that?00:05:14.300 --> 00:05:17.051 Uhm, how does this? I guess it'll just00:05:17.051 --> 00:05:20.247 send it true or false with the check box.00:05:24.950 --> 00:05:25.940 We are wrong.00:05:34.360 --> 00:05:36.196 Uh, you know you can just00:05:36.196 --> 00:05:37.880 use control should be right.00:05:37.880 --> 00:05:39.340 Mine is weird, I don't.00:05:39.340 --> 00:05:41.884 I don't know how well it00:05:41.884 --> 00:05:43.590 works every time. Yeah.00:05:46.230 --> 00:05:47.580 Is if that's not right,00:05:47.580 --> 00:05:49.456 then something else is more messed up.00:05:49.460 --> 00:05:51.518 In your config you need to00:05:51.518 --> 00:05:53.870 look at that at some point.00:05:53.870 --> 00:05:55.302 Yeah, I'm thinking it's00:05:55.302 --> 00:05:57.910 trying to run it with a bash.00:05:57.910 --> 00:06:01.216 It runs with PowerShell, I've noticed.00:07:18.000 --> 00:07:20.820 Pokémon until you start lady.00:07:30.230 --> 00:07:30.920 Soon.00:07:36.770 --> 00:07:42.710 And sad. CD purchase service.00:07:42.710 --> 00:07:46.660 Custom attributes do check logs.00:07:49.120 --> 00:07:50.788 With teens, don't know if that'll00:07:50.788 --> 00:07:52.188 show up immediately, so happened,00:07:52.188 --> 00:07:54.420 that is that is not a live update.00:07:54.420 --> 00:07:56.982 You have to click away and00:07:56.982 --> 00:07:59.410 then click back. In the Dom.00:08:01.520 --> 00:08:03.977 She was a no in the like click another00:08:03.977 --> 00:08:06.277 element in the elements thing at the top.00:08:08.810 --> 00:08:09.986 If I click something else and then click,00:08:09.990 --> 00:08:12.505 you can click back to it. No,00:08:12.505 --> 00:08:14.305 it's the only time it updates that screen.00:08:18.000 --> 00:08:19.856 I got you expect the same element again.00:08:19.860 --> 00:08:21.660 Yeah that's works too, but.00:08:21.660 --> 00:08:24.260 I can see this stuff right there so.00:08:24.260 --> 00:08:25.692 Let's see the step.00:08:25.692 --> 00:08:30.089 Yeah, that's how I was working on UM.00:08:30.090 --> 00:08:33.706 See, we want see purchased it and customs.00:08:33.710 --> 00:08:36.867 Now there's a lift gate required value.00:08:36.870 --> 00:08:38.229 True, that's amazing.00:08:40.590 --> 00:08:45.329 So now I can uncheck it and.00:08:45.330 --> 00:08:48.057 Should be able to see it as false now,00:08:48.060 --> 00:08:49.570 or possibly not even there.00:08:53.060 --> 00:08:54.230 You have the purchase step.00:08:56.910 --> 00:08:59.480 That works purchase step shipping.00:09:02.870 --> 00:09:05.446 Yeah, my bad one day one day I'll00:09:05.446 --> 00:09:08.245 be quick and nowhere to go like you.00:09:08.250 --> 00:09:11.098 Current moments it's it's a little bit of00:09:11.098 --> 00:09:13.471 navigating but that that that works out00:09:13.471 --> 00:09:15.970 there that should be what we want, UM?00:09:22.160 --> 00:09:26.746 This guy. And then should purchase00:09:26.746 --> 00:09:31.640 service custom attributes, so yeah.00:09:31.640 --> 00:09:33.530 Do you like that? Did you have?00:09:33.530 --> 00:09:36.578 Did you have a mock up to for00:09:36.578 --> 00:09:38.901 this check boxes? Me yeah, OK,00:09:38.901 --> 00:09:40.683 you might wanna send a screenshot.00:09:40.690 --> 00:09:43.504 Well do you plan on at least00:09:43.504 --> 00:09:46.089 putting a space between there?00:09:46.090 --> 00:09:47.805 Yeah, over to the left so it's00:09:47.805 --> 00:09:49.129 not hugging the left well.00:09:49.130 --> 00:09:50.138 And then the word.00:09:52.160 --> 00:09:53.064 Yeah, then having spaces?00:09:53.064 --> 00:09:54.580 Uh, yeah, no, it's a good thing00:09:54.580 --> 00:09:56.438 you can do here top of your screen.00:10:03.400 --> 00:10:05.206 There is a OK you got formed.00:10:05.210 --> 00:10:06.806 Check label inform check in but00:10:06.806 --> 00:10:08.386 because I don't think those are00:10:08.386 --> 00:10:11.910 the Xbox One, it's like a. Give00:10:14.410 --> 00:10:15.700 yeah it has.00:10:20.470 --> 00:10:21.850 Box, I think that's what00:10:21.850 --> 00:10:22.954 bootstrap does by default,00:10:22.960 --> 00:10:24.295 and then that automatically tells00:10:24.295 --> 00:10:26.010 the input and the label inside.00:10:26.010 --> 00:10:27.935 It's a line up properly so that00:10:27.935 --> 00:10:30.121 the input and like this think it's00:10:30.121 --> 00:10:32.065 a padding and everything left of00:10:32.130 --> 00:10:34.146 it so that it shows up correctly.00:10:34.150 --> 00:10:36.346 I think that's the way you00:10:36.346 --> 00:10:38.620 would do it by default.00:10:38.620 --> 00:10:42.337 You want a not all that but other closing.00:10:42.340 --> 00:10:44.812 Personally, I'm a fan of using00:10:44.812 --> 00:10:46.470 the toggle instead, but.00:10:51.670 --> 00:10:53.392 Yeah, so when you get this done00:10:53.392 --> 00:10:55.176 you might want to send a screenshot00:10:55.176 --> 00:10:56.652 to Barb just to you know.00:10:56.660 --> 00:10:59.420 Since we don't have a market for it just so.00:10:59.420 --> 00:11:01.604 Uh, she can at least sign off on00:11:01.604 --> 00:11:03.785 it before you PR it and then come.00:11:06.780 --> 00:11:10.108 Contact Quired Chuck quired?00:11:14.180 --> 00:11:15.937 Then D, yeah, like the text area00:11:15.937 --> 00:11:17.717 should be inside of a foreign group.00:11:17.720 --> 00:11:19.238 Installs all these other ones so.00:11:25.900 --> 00:11:27.968 Things people like now.00:11:27.968 --> 00:11:30.036 You need this committee.00:11:32.380 --> 00:11:33.780 At some point go back and also00:11:33.780 --> 00:11:34.930 double check your indentation.00:11:34.930 --> 00:11:37.198 Looks like you're off.00:11:37.200 --> 00:11:40.872 I think we got too many on this guy.00:11:40.880 --> 00:11:43.958 Can you click on it please?00:11:43.960 --> 00:11:45.718 I wanted more than just that,00:11:45.720 --> 00:11:48.357 so that's that guy so we can do that.00:11:48.360 --> 00:11:50.796 I'm just going to move down.00:11:50.800 --> 00:11:52.290 This guy can move down.00:11:55.460 --> 00:12:00.180 And so this. Nope, Nope.00:12:03.370 --> 00:12:06.261 So the sky goes back wine and00:12:06.261 --> 00:12:10.240 that should be lined up. Yeah.00:12:10.240 --> 00:12:15.110 And. I don't let her over. Yeah.00:12:21.520 --> 00:12:23.627 And this is this, this long acinus.00:12:23.630 --> 00:12:26.038 This is why I started going through it,00:12:26.040 --> 00:12:27.244 renaming these controllers to00:12:27.244 --> 00:12:29.050 like having a much shorter name.00:12:29.050 --> 00:12:30.600 So like the modern name00:12:30.600 --> 00:12:32.360 for this would be like a.00:12:35.140 --> 00:12:41.636 Which is. Stamp shipping body control.00:12:41.636 --> 00:12:43.034 I've seen something like that already.00:12:43.040 --> 00:12:44.510 Yeah, yeah, so you can see like00:12:44.510 --> 00:12:46.131 and then like I added some stuff00:12:46.131 --> 00:12:47.535 in here like these things would00:12:47.584 --> 00:12:49.126 allow for a shortened version of.00:12:49.130 --> 00:12:50.509 It's like if I know that the00:12:50.509 --> 00:12:51.930 service is the purchase service.00:12:51.930 --> 00:12:54.426 I do that and so like now this is a much00:12:54.426 --> 00:12:56.682 shorter line than this and if they if00:12:56.682 --> 00:12:59.369 you had two of these windows side by side.00:12:59.370 --> 00:13:00.745 You wouldn't have to scroll00:13:00.745 --> 00:13:02.120 side by side as much.00:13:02.120 --> 00:13:04.298 To see that.00:13:04.300 --> 00:13:06.358 Or causes much like visual wrapping,00:13:06.360 --> 00:13:08.775 so that's why I've been renaming those00:13:08.775 --> 00:13:11.610 things, but obviously this is a.00:13:11.610 --> 00:13:13.325 Not there yet with what you've got,00:13:13.330 --> 00:13:15.580 so I gotta put those names back and now it00:13:15.643 --> 00:13:17.739 has to wrap all that extra stuff there.00:13:17.740 --> 00:13:19.484 And that's also why I went to two00:13:19.484 --> 00:13:20.803 space in these templates instead00:13:20.803 --> 00:13:22.728 of four so that it could move00:13:22.789 --> 00:13:24.350 more of this stuff to the lab.00:13:24.350 --> 00:13:26.270 Did not have to worry about00:13:26.270 --> 00:13:28.000 that as much as well.00:13:28.000 --> 00:13:30.100 Uhm?00:13:30.100 --> 00:13:32.340 So there's that I am going to just00:13:32.340 --> 00:13:34.448 double check that bootstrap thing now.00:13:39.320 --> 00:13:42.296 I think I'm right on that.00:13:42.300 --> 00:13:45.270 I just don't know for sure.00:13:53.110 --> 00:13:54.466 When is that really what it's00:13:54.466 --> 00:13:55.710 gonna do with this stuff?00:13:57.980 --> 00:13:58.910 I want that.00:14:07.880 --> 00:14:10.500 It was a little different.00:14:10.500 --> 00:14:12.430 Custom control input and then.00:14:15.260 --> 00:14:19.238 This means allowing the tertiary but.00:14:19.240 --> 00:14:22.095 This came out. It looks weird.00:14:22.095 --> 00:14:23.385 Let's switch to the side a00:14:23.385 --> 00:14:24.530 little bit for some reason.00:14:26.570 --> 00:14:30.448 Yeah, it's not standard. That's weird, uhm.00:14:35.020 --> 00:14:36.300 Yeah, I started using these00:14:36.300 --> 00:14:37.068 custom selects everywhere,00:14:37.070 --> 00:14:39.266 'cause it enforces the same spinner.00:14:39.270 --> 00:14:42.198 On different browsers, which was nice.00:14:42.200 --> 00:14:48.220 Uhm? The same. I do want to, uh,00:14:48.220 --> 00:14:50.248 give you some applause on this,00:14:50.250 --> 00:14:51.477 uh, clarity tool.00:14:51.477 --> 00:14:54.340 I got the updated version and it's00:14:54.428 --> 00:14:56.838 so much better. I feel like it.00:14:56.838 --> 00:14:58.680 It rises and kills and does00:14:58.760 --> 00:15:00.443 everything quicker, yeah?00:15:00.443 --> 00:15:02.381 With the with the turning off00:15:02.381 --> 00:15:04.204 of the monitoring so that it00:15:04.204 --> 00:15:05.788 if it runs with extra stuff,00:15:05.790 --> 00:15:07.100 is it on another screen?00:15:07.100 --> 00:15:08.807 It must be.00:15:08.807 --> 00:15:13.520 Yeah, 'cause it only runs when it's done.00:15:13.520 --> 00:15:17.426 Yeah, it's getting it to do it like that.00:15:17.430 --> 00:15:19.152 But the when you had a whole00:15:19.152 --> 00:15:20.379 bunch of websites in here,00:15:20.380 --> 00:15:22.004 it's not getting really clap crowded and00:15:22.004 --> 00:15:23.580 you couldn't tell where everything was.00:15:23.580 --> 00:15:25.380 Once I I dropped it down to folders00:15:25.380 --> 00:15:27.155 that made it a lot easier and00:15:27.155 --> 00:15:28.430 then turning the monitoring off00:15:28.480 --> 00:15:29.980 made it a lot more responsive.00:15:29.980 --> 00:15:32.185 I will eventually get the ring back on it,00:15:32.190 --> 00:15:34.350 but not unless it like shows that it's00:15:34.350 --> 00:15:35.880 not interrupting the UI like it was,00:15:35.880 --> 00:15:37.595 and so like and then the like.00:15:37.600 --> 00:15:39.076 As you drag this bar over.00:15:41.380 --> 00:15:44.020 That splitter yeah, drag it over.00:15:44.020 --> 00:15:46.964 I can get it. Give me one moment.00:15:46.970 --> 00:15:49.265 Like lining this data up made it a lot00:15:49.265 --> 00:15:51.174 easier to figure out what the process00:15:51.174 --> 00:15:53.489 ID's were up and it doesn't even it it00:15:53.489 --> 00:15:55.206 ended up with like a nice transition.00:15:55.206 --> 00:15:57.310 So like as you make it more narrow00:15:57.371 --> 00:15:59.090 and it has to push it off to the00:15:59.090 --> 00:16:01.167 side like it feels like it's just00:16:01.167 --> 00:16:02.387 naturally flowing into itself,00:16:02.390 --> 00:16:04.189 which is a really cool side effect.00:16:04.190 --> 00:16:07.526 Yeah, I really liked how that turned out.00:16:07.530 --> 00:16:09.760 Right there. Yeah, and then,00:16:09.760 --> 00:16:11.446 like with the monitoring on it,00:16:11.450 --> 00:16:12.820 it technically has a like00:16:12.820 --> 00:16:14.550 if you drag this over more,00:16:14.550 --> 00:16:16.236 I can't interact with the screen,00:16:16.240 --> 00:16:18.501 but if you try to suffer more00:16:18.501 --> 00:16:20.904 and then turn them on a ring00:16:20.904 --> 00:16:22.932 on like toggling that on yeah.00:16:22.940 --> 00:16:24.758 You have the CPU and RAM data and it00:16:24.758 --> 00:16:26.446 will slowly start picking that up,00:16:26.450 --> 00:16:27.860 but as it's doing this it's00:16:27.860 --> 00:16:29.020 a lot harder for it.00:16:29.020 --> 00:16:30.972 The It's a respond to the UI because00:16:30.972 --> 00:16:32.708 it's trying to read data off what00:16:32.708 --> 00:16:34.578 the thing was reading for the UI and00:16:34.578 --> 00:16:36.269 then write data to the data to the00:16:36.269 --> 00:16:37.872 object that the UI to reading it00:16:37.872 --> 00:16:39.571 was causing it to update too much00:16:39.571 --> 00:16:40.960 and that's what the slowdown is.00:16:40.960 --> 00:16:42.792 So you end up having to turn the00:16:42.792 --> 00:16:44.100 monitoring back off in order to00:16:44.100 --> 00:16:45.615 get something and a lot of the00:16:45.615 --> 00:16:47.187 times here like you'll start seeing00:16:47.187 --> 00:16:48.386 there and never show up.00:16:48.386 --> 00:16:50.331 But until like also like you have to like00:16:50.331 --> 00:16:51.957 refresh the page or something before.00:16:51.960 --> 00:16:53.200 So it's actually like seeing00:16:53.200 --> 00:16:53.944 something CPU numbers.00:16:53.950 --> 00:16:55.609 Everything from one of the ways I00:16:55.609 --> 00:16:57.402 was testing to make sure the CPU00:16:57.402 --> 00:16:58.944 number was actually working with I00:16:58.995 --> 00:17:00.811 would go to the admin and sort of00:17:00.811 --> 00:17:02.246 product data import 'cause then I00:17:02.246 --> 00:17:04.397 would see like 6 or 7% of my CPU00:17:04.397 --> 00:17:05.771 actually get used and then the00:17:05.771 --> 00:17:06.879 number actually bump up.00:17:06.880 --> 00:17:08.734 Otherwise it's just using so little00:17:08.734 --> 00:17:10.765 CPU just sitting there that there was00:17:10.765 --> 00:17:12.700 almost nothing for it to pop up on.00:17:12.700 --> 00:17:14.788 And then I've also seen like.00:17:14.790 --> 00:17:16.344 On some computers it works better00:17:16.344 --> 00:17:18.183 than others as far as the monitoring00:17:18.183 --> 00:17:20.226 goes like it does like these are like00:17:20.226 --> 00:17:21.927 this totally doesn't do it or not,00:17:21.930 --> 00:17:24.006 it's weird. Yeah, I didn't like.00:17:24.010 --> 00:17:25.970 I said just turn it back off yeah,00:17:25.970 --> 00:17:29.674 so that you can get back to there.00:17:29.680 --> 00:17:32.450 And not responding right now.00:17:32.450 --> 00:17:36.090 Yeah, that's the fun stuff.00:17:36.090 --> 00:17:36.547 Yeah,00:17:36.547 --> 00:17:38.832 I'll probably have to avoid00:17:38.832 --> 00:17:40.660 monitoring on this machine.00:17:40.660 --> 00:17:41.060 Yeah.00:17:43.950 --> 00:17:45.758 There it goes, yeah.00:17:48.750 --> 00:17:50.430 That's neat, Oh yeah, it's it's a00:17:50.430 --> 00:17:51.639 much more responsive like this.00:17:51.640 --> 00:17:53.557 I think with it on there the the one00:17:53.557 --> 00:17:55.887 of the next steps would be like be able00:17:55.887 --> 00:17:57.665 like right click the folder and having00:17:57.665 --> 00:17:59.593 it do all of its children at once.00:17:59.593 --> 00:18:01.280 I just don't have that right now,00:18:01.280 --> 00:18:03.600 so like you would Click to select the00:18:03.600 --> 00:18:06.174 folder so it would highlight it and then00:18:06.174 --> 00:18:08.700 you would right click it to do the thing.00:18:08.700 --> 00:18:11.322 Yeah. Yeah, I tried that.00:18:11.322 --> 00:18:12.762 I don't have that yet.00:18:12.770 --> 00:18:15.074 First, yeah, and I notice it didn't work.00:18:15.080 --> 00:18:17.110 Oh shucks, it stopped all the maximums.00:18:17.110 --> 00:18:19.609 But yeah, no this even this stop00:18:19.609 --> 00:18:21.980 stopping it is so much quicker.00:18:21.980 --> 00:18:24.220 Like it doesn't get hung up as much.00:18:24.220 --> 00:18:26.470 It's it's now told to.00:18:26.470 --> 00:18:28.440 Kill all of them at the same time as opposed00:18:28.487 --> 00:18:30.277 to sequentially 'cause the sequentially.00:18:30.280 --> 00:18:32.058 Like if one of them got stuck,00:18:32.060 --> 00:18:33.887 it would wait to move on to the next00:18:33.887 --> 00:18:35.868 one until that one finished resolving,00:18:35.870 --> 00:18:37.140 which could be you know,00:18:37.140 --> 00:18:39.900 several minutes unless you killed it.00:18:39.900 --> 00:18:41.310 And if you did kill it,00:18:41.310 --> 00:18:42.786 and other ones were still running00:18:42.786 --> 00:18:44.480 that they would kill and they would00:18:44.480 --> 00:18:46.013 restart and just wait for the new00:18:46.061 --> 00:18:47.657 processes to die to all that stuff.00:18:47.660 --> 00:18:49.207 But would you tell it to stop00:18:49.207 --> 00:18:50.479 all at the same time?00:18:50.480 --> 00:18:52.118 Everything just goes goes out really fast.00:18:52.120 --> 00:18:54.656 And then all you do is kill ones00:18:54.656 --> 00:18:56.639 and everything is completely gone.00:18:56.640 --> 00:18:57.928 And that's only if he gets stuck.00:19:02.070 --> 00:19:03.894 Anyways, it's been doing it way00:19:03.894 --> 00:19:06.048 quicker than the one I had before I.00:19:06.050 --> 00:19:07.754 I wanted to give you some00:19:07.754 --> 00:19:08.890 some applause on that.00:19:12.460 --> 00:19:14.316 But I think I think we got this00:19:14.316 --> 00:19:16.127 steel point where we're we're happy.00:19:16.130 --> 00:19:18.218 We just have to send this off to.00:19:20.490 --> 00:19:21.910 Miss Man, go ahead and00:19:21.910 --> 00:19:23.046 refresh with that change.00:19:23.050 --> 00:19:25.024 Make sure that it what it did.00:19:28.280 --> 00:19:30.100 CPT, but I expected it to do.00:19:30.100 --> 00:19:31.140 Yeah, you were wanting.00:19:31.140 --> 00:19:34.160 No, we didn't get a OK.00:19:34.160 --> 00:19:35.690 So the one that I did00:19:35.690 --> 00:19:37.228 didn't do it, but the like.00:19:37.228 --> 00:19:38.508 If you change that class,00:19:38.510 --> 00:19:41.846 like drag this down a little.00:19:41.850 --> 00:19:45.480 Yeah, well.00:19:45.480 --> 00:19:47.860 I just got rid of the console.00:19:47.860 --> 00:19:48.170 Yeah.00:19:51.090 --> 00:19:55.078 So it's going to be. You want this thing.00:19:57.720 --> 00:19:58.796 Oh, they did not.00:19:58.796 --> 00:20:00.910 I don't think it took the change.00:20:00.910 --> 00:20:02.910 No, it doesn't have the data in their.00:20:02.910 --> 00:20:04.160 Uhm, let's take a look00:20:04.160 --> 00:20:05.410 at this code we have.00:20:05.410 --> 00:20:06.910 We don't even know I don't.00:20:06.910 --> 00:20:07.660 It's not saved.00:20:12.740 --> 00:20:15.799 Let's wait 24 seconds on a watch.00:20:23.400 --> 00:20:25.780 It's one of the things that's shorter00:20:25.780 --> 00:20:28.207 in 2021.1 because they are physically00:20:28.207 --> 00:20:30.447 separate Visual Studio code instances.00:20:30.450 --> 00:20:32.718 To do the admin and the storefront.00:20:35.860 --> 00:20:40.460 Was something I was curious about is UM.00:20:40.460 --> 00:20:42.574 How did the uh could you tell00:20:42.574 --> 00:20:44.420 me how bread crumbs work?00:20:44.420 --> 00:20:46.870 How you have them working?00:20:46.870 --> 00:20:49.852 So we've got a let's say these00:20:49.852 --> 00:20:52.719 categories over here in sub categories.00:20:52.720 --> 00:20:54.140 I know they pop up,00:20:54.140 --> 00:20:55.410 we got catalog then we'll00:20:55.410 --> 00:20:57.063 have like a fountains and then00:20:57.063 --> 00:20:58.379 whatever some fountains was.00:21:01.100 --> 00:21:03.795 How do you have them feeding in?00:21:03.800 --> 00:21:05.954 There's an analyzer that's reading what00:21:05.954 --> 00:21:08.402 the category is assigned and then goes00:21:08.402 --> 00:21:10.310 and looks for parent and grandparent.00:21:10.310 --> 00:21:14.606 And then try to manually build a stack.00:21:14.610 --> 00:21:17.417 It is that by reading the URL.00:21:17.420 --> 00:21:19.300 It's not reading the URL,00:21:19.300 --> 00:21:21.802 it's reading the this URL gets00:21:21.802 --> 00:21:24.620 translated into a UI router state.00:21:24.620 --> 00:21:26.330 And that you are router state00:21:26.330 --> 00:21:28.352 is what it gets red. It's red,00:21:28.352 --> 00:21:30.960 so it reads the category value out of that.00:21:30.960 --> 00:21:32.400 Then it goes to call.00:21:32.400 --> 00:21:34.929 Ask the at the the the API is being00:21:34.929 --> 00:21:36.982 called to get category data and00:21:36.982 --> 00:21:39.090 once you have the category data.00:21:39.090 --> 00:21:40.090 It goes in there. Now.00:21:40.090 --> 00:21:41.090 If you've got no results,00:21:41.090 --> 00:21:42.490 you're not going to get anything else.00:21:42.490 --> 00:21:45.145 You have to have results for it to work.00:21:45.150 --> 00:21:46.606 Yeah, we should have products in there.00:21:50.730 --> 00:21:52.207 Not sure why you don't have your00:21:52.207 --> 00:21:53.887 dead tools with him right now, so.00:21:53.887 --> 00:21:56.209 Let's go ahead and save this,00:21:56.210 --> 00:21:58.184 since that should be done by now,00:21:58.190 --> 00:21:59.598 refresh not like that,00:21:59.598 --> 00:22:02.400 so let's give it a hard refresh.00:22:02.400 --> 00:22:06.369 But clearing caches?00:22:06.370 --> 00:22:08.050 You know, I was, uh,00:22:08.050 --> 00:22:09.386 working on that little,00:22:09.386 --> 00:22:11.056 we still don't have it.00:22:13.460 --> 00:22:15.220 OK, we're on its input.00:22:15.220 --> 00:22:16.970 We got checkbox right there.00:22:20.490 --> 00:22:21.898 I mean it was.00:22:27.390 --> 00:22:29.232 It was, it was the other00:22:29.232 --> 00:22:31.070 last piece of *** right here.00:22:35.370 --> 00:22:37.477 Forms you got to form said sure.00:22:40.130 --> 00:22:41.738 Check input check label.00:22:47.080 --> 00:22:52.071 Oh, this is checking this validation. Yeah,00:22:52.071 --> 00:22:55.410 that's that's what we want to see is that?00:22:55.410 --> 00:22:58.830 So form group form check.00:22:58.830 --> 00:23:00.858 Form check is about is invalid.00:23:00.860 --> 00:23:02.888 OK, we don't have to worry00:23:02.888 --> 00:23:04.240 about that part specifically,00:23:04.240 --> 00:23:06.557 but the UM form group form check00:23:06.557 --> 00:23:09.230 form check input form, check label.00:23:09.230 --> 00:23:12.405 So we need another anyway.00:23:12.410 --> 00:23:14.496 Yeah, so you've got this P2 here.00:23:14.500 --> 00:23:17.698 This could be the forum group.00:23:17.700 --> 00:23:21.529 Yeah, I can type correctly at all.00:23:21.530 --> 00:23:24.770 Crazy person. Uhm?00:23:24.770 --> 00:23:27.200 Just got the floor shack.00:23:27.200 --> 00:23:30.920 And then form check input form check label.00:23:30.920 --> 00:23:32.234 It's tight checkbox.00:23:32.234 --> 00:23:33.986 So we saved that.00:23:33.990 --> 00:23:37.635 So this is the box or bed truck required.00:23:37.640 --> 00:23:39.440 So we'll see if this one is different00:23:39.440 --> 00:23:40.928 from the others we should be.00:23:57.620 --> 00:24:02.009 Yes it is. He had ended it.00:24:02.010 --> 00:24:04.719 Properly. To get it off the side,00:24:04.720 --> 00:24:06.680 but it did not put.00:24:06.680 --> 00:24:07.870 The gap in the middle,00:24:07.870 --> 00:24:08.994 like there was expecting.00:24:08.994 --> 00:24:11.380 Did I miss anything in this I'm missing?00:24:11.380 --> 00:24:13.890 Uncheck label form check input.00:24:13.890 --> 00:24:14.600 Form check.00:24:18.240 --> 00:24:18.700 Huh?00:24:21.040 --> 00:24:24.118 Yeah, that's probably not missing anything.00:24:24.120 --> 00:24:26.255 Expecting what am I? What's this thing?00:24:26.260 --> 00:24:29.529 Doing is different from what we have.00:24:29.530 --> 00:24:31.560 Visual aids, like a pain inspect this.00:24:34.260 --> 00:24:36.090 Is this thing doing anything to00:24:36.090 --> 00:24:39.160 the label? Well. Here it is.00:24:41.730 --> 00:24:43.878 Yeah, it's putting a margin on00:24:43.878 --> 00:24:46.259 right on that form check input.00:24:46.260 --> 00:24:48.456 So if I look at this thing and make00:24:48.456 --> 00:24:50.886 it a little bit taller but computed.00:24:50.890 --> 00:24:52.178 He's got a negative margin over there00:24:52.178 --> 00:24:53.980 to put in there, and then it's got a.00:24:56.120 --> 00:24:57.674 That basically results in it being00:24:57.674 --> 00:24:59.559 sitting a little bit more to the side.00:25:01.690 --> 00:25:06.136 This is the input. Margin top and a00:25:06.136 --> 00:25:08.530 margin negative margin to the side.00:25:11.200 --> 00:25:12.600 Yours is.00:25:18.990 --> 00:25:22.006 Put on don't don't hit stuff on dragon.00:25:30.160 --> 00:25:31.920 OK, so you've got a negative amount here.00:25:31.920 --> 00:25:33.240 That's not the amount that it's00:25:33.240 --> 00:25:36.048 supposed to be, that's the problem.00:25:36.050 --> 00:25:39.836 Because the negative amount on this.00:25:39.840 --> 00:25:41.529 Margin left doing.00:25:44.390 --> 00:25:45.780 Should be like one point.00:25:48.390 --> 00:25:51.278 1.5 gram real quick.00:25:51.280 --> 00:25:52.624 Yeah, I see that got it00:25:52.624 --> 00:25:53.770 further over a little bit,00:25:53.770 --> 00:25:54.686 but it's still inside.00:25:54.686 --> 00:25:56.548 Were supposed to be so we need to00:25:56.548 --> 00:25:58.081 find where form check input is in00:25:58.081 --> 00:25:59.887 your in your sass and find out why00:25:59.887 --> 00:26:02.690 it's not dealing with supposed to do.00:26:02.690 --> 00:26:05.170 The control shift F case00:26:05.170 --> 00:26:08.080 that there look for it in.00:26:12.910 --> 00:26:14.970 That's not sass CSS.00:26:17.110 --> 00:26:19.360 No, we looked in it this on it's a00:26:19.360 --> 00:26:21.380 little bit wider so that I can see.00:26:23.480 --> 00:26:25.902 Yeah. OK, so we're just looking at00:26:25.902 --> 00:26:28.496 like camp, so I don't care about the00:26:28.496 --> 00:26:31.499 like clarity ones. Uhm, what camp?00:26:36.880 --> 00:26:38.832 Four OK, and it looks like in our00:26:38.832 --> 00:26:40.948 CSS that we have a couple in here00:26:40.948 --> 00:26:43.416 that are doing this, so like here is.00:26:43.416 --> 00:26:45.540 This is doing color and display.00:26:45.540 --> 00:26:48.690 It's not doing anything with the margin.00:26:48.690 --> 00:26:50.895 This one is doing margin top margin.00:26:50.900 --> 00:26:53.196 Let so this one is doing it form00:26:53.196 --> 00:26:54.863 check input gutter form check00:26:54.863 --> 00:26:56.909 input gutter is being set as.00:26:59.020 --> 00:26:59.950 Now it looks like whenever00:26:59.950 --> 00:27:00.694 you click on stuff,00:27:00.700 --> 00:27:01.615 I'm like losing my ability00:27:01.615 --> 00:27:02.760 to touch it for second hand.00:27:02.760 --> 00:27:03.508 It's it's not bad.00:27:05.890 --> 00:27:06.580 That00:27:09.560 --> 00:27:13.076 looks like it's being set right00:27:13.076 --> 00:27:14.898 here somewhere. Instead right here,00:27:14.898 --> 00:27:16.745 so let's change it here so that it00:27:16.745 --> 00:27:17.897 just gets calculated correctly.00:27:22.790 --> 00:27:24.926 See if that fixes the problem for itself.00:27:28.940 --> 00:27:29.430 Pending.00:27:36.580 --> 00:27:38.836 So he's still missing his spacing on there.00:27:41.400 --> 00:27:44.010 Your number is not looking up at her number.00:27:47.390 --> 00:27:48.460 Maybe we did, she said.00:27:54.770 --> 00:27:56.738 Yeah, it's missing.00:27:59.260 --> 00:28:00.408 It's still doing 12.5,00:28:00.408 --> 00:28:03.010 which is not the number we told it to do,00:28:03.010 --> 00:28:05.600 so something else is saying it again.00:28:05.600 --> 00:28:09.214 Right, yeah? So what we need to look00:28:09.214 --> 00:28:10.762 for it probably is that with the00:28:10.762 --> 00:28:12.250 cone on it sitting season clearance00:28:12.250 --> 00:28:13.758 being said so ignoring those two,00:28:13.760 --> 00:28:16.712 you've got this one and you got this one.00:28:16.720 --> 00:28:20.226 Click on the other one again. Right here.00:28:20.226 --> 00:28:23.010 Alright uhm this is from the vendor style.00:28:23.010 --> 00:28:24.750 This is probably coming afterwards,00:28:24.750 --> 00:28:28.050 which is why that's happening.00:28:28.050 --> 00:28:29.674 Just hard by hate.00:28:29.674 --> 00:28:32.110 Even using the vendors file that.00:28:32.110 --> 00:28:35.988 But not that one. Not need this.00:28:35.990 --> 00:28:37.616 Wait, is it actually monitoring that?00:28:37.620 --> 00:28:39.276 I don't know if it's wondering00:28:39.276 --> 00:28:40.610 that little 32 and 20?00:28:40.610 --> 00:28:41.698 Yeah, it's probably OK.00:28:46.630 --> 00:28:49.720 Do not. Save the other one.00:28:49.720 --> 00:28:51.520 There we go that change.00:28:59.230 --> 00:29:02.027 There is. OK, so you just need to replicate00:29:02.027 --> 00:29:03.118 this structure on those other two.00:29:10.890 --> 00:29:11.510 And then you're done.00:29:14.410 --> 00:29:16.230 And you could take this value off.00:29:26.370 --> 00:29:30.546 In the end you need a form group.00:29:35.250 --> 00:29:36.318 Yeah it has.00:29:39.410 --> 00:29:42.548 Uh, so you need a phone check then, not bad.00:29:42.548 --> 00:29:45.556 This is a text box, not a check box.00:29:45.556 --> 00:29:48.826 This is a text by area, not a checkbox.00:29:48.826 --> 00:29:50.936 That's it's not even at.00:29:50.940 --> 00:29:52.550 Uhm, I think he should be good.00:29:52.550 --> 00:29:54.160 It's got a little bit of spacing.00:29:56.750 --> 00:29:57.900 Save those.00:30:07.930 --> 00:30:10.200 Do you? Uh.00:30:12.370 --> 00:30:15.538 TCU. Well, there you go.00:30:18.200 --> 00:30:19.808 Maybe I didn't add closing to.00:30:24.760 --> 00:30:25.810 Oh, because it's supposed to form00:30:25.810 --> 00:30:27.210 check not check box. One of those two.00:30:32.240 --> 00:30:36.480 We don't want to expand it to get00:30:36.480 --> 00:30:41.258 that form dash, not delete form Dash00:30:41.258 --> 00:30:44.530 check is checkbox check. Check.00:31:03.090 --> 00:31:03.820 Nice.00:31:13.240 --> 00:31:16.784 And we can send that to Miss Barb.00:31:16.790 --> 00:31:21.814 Uhm, I don't know if we need you.00:31:21.820 --> 00:31:23.948 To hold you in this meeting for00:31:23.948 --> 00:31:25.469 much longer, Mr. James Gray.00:31:28.750 --> 00:31:31.256 Pretty sure you've resolved what we need.