1

00:00:00,720 --> 00:00:07,140

So how did you make out converting the HTML into a golden template, hopefully fairly well, if not,



2

00:00:07,140 --> 00:00:07,850

don't worry.



3

00:00:07,860 --> 00:00:09,600

I am going to show you what I did.



4

00:00:09,600 --> 00:00:14,020

And I will also post what I did to the course resources for this lecture.



5

00:00:14,670 --> 00:00:22,290

So the first thing I did was I created a admin dash dashboard, our admin layout template, and it has



6

00:00:22,290 --> 00:00:25,440

a layout, so it's correctly parsed as being a layout.



7

00:00:25,470 --> 00:00:29,540

So what I did was I created one and I just defined it as being admin.



8

00:00:29,550 --> 00:00:34,590

So it starts with a defined tag and at the very bottom it ends that defined tag.



9

00:00:35,130 --> 00:00:39,290

And then I just started taking things out and fixing path names.



10

00:00:39,660 --> 00:00:44,130

So the first thing I did was change the name to administration and start instead of what was there before.



11

00:00:44,400 --> 00:00:46,550

In the title tag, I just put what I wanted in there.



12

00:00:47,280 --> 00:00:53,820

Then I fixed all the path names for the stylesheets without making any changes to the stylesheets themselves,



13

00:00:53,820 --> 00:00:58,050

because that's exactly what I want and I've removed everything else that I didn't want.



14

00:00:58,050 --> 00:01:03,780

And then I added a block for success, which will allow me, if I need to, to customize the stylesheet



15

00:01:03,780 --> 00:01:05,850

for a given admin page.



16

00:01:06,990 --> 00:01:13,230

Then I took almost everything out of the top menu bar and I added a link for public site and change



17

00:01:13,230 --> 00:01:14,310

what was there to logout.



18

00:01:14,310 --> 00:01:20,160

I also changed them from dropdown just by removing the classes and making them as simple as I possibly



19

00:01:20,160 --> 00:01:20,460

could.



20

00:01:21,900 --> 00:01:24,480

Then below that, I took out the search and everything else was in there.



21

00:01:24,480 --> 00:01:25,470

I didn't need any of that.



22

00:01:25,470 --> 00:01:29,580

I did leave in this part the the button that shows the toddler.



23

00:01:29,580 --> 00:01:31,320

And I'll show you how this looks in just a moment.



24

00:01:31,950 --> 00:01:38,340

But I took most of the things out of here then for the part that was the off side canvas, which is



25

00:01:38,340 --> 00:01:40,080

the menu buttons along the left.



26

00:01:40,380 --> 00:01:41,160

I change them.



27

00:01:41,190 --> 00:01:47,670

I put one to Dashboard and linked it to my one existing route admin dashboard and I added one.



28

00:01:47,670 --> 00:01:51,260

I changed to one of the the one dropdown that was in there into reservations.



29

00:01:51,270 --> 00:01:56,600

Now I just chose what I think will be useful links for this menu.



30

00:01:57,210 --> 00:02:02,100

So a drop down menu or an expandable menu called reservations that shows new reservations.



31

00:02:02,100 --> 00:02:08,040

And I made up a path name here a year earlier that I will create a handler for handler for later and



32

00:02:08,040 --> 00:02:13,140

one for all reservations, which will allow the property owner to see new reservations and to look at



33

00:02:13,140 --> 00:02:14,190

all reservations.



34

00:02:14,190 --> 00:02:20,100

So new ones would be ones that have come in but haven't been processed, and these ones would be every



35

00:02:20,100 --> 00:02:21,990

reservation that has ever taken place.



36

00:02:22,620 --> 00:02:27,210

And then I put a reservation calendar link, which will give me a place or give the property owner a



37

00:02:27,210 --> 00:02:33,900

place to close rooms to block them off when he or she does not want the reservations, the dates to



38

00:02:33,900 --> 00:02:35,280

