1 00:00:07,940 --> 00:00:09,260 Everybody will come back. 2 00:00:09,290 --> 00:00:12,630 Johnny be here with slopes slopestyle continuing on with our SMAC. 3 00:00:12,640 --> 00:00:15,680 Chad this is where we left off in our last video. 4 00:00:15,800 --> 00:00:17,420 We worked on our channel. 5 00:00:17,420 --> 00:00:18,420 We see you. 6 00:00:18,430 --> 00:00:25,130 I got pretty far actually when we created that sweet gradient view things are looking pretty good. 7 00:00:25,230 --> 00:00:30,140 Want to do a little bit of work on this table view before we continue on to our next to view that we're 8 00:00:30,140 --> 00:00:33,790 going to work on which is going to be the loggin view. 9 00:00:33,920 --> 00:00:36,320 So let's hurry up and do that real quick. 10 00:00:36,320 --> 00:00:38,090 We've got a lot to cover in this video. 11 00:00:38,300 --> 00:00:40,020 So let's see if we can get through it all. 12 00:00:40,020 --> 00:00:44,390 All right so first off I wanted to change a couple of things here you see in here in the simulator we 13 00:00:44,390 --> 00:00:45,220 have these lines. 14 00:00:45,320 --> 00:00:47,130 So we're going to get rid of those. 15 00:00:47,170 --> 00:00:50,540 So here under separator I'm going to say none. 16 00:00:50,540 --> 00:00:53,950 So that's what the tape will be selected select separator. 17 00:00:53,990 --> 00:00:54,890 None. 18 00:00:54,890 --> 00:01:00,380 All right so that's the first thing we're going to do nothing and make sure that our background is clear. 19 00:01:00,380 --> 00:01:01,850 So that's good. 20 00:01:01,850 --> 00:01:06,950 And I think that might be all we need to do right here in the square and at a table. 21 00:01:06,950 --> 00:01:14,570 So we're just going to write and sell and drop in a table cell here. 22 00:01:14,580 --> 00:01:14,840 All right. 23 00:01:14,900 --> 00:01:20,070 So that looks good and the height is probably good. 24 00:01:20,840 --> 00:01:30,250 So this is actually the cell portion right here and I'm going to go ahead and throw in a label right 25 00:01:30,250 --> 00:01:31,740 here. 26 00:01:32,110 --> 00:01:32,710 Hello. 27 00:01:32,820 --> 00:01:37,670 Are you at your rights trumpet in a right here. 28 00:01:38,110 --> 00:01:40,390 And let's go change. 29 00:01:40,510 --> 00:01:46,390 Well first let's change the table cell background color that's right here. 30 00:01:46,390 --> 00:01:48,700 Change that to a clear color. 31 00:01:48,700 --> 00:01:49,540 There we go. 32 00:01:49,600 --> 00:01:50,620 That looks better. 33 00:01:50,730 --> 00:02:02,550 You can grab our label here and let's change the font color to white the font to custom and Helvetica 34 00:02:02,600 --> 00:02:03,510 new. 35 00:02:03,730 --> 00:02:04,780 That looks good. 36 00:02:04,780 --> 00:02:12,850 And then just change this two hash tag general and they're going to grab that and add some constraints. 37 00:02:12,870 --> 00:02:20,380 When to see 20 from the left and center that vertically in its container. 38 00:02:20,670 --> 00:02:22,890 All right so that looks good. 39 00:02:22,930 --> 00:02:27,480 I just want to save this and run it and just make sure that looks all right. 40 00:02:28,750 --> 00:02:35,950 We won't actually see any thing right here with the prototype cells because we haven't said any of that 41 00:02:36,210 --> 00:02:38,080 up inside of the controller. 42 00:02:38,330 --> 00:02:39,730 So that's good. 43 00:02:39,730 --> 00:02:43,280 All right so now we're going to continue on to the loggin VC. 44 00:02:43,420 --> 00:02:47,190 So I'm just going to pull up our designs right here. 45 00:02:47,560 --> 00:02:49,890 So this is what we want it to look like. 46 00:02:49,970 --> 00:02:54,650 We've got a cancelbot in here at the top the logo and the name of the app. 47 00:02:54,940 --> 00:03:01,360 A couple of text fields to enter in the username and password a loggin button and a second button that 48 00:03:01,360 --> 00:03:04,820 says don't have an account sign up here. 49 00:03:05,030 --> 00:03:05,290 All right. 50 00:03:05,290 --> 00:03:08,080 So let's go ahead and let's get going on there. 51 00:03:08,170 --> 00:03:20,870 When you zoom out a little bit and I'm going to add in a new View Controller every go and we are going 52 00:03:20,870 --> 00:03:28,490 to segue from this channel Visi controller to this one right here so I'm going to hold down control 53 00:03:28,520 --> 00:03:31,800 and just drag over and select show. 54 00:03:31,850 --> 00:03:38,090 OK so this is just creating a generic segue from this controller to this one. 55 00:03:38,090 --> 00:03:44,930 All right so I'm going to save that and then we need to be able to trigger that view controller change 56 00:03:45,230 --> 00:03:46,530 from this button right here. 57 00:03:46,550 --> 00:03:52,120 So we're going to need to go ahead and add an action for this button here so I'm going to hold down 58 00:03:52,140 --> 00:03:55,090 option and click on that see. 59 00:03:55,100 --> 00:04:00,890 That's channel C and then down here. 60 00:04:01,610 --> 00:04:07,550 I'm going to control drag from loggin button over here to the channel. 61 00:04:07,550 --> 00:04:10,420 See that's what file this is going to be in action. 62 00:04:10,700 --> 00:04:17,440 And we're going to name this log in button pressed and connect. 63 00:04:17,840 --> 00:04:21,290 And while we're here we're actually going to need an outlet for this eventually. 64 00:04:21,330 --> 00:04:28,340 So I'm going to create our little outlets section and I'm just going to go in and create an outlet button 65 00:04:29,120 --> 00:04:31,540 for this right now as well so it's still an outlet. 66 00:04:31,630 --> 00:04:33,560 And call this logon button. 67 00:04:33,650 --> 00:04:37,550 And the reason we are going to need an outlet for this is because we're going to need to change the 68 00:04:37,550 --> 00:04:41,720 title of the blogging button when we're actually logged in and instead of showing logging and we're 69 00:04:41,720 --> 00:04:44,430 going to display the user's name. 70 00:04:44,870 --> 00:04:46,580 All right so that's good. 71 00:04:46,580 --> 00:04:54,580 All right so we created this segue now to trigger it programmatically what we need is a no go ahead 72 00:04:54,590 --> 00:05:00,590 just dismiss the assistant editor come back here and click on the Segway and we need an identifier for 73 00:05:00,590 --> 00:05:07,000 it so we can say when we press this button perform a segue with this particular identifier and that 74 00:05:07,000 --> 00:05:13,120 identifier we're going to call it to log in and can get a copy of that. 75 00:05:13,130 --> 00:05:21,500 And we have we and our practice we generally put these types of strings in a Constance file. 76 00:05:21,500 --> 00:05:21,710 All right. 77 00:05:21,710 --> 00:05:28,040 So I'm going to create a new group over here I'm going to say right click on the smak folder as a newgroup 78 00:05:28,600 --> 00:05:38,720 and call this you would see we call this newgroup you till that t's right click and see a new file and 79 00:05:38,720 --> 00:05:40,900 it's going to be just a swift file. 80 00:05:40,940 --> 00:05:44,470 Next when I call this constant It's 81 00:05:47,150 --> 00:05:47,530 OK. 82 00:05:47,590 --> 00:05:56,670 Then right here I'm going to make a little section for segues and when I say it to log in and we generally 83 00:05:56,670 --> 00:05:58,580 use caps too. 84 00:05:58,800 --> 00:06:03,840 You know Constance and that's going to be to log in and x. 85 00:06:03,850 --> 00:06:10,470 CONAN And if you select something and do quotation marks it automatically puts it inside of quotation 86 00:06:10,470 --> 00:06:11,690 marks for you. 87 00:06:12,000 --> 00:06:12,840 When I say that. 88 00:06:12,870 --> 00:06:21,180 Jump back over to our channel channel ABC and here where we created our ID action for the logon button 89 00:06:21,180 --> 00:06:21,920 pressed. 90 00:06:21,930 --> 00:06:24,320 So what's going to happen when we push that logging button. 91 00:06:24,360 --> 00:06:27,390 We want to segue to our log in the sea. 92 00:06:27,430 --> 00:06:28,720 So pretty simple. 93 00:06:28,760 --> 00:06:38,490 I do say I perform Segway with identifier the identifier is that one that we just created to underscore 94 00:06:38,640 --> 00:06:44,840 log in and the sender is no and we're going to say that and that should do. 95 00:06:44,870 --> 00:06:52,860 So when I run it in we're going to open this up and click on log in and a link as we go. 96 00:06:52,860 --> 00:06:55,000 All right so this is the log in visi. 97 00:06:55,110 --> 00:06:56,550 Totally blank right now. 98 00:06:56,550 --> 00:06:58,800 So let's go ahead and fix that. 99 00:06:58,810 --> 00:07:01,320 So jump back over here to our story board. 100 00:07:01,620 --> 00:07:04,140 And what do we need to do. 101 00:07:04,140 --> 00:07:05,010 We already looked at it. 102 00:07:05,010 --> 00:07:07,410 We need some buttons. 103 00:07:07,410 --> 00:07:15,240 We need a button here here and here we have our logo label to text fields and some divider views. 104 00:07:15,240 --> 00:07:15,830 All right. 105 00:07:16,200 --> 00:07:19,110 Let's go ahead and get cracking on that. 106 00:07:19,170 --> 00:07:20,850 I'm going to start with our labels. 107 00:07:21,060 --> 00:07:26,970 OK so I'm just going to what I like to do is kind of just throw everything up on the board and then 108 00:07:27,540 --> 00:07:31,460 start refining and adding constraints as we go along. 109 00:07:31,640 --> 00:07:33,360 So we're gonna need an image view. 110 00:07:33,550 --> 00:07:43,790 So we're going to drop an image of you in here and reset it to the general size. 111 00:07:43,790 --> 00:07:50,370 I'm going to set the image and that his SMAC logo right there. 112 00:07:50,850 --> 00:07:58,610 We've got a button a few buttons up here which is our close button. 113 00:07:58,650 --> 00:08:03,800 One down here which is our logon button. 114 00:08:03,990 --> 00:08:10,700 And then our if you don't have an account you can create an account button. 115 00:08:10,890 --> 00:08:19,520 Then we have a couple of text fields or a couple of text fields to enter in our username and password 116 00:08:19,530 --> 00:08:26,140 of course case that's our User Name one is our password one. 117 00:08:26,490 --> 00:08:29,880 And then we've got these posts over here. 118 00:08:29,880 --> 00:08:32,330 We've got these dividers here. 119 00:08:32,510 --> 00:08:33,350 So we're going to do a little bit. 120 00:08:33,360 --> 00:08:37,290 We're just going to simply mortgage screen use a couple of views in there. 121 00:08:37,290 --> 00:08:45,570 So when I say you I view you and put you right here 122 00:08:48,360 --> 00:08:52,850 and we'll go and change the background color right away so we don't lose it. 123 00:08:53,130 --> 00:08:59,460 And that background color Let me pull it up right here is. 124 00:08:59,580 --> 00:09:00,560 Let's see here. 125 00:09:03,050 --> 00:09:13,610 So with the controller selected and click here I put in a hex that Hex's 5 B 9 F C B. 126 00:09:13,750 --> 00:09:14,980 Press return. 127 00:09:15,500 --> 00:09:22,670 And now when when we click up here on any colors that's going to be under our recently used colors. 128 00:09:22,670 --> 00:09:23,110 OK. 129 00:09:23,150 --> 00:09:25,780 So that's going to be useful. 130 00:09:25,780 --> 00:09:30,260 All right so that's going to be one of our dividers. 131 00:09:30,350 --> 00:09:36,670 I'm just going to hold option and drag to make a copy of that. 132 00:09:37,120 --> 00:09:39,590 And there we go. 133 00:09:39,590 --> 00:09:44,420 All right so there is all of our elements doesn't look like much right now I know. 134 00:09:44,420 --> 00:09:48,890 So let's go ahead and start refining our design here. 135 00:09:48,890 --> 00:09:50,320 So let's get right up here. 136 00:09:50,660 --> 00:10:00,720 This is an image so we can get rid of the text and go ahead and go ahead and add an image for it. 137 00:10:00,770 --> 00:10:09,620 So this is going to be this is our close image and that's going to be right here. 138 00:10:09,640 --> 00:10:10,750 That's right. 139 00:10:11,360 --> 00:10:12,490 Yeah right there. 140 00:10:12,530 --> 00:10:18,160 All right so let's go ahead and constrain that one so it can be 8 and 0 with the constraint margins 141 00:10:18,200 --> 00:10:19,450 checked. 142 00:10:19,460 --> 00:10:28,640 Then over here this guy's site was forty eight by 40. 143 00:10:28,750 --> 00:10:37,490 So it looks a little nicer and you may notice these blue outlines on all of our elements that's just 144 00:10:37,490 --> 00:10:42,570 the X code 9 beta bug that I've been getting. 145 00:10:42,590 --> 00:10:49,240 Normally you'd be able to get rid of that by coming over here and clicking on show baluns rectangles. 146 00:10:49,700 --> 00:10:51,820 But that's not fixing it. 147 00:10:51,860 --> 00:10:53,370 So just about. 148 00:10:53,520 --> 00:10:57,230 All right so let's get right here. 149 00:10:57,590 --> 00:11:05,850 That's going to say smack man my computer is being really slow right so SMAC. 150 00:11:06,050 --> 00:11:12,830 And we're going to change the font to you custom and Helvetica new. 151 00:11:12,830 --> 00:11:18,510 Let's make this bold and this pump that up to say 19. 152 00:11:18,530 --> 00:11:18,780 All right. 153 00:11:18,780 --> 00:11:25,440 We're going to grab that press command equal to get to the right size and zoom in a little bit. 154 00:11:26,390 --> 00:11:35,780 OK and then this color if I click here and then come over here and grab my font color come back here. 155 00:11:35,970 --> 00:11:41,490 All right so this one is four to five for B 9. 156 00:11:41,750 --> 00:11:47,640 Press enter and now this color is also going to be in our recently used. 157 00:11:47,790 --> 00:11:54,480 So when you see me jump over here and grab one of these for future UI elements that's where these colors 158 00:11:54,480 --> 00:11:55,550 come from OK. 159 00:11:56,010 --> 00:12:04,710 For instance right now if we come here to our log button down here I can see here change the background 160 00:12:04,710 --> 00:12:18,930 color to this blue right here and change the text color to white change the font to custom Helvetica 161 00:12:18,930 --> 00:12:19,540 new. 162 00:12:19,550 --> 00:12:23,030 17 is good but let's make you bold. 163 00:12:24,130 --> 00:12:32,930 Say done then we're going to add some sizes to use with this is going to be 250 and the height is going 164 00:12:32,930 --> 00:12:45,070 to be 50 kid and let's go ahead and fix these two dividers here we're going to say with of 250 and a 165 00:12:45,070 --> 00:12:53,000 height of two right and then these guys are also going to be with 250 166 00:12:55,710 --> 00:13:00,310 250 and get rid of the borders on these. 167 00:13:00,440 --> 00:13:06,880 With both of those textfield selected I'm going to come over here and right here border style do. 168 00:13:06,900 --> 00:13:14,380 None are going to change the color to that purple that we added. 169 00:13:14,670 --> 00:13:24,700 And going to change the system font to custom and Helvetica new I would say regular fine. 170 00:13:24,860 --> 00:13:30,950 And then we're going to change the give it a placeholder text or here for the first time I see a user 171 00:13:31,280 --> 00:13:41,370 whose user name and for this and we're going to say password and since as a password if we come down 172 00:13:41,370 --> 00:13:49,110 here to the check box here secure text entry that will make it so that when we enter stuff it'll just 173 00:13:49,110 --> 00:13:50,050 be those black dots. 174 00:13:50,050 --> 00:13:50,590 All right. 175 00:13:50,950 --> 00:13:52,730 That's good. 176 00:13:52,740 --> 00:13:55,460 Now let's do this button down here. 177 00:13:55,490 --> 00:13:57,440 So what's this. 178 00:13:57,660 --> 00:14:07,370 That's as don't have an account sign up here. 179 00:14:08,270 --> 00:14:08,530 All right. 180 00:14:08,540 --> 00:14:12,390 So my computer is running super slow so I just had to do a restart. 181 00:14:12,390 --> 00:14:14,700 So hopefully it's working a little bit better now. 182 00:14:14,900 --> 00:14:16,940 So we left off here. 183 00:14:17,140 --> 00:14:24,680 Get ready to fix this last Bundes hymnal press command equal to get that up to the right size can change 184 00:14:24,680 --> 00:14:33,380 the text color to that light blue color we're using to change the font to custom and Helvetica new and 185 00:14:33,380 --> 00:14:35,920 drop this down to 12 size. 186 00:14:36,230 --> 00:14:37,760 So it looks good. 187 00:14:37,760 --> 00:14:40,720 And so everything is looking pretty good. 188 00:14:40,850 --> 00:14:44,120 So let's go ahead and start adding constraints. 189 00:14:44,120 --> 00:14:51,720 So for these two I'm going to go ahead and constraints for the width and height and then I'm going to 190 00:14:51,720 --> 00:14:56,340 grab it and this smacker label right here and I'm going to throw those into a stack. 191 00:14:56,350 --> 00:14:59,860 Are you cooking me down here in bed and stack. 192 00:15:00,150 --> 00:15:08,700 And then I'm going to give that spacing of 12 and then I'm going to UPS with the stack you selected 193 00:15:09,250 --> 00:15:18,610 constrain it 60 from the top and center it Center it horizontally in the container. 194 00:15:18,630 --> 00:15:19,730 There we go. 195 00:15:19,920 --> 00:15:26,500 Then for these guys right here the user name and their divider lines. 196 00:15:26,610 --> 00:15:32,970 I'm going to embed in a stack of those for oh and for some reason I decided to put them in a horizontal 197 00:15:32,970 --> 00:15:37,350 stack which is no we want so right here we want a vertical stack. 198 00:15:37,650 --> 00:15:37,960 All right. 199 00:15:37,980 --> 00:15:45,620 And we want it to be of line to leading and we don't want this to actually be right here. 200 00:15:45,630 --> 00:15:49,320 While that really messed that up. 201 00:15:49,350 --> 00:15:51,510 Not inside the view. 202 00:15:51,510 --> 00:15:52,470 There you go. 203 00:15:52,870 --> 00:15:55,550 Hopefully yours didn't not I messed that up so bad. 204 00:15:55,920 --> 00:16:02,580 And for some reason it doesn't like it in stack because when they're when these UI views are bigger 205 00:16:02,580 --> 00:16:03,560 than 50. 206 00:16:03,990 --> 00:16:12,960 So we're going to have to constrain to a height of two and with two hundred and and we'll go ahead and 207 00:16:12,960 --> 00:16:20,090 constrain the two text fields also to the width of two hundred and fifty. 208 00:16:20,970 --> 00:16:21,170 All right. 209 00:16:21,170 --> 00:16:29,410 And then we're going to give it spacing of 14 and that's starting to look a little better. 210 00:16:29,520 --> 00:16:31,730 And now we're going to go and constrain it. 211 00:16:31,770 --> 00:16:38,100 So I'm going to set it in the center so horizontally in container and then we're going to pin it 40 212 00:16:38,130 --> 00:16:42,340 from the stack to you right here and say add one constraint. 213 00:16:42,390 --> 00:16:44,880 So that looks good everything's nice and blue. 214 00:16:44,880 --> 00:16:47,630 Now here are our constraints are good. 215 00:16:47,700 --> 00:16:53,970 And then this guy I'm going to drag up here and Marino constrain it horizontally in its container and 216 00:16:53,970 --> 00:16:55,780 we're going to need to add some constraints on that. 217 00:16:55,780 --> 00:17:01,270 So for width and height width is going to be 250 and the height is 50. 218 00:17:01,290 --> 00:17:02,520 So it's good. 219 00:17:02,610 --> 00:17:08,230 And then we're also going to constrain hit 40 from the bottom of the stack above it. 220 00:17:08,400 --> 00:17:16,770 And then for this button here and give it's some width and height and set it zero from the button above 221 00:17:16,970 --> 00:17:17,330 it. 222 00:17:17,380 --> 00:17:26,040 So it's right snug under it and the two also horizontally constrain it looks good. 223 00:17:26,040 --> 00:17:26,320 All right. 224 00:17:26,340 --> 00:17:27,690 So there we go. 225 00:17:27,690 --> 00:17:29,020 That's coming together now. 226 00:17:29,250 --> 00:17:34,050 So it went from a hodgepodge of just UI elements scattered all over. 227 00:17:34,200 --> 00:17:43,250 And then you just kind of go through and you know like a craftsman just kind of refined it and crafted 228 00:17:43,260 --> 00:17:45,620 into what you want it to look like. 229 00:17:45,710 --> 00:17:46,040 Right. 230 00:17:46,050 --> 00:17:51,480 So let's go and open up our simulator here and see how it looks. 231 00:17:53,990 --> 00:17:59,770 So when you click on our menu click on a log in and there we go. 232 00:17:59,790 --> 00:18:04,650 All right and last thing we're going to do in this video is just make it so that when we click on this 233 00:18:05,070 --> 00:18:06,680 it gets dismissed right. 234 00:18:06,990 --> 00:18:13,670 So to do that we're going to need a view controller file for this particular view. 235 00:18:13,680 --> 00:18:19,770 So I'm going to sit here controller I say new file and this is going to be a Cocco touch class going 236 00:18:19,770 --> 00:18:24,150 to see next and subclass of view controller. 237 00:18:24,150 --> 00:18:30,690 And this is going to say we're going to call this log in VC I say next and create 238 00:18:33,390 --> 00:18:40,000 and then I'm going to hold down option and click on Main to get it back over here. 239 00:18:40,380 --> 00:18:47,750 So with the assistant editor open first I need to change the class for this controller right. 240 00:18:47,940 --> 00:18:54,900 So when I come up here to it's identity inspector and change the class to the new controller file that 241 00:18:54,900 --> 00:18:57,070 we just created called loggin visi. 242 00:18:57,090 --> 00:19:03,290 So now we can add outlets and hide the actions and stuff over here in the log file. 243 00:19:03,300 --> 00:19:12,270 I'm just kind of deleting some of this stuff we don't use and right here I'm going to have to be action 244 00:19:12,300 --> 00:19:14,760 for this button right here. 245 00:19:14,970 --> 00:19:21,340 So I'm going to control drag over and I'm going to say close pressed. 246 00:19:21,750 --> 00:19:29,610 I say action and sick Nick and all we have to do here is just say this. 247 00:19:29,660 --> 00:19:34,360 Miss Ann-Marie to see for animated version of. 248 00:19:34,380 --> 00:19:35,490 Yes true. 249 00:19:35,520 --> 00:19:39,050 And then for completion we're going to say no. 250 00:19:39,050 --> 00:19:42,500 All right we're going to save that and run it. 251 00:19:43,500 --> 00:19:50,660 And here we go and click on the menu button click log in and pops up. 252 00:19:50,700 --> 00:19:53,030 Looks real great. 253 00:19:53,340 --> 00:19:53,920 Everything. 254 00:19:53,930 --> 00:19:59,000 Oh except for that we got our user name and password field mixed up. 255 00:19:59,070 --> 00:19:59,830 So we'll fix that. 256 00:19:59,910 --> 00:20:03,890 But let's see if this dismisses and it does indeed. 257 00:20:03,900 --> 00:20:06,670 So that's looking good is going fix this real quick. 258 00:20:07,160 --> 00:20:08,100 Yes. 259 00:20:08,700 --> 00:20:16,060 I mean does storyboard and this actually illustrate something that I love about stack of use. 260 00:20:16,110 --> 00:20:23,070 So if we had mess this up with just regular constraints we would have to remove the constraints for 261 00:20:23,790 --> 00:20:27,090 each of these put them back in try to get it all worked out. 262 00:20:27,660 --> 00:20:35,350 But here all we have to do is just kind of drag this down here and then drag this up here and the stack 263 00:20:35,550 --> 00:20:38,880 handles everything else for us so that's really nice. 264 00:20:38,880 --> 00:20:42,670 All right so I think we're I think we're good on this video. 265 00:20:42,720 --> 00:20:47,790 We set out to create our log in VC and we have definitely done that. 266 00:20:47,790 --> 00:20:53,740 We got all of the UI elements were able to segue to it and dismiss it. 267 00:20:53,760 --> 00:20:58,740 Obviously we haven't gotten to the point where we can like actually enter usernames and passwords and 268 00:20:59,250 --> 00:21:05,430 they should say logon never go hand and actually log in because we don't have any of the API stuff set 269 00:21:05,430 --> 00:21:06,740 up right now. 270 00:21:06,760 --> 00:21:14,340 You know we kind of need to get the UI set up so that we can make some meaningful progress on the code 271 00:21:14,340 --> 00:21:16,000 side of things as well. 272 00:21:16,050 --> 00:21:21,390 But yeah we're making some good progress so I'm going to go ahead and just add to make some comments 273 00:21:21,390 --> 00:21:24,900 for our progress here since I restarted the computer. 274 00:21:24,900 --> 00:21:36,810 I'm going to have to CD back into our repo CCD desktop and then CD the Mac say get status see all the 275 00:21:36,810 --> 00:21:41,760 changes we made and make sure I'm on the right branch which is listen for so that's good. 276 00:21:41,760 --> 00:21:46,410 And then I say get add that to add everything just changed. 277 00:21:46,530 --> 00:21:53,920 Then get commit dash and say listen for. 278 00:21:53,940 --> 00:21:54,160 All right. 279 00:21:54,180 --> 00:22:00,750 And then I'm going to push this branch up to our online repulsing to say get push origin lesson. 280 00:22:00,900 --> 00:22:02,890 Dash 0 4. 281 00:22:03,780 --> 00:22:04,100 All right. 282 00:22:04,140 --> 00:22:10,680 And that is good and the next lessons we're going to do a little bit more you stuff still we're going 283 00:22:10,680 --> 00:22:14,370 to create our view for creating a new account. 284 00:22:14,700 --> 00:22:18,620 And so if you're looking forward to that and I'll see you in the next one.