1

00:00:00,780 --> 00:00:08,220

So what we want to do next is to set up a secure back end for the property owner to manage reservations,



2

00:00:08,730 --> 00:00:15,840

and we're going to do that using a different base layout than we do for this page for every page on



3

00:00:15,840 --> 00:00:16,970

the site that we have so far.



4

00:00:17,670 --> 00:00:20,760

So what we want to have is when someone logs in.



5

00:00:20,760 --> 00:00:22,230

So I'm going to log in right now.



6

00:00:27,170 --> 00:00:33,980

When I log in, I want this not just to say log out, I want to change this to a drop down menu, kind



7

00:00:33,980 --> 00:00:34,700

of like this one.



8

00:00:35,240 --> 00:00:41,210

But instead of listing the two rooms, when I click on Log Out or it'll be admin or something like that,



9

00:00:41,570 --> 00:00:45,260

I want to have a link to the admin dashboard and then a log.



10

00:00:45,500 --> 00:00:47,330

So let's do that, first of all, because that's really easy.



11

00:00:47,360 --> 00:00:54,530

So let's go over to our admin base layout or not admin based at our base layout template.



12

00:00:54,920 --> 00:00:58,520

And I'll just copy this drop down menu that we have right here.



13

00:00:59,450 --> 00:01:00,020

This one.



14

00:01:02,350 --> 00:01:08,890

And I'll put it down here and then change it, so let me indent this so it's all nicely formatted and



15

00:01:08,890 --> 00:01:12,370

the first thing I want to do is I don't want to call it rooms, I'll call it admin.



16

00:01:13,360 --> 00:01:14,950

And then it's going to have two menu items.



17

00:01:14,950 --> 00:01:19,360

And the first one will be to the admin dashboard, which is admin dashboard.



18

00:01:19,540 --> 00:01:21,340

That route we set up in the last section.



19

00:01:21,340 --> 00:01:22,240

Better spell dashboard.



20

00:01:22,240 --> 00:01:22,480

Right.



21

00:01:24,370 --> 00:01:25,720

And I'll call this dashboard.



22

00:01:28,520 --> 00:01:32,060

And then log out, which is slash user.



23

00:01:34,260 --> 00:01:36,390

Logo, and we'll call this logo



24

00:01:39,120 --> 00:01:44,310

and then get rid of this because we don't need it anymore, so I should be able to save that, go back



25

00:01:44,310 --> 00:01:47,630

and reload this page and I should change to the admin menu.



26

00:01:47,640 --> 00:01:48,270

And it did.



27

00:01:48,540 --> 00:01:51,840

And I should be able to choose logout or dashboard and I choose Dashboard.



28

00:01:51,840 --> 00:01:56,820

It should take me to that really simple text only page that we created in the last section.



29

00:01:57,090 --> 00:01:58,380

And it does OK.



30

00:01:58,380 --> 00:02:01,110

And logout should work and it does.



31

00:02:01,440 --> 00:02:01,770

All right.



32

00:02:01,770 --> 00:02:02,980

So that's the first thing we've done.



33

00:02:03,150 --> 00:02:05,280

Now, the second thing is when I'm logged in.



34

00:02:11,980 --> 00:02:14,020

I don't want to see this.



35

00:02:14,200 --> 00:02:19,510

I actually want to see a nicely formatted admin back end, and I don't want to go to the trouble of



36

00:02:19,510 --> 00:02:25,210

writing one from scratch because there are so many free ones available to us out there right now.



37

00:02:25,220 --> 00:02:29,850

And I've chosen one here and I've already posted a link to this in the course resources.



38

00:02:30,550 --> 00:02:37,410

This is a free royalty free bootstrap admin template, which looks like it will do exactly what we want.



39

00:02:37,690 --> 00:02:38,980

This is what it's going to look like.



40

00:02:38,980 --> 00:02:44,800

We'll have menu items along here and then we can change the content in here and that will serve exactly



41

00:02:44,800 --> 00:02:47,060

what we need for the purposes that we needed to do.



42

00:02:47,080 --> 00:02:48,580

I can even click on Live Preview.



43

00:02:49,450 --> 00:02:50,650

So that takes us over here.



44

00:02:50,650 --> 00:02:53,560

And we have the ability to have collapsible menu items.



45

00:02:53,890 --> 00:02:57,930

We have all the content we can put in here.



46

00:02:57,960 --> 00:02:59,390

This will do exactly what we want.



47

00:02:59,410 --> 00:03:03,790

I'm going to take most of the functionality that's built into this template out of it, because I want



48

00:03:03,790 --> 00:03:06,430

to make this relatively simple for the purposes of this course.



49

00:03:07,090 --> 00:03:15,190

So what I'll do is go back and download this by coming up here and saying download zip so it will save



50

00:03:15,190 --> 00:03:16,020

the file for me.



51

00:03:16,420 --> 00:03:23,080

So save that, extract it, and then in the next few lectures will convert this into bootstrap templates



52

00:03:23,080 --> 00:03:27,700

or into goal line templates and start building our administrative back end.