1
00:00:00,180 --> 00:00:07,230
In this hour, we are going to add the model such that Miranda use a kick on display and a model will

2
00:00:07,230 --> 00:00:17,580
pop up here and just like this one, and we will paste it input form here so the user can type the details

3
00:00:17,580 --> 00:00:20,610
of the items so you can update the items.

4
00:00:20,880 --> 00:00:27,360
So now back to our panel chat before the end of the party, going to add the Moto Squibb.

5
00:00:27,540 --> 00:00:30,090
So we go to the models.

6
00:00:31,030 --> 00:00:33,430
And then we copy this one.

7
00:00:34,620 --> 00:00:36,180
And I repeat here.

8
00:00:38,940 --> 00:00:42,610
And then we kind of see a model tricker at the length.

9
00:00:43,900 --> 00:00:45,700
So we'd call these costs.

10
00:00:46,610 --> 00:00:57,140
And go to the edit icon and paste inside the cast, and also we have tech here and repace here and the

11
00:00:57,140 --> 00:01:01,610
name should be Keota, this one, so we can call Petey's.

12
00:01:02,180 --> 00:01:09,290
And at the time at the same time and we use this as an item model.

13
00:01:10,400 --> 00:01:14,840
Now, we can try to refresh the page and see where that is work and.

14
00:01:15,900 --> 00:01:20,130
It should not work because we haven't at the initialization script.

15
00:01:20,760 --> 00:01:27,360
So the first thing is we have to look at the material ISIS script, so we copy to see the end and then

16
00:01:27,360 --> 00:01:28,400
we page here.

17
00:01:29,070 --> 00:01:36,510
And also we have to copy these initialization script and paste inside the JavaScript.

18
00:01:37,140 --> 00:01:41,640
Now, we do not have any options here, so we can delete this.

19
00:01:42,420 --> 00:01:47,100
Now we try to go to the Web page and then refresh and then click on the models.

20
00:01:47,280 --> 00:01:48,940
Now you can see it pop up here.

21
00:01:49,230 --> 00:01:53,160
Now we can edit the model instead of a bunch of that.

22
00:01:53,280 --> 00:01:56,780
We can delete this and we can delete the footage.

23
00:01:57,240 --> 00:02:01,230
And also we change things to be full.

24
00:02:02,160 --> 00:02:11,730
And then we replace this paragraph with the form and we add the idea is AECO to edit form.

25
00:02:12,000 --> 00:02:15,650
So it's better for us to grab this later.

26
00:02:16,830 --> 00:02:27,930
And then we put cou input for you and then we paste its name as AMP and this one is Price and this one

27
00:02:27,930 --> 00:02:35,110
we change this to a number because we want the value a number, and then we both add a placeholder and

28
00:02:35,110 --> 00:02:40,170
the first one is item name and the other is item price.

29
00:02:40,470 --> 00:02:44,070
So we can be friends again and see whether the forms looks good.

30
00:02:44,620 --> 00:02:48,830
We can see the item names and also the item price here.

31
00:02:49,020 --> 00:02:51,420
And we also have to add a button.

32
00:02:51,660 --> 00:02:59,650
So right before the end of the phone we create a button and across a span and we price update.

33
00:03:00,360 --> 00:03:07,050
Now we refresh the page and click on the pan and you can see the update button here.

34
00:03:08,370 --> 00:03:12,810
So this is how to create a model form for at the time, the items.