be available for a given room.



39

00:02:36,330 --> 00:02:42,470

And then I really simplified this part, which is the main panel where the main content goes.



40

00:02:42,480 --> 00:02:45,390

I took almost everything out of there because I don't need any of it.



41

00:02:45,690 --> 00:02:51,300

And instead I put in a block for the page title and left that empty so you can populate that on a per



42

00:02:51,300 --> 00:02:52,110

page basis.



43

00:02:52,560 --> 00:02:58,170

And this part I change to one row with nothing inside, and that's where I my main content goes.



44

00:02:58,620 --> 00:03:03,480

And finally at the bottom, I deleted everything in the footer but left it there in case I want to put



45

00:03:03,480 --> 00:03:06,390

something in later that's just empty for right now.



46

00:03:07,230 --> 00:03:12,420

Then I fix the path names for all the JavaScript and got rid of the one that I don't need, which is



47

00:03:12,420 --> 00:03:14,130

the charting because I'm not going to use any charting.



48

00:03:14,790 --> 00:03:21,600

And lastly, the very final thing I did was put an empty block in for JavaScript so I can put per page



49

00:03:21,600 --> 00:03:23,550

JavaScript in if necessary.



50

00:03:24,510 --> 00:03:30,810

Then I change my admin dashboard page, which used to be just text to just said this is a secure page.



51

00:03:31,170 --> 00:03:37,650

I change that to use the admin template, defined the title for this particular page to be Dashboard



52

00:03:37,860 --> 00:03:41,460

and just put some content in so I could show that there is some actual content.



53

00:03:41,790 --> 00:03:43,960

And when I did that, here's what I got.



54

00:03:44,730 --> 00:03:48,330

So go to the admin dashboard and here's what I got.



55

00:03:48,330 --> 00:03:51,960

It's as simple as you can possibly be so I can get to the public site by clicking here.



56

00:03:52,680 --> 00:03:55,470

I can go back to the dashboard by choosing that from the menu.



57

00:03:55,770 --> 00:03:57,180

I can log out if I want to.



58

00:03:57,570 --> 00:04:03,030

And my reservations shows a little expandable menu for new reservations and all reservations.



59

00:04:03,270 --> 00:04:06,120

And my reservation calendar will take me to a reservation calendar.



60

00:04:06,120 --> 00:04:09,330

Now, obviously, these three links don't exist yet.



61

00:04:09,600 --> 00:04:15,870

We need to create pages and handlers for those and we'll do that in the remainder of this section.



62

00:04:16,440 --> 00:04:18,690

But everything else works exactly as it should.



63

00:04:18,690 --> 00:04:19,650

That collapses.



64

00:04:19,650 --> 00:04:20,430

That opens.



65

00:04:20,430 --> 00:04:22,050

I didn't bother changing the icons.



66

00:04:22,050 --> 00:04:23,730

You feel free to do so if you want to.



67

00:04:24,330 --> 00:04:25,890

And that's really all I did.



68

00:04:25,950 --> 00:04:31,110

So very straightforward process, easy to make a mistake in a go line template.



69

00:04:31,470 --> 00:04:36,840

And for that reason I'm posting what I've done to the course resources of election resources for this



70

00:04:36,840 --> 00:04:37,560

particular lecture.



71

00:04:38,040 --> 00:04:39,600

But hopefully you had some success.



72

00:04:39,600 --> 00:04:41,340

If not, just copy what I have.



73

00:04:41,340 --> 00:04:44,100

Put it in your project and we'll continue on.



74

00:04:44,400 --> 00:04:51,870

And our next step is to list any existing reservations, new ones, and to list all reservations, which



75

00:04:51,870 --> 00:04:54,210

may require a slight change to our database.



76

00:04:54,390 --> 00:04:55,110

Not a big deal.



77

00:04:55,110 --> 00:04:57,480

And we'll take care of that in the next few lectures.