1
00:00:00,360 --> 00:00:01,410
In this video.

2
00:00:01,410 --> 00:00:07,040
And then the next one we are going to implement deleting of your posts.

3
00:00:07,050 --> 00:00:14,190
But before we continue, let's fix this more serious issue and that is on the Post details page.

4
00:00:14,190 --> 00:00:21,780
And for these two icons, one is for editing and one is for deleting and for deleting.

5
00:00:21,780 --> 00:00:24,960
We are going to use a method called delete.

6
00:00:24,960 --> 00:00:27,600
In that way we need to use a form.

7
00:00:27,600 --> 00:00:32,130
So if you use a form for this icon, it's going to change the style.

8
00:00:32,130 --> 00:00:34,290
So let's go ahead and then fix that.

9
00:00:34,290 --> 00:00:41,160
So let's get back to the post details, page views, post and post details.

10
00:00:41,160 --> 00:00:45,540
And this is where we left by adding the two icons.

11
00:00:45,540 --> 00:00:48,860
But one more thing we need to fix is about this part.

12
00:00:48,870 --> 00:00:54,540
You can see that we are using class name for post and then the comment.

13
00:00:54,540 --> 00:00:56,220
So we are going to change that.

14
00:00:56,220 --> 00:01:03,810
And moreover, I made a mistake by nesting other elements inside the tag, which is not ideal.

15
00:01:03,810 --> 00:01:06,600
So let's change the p to div.

16
00:01:07,620 --> 00:01:09,890
And down here as Dave.

17
00:01:10,620 --> 00:01:11,580
The first step.

18
00:01:11,610 --> 00:01:17,090
The second step is that for the editing we are going to use a form.

19
00:01:17,100 --> 00:01:22,520
So I'm going to change the A tag to form like that.

20
00:01:22,530 --> 00:01:25,560
And for the form there is no ref.

21
00:01:25,560 --> 00:01:26,250
Remove that.

22
00:01:26,250 --> 00:01:32,110
And I'm also going to remove the comment CSS as that.

23
00:01:32,130 --> 00:01:34,710
Likewise, this one also.

24
00:01:35,360 --> 00:01:44,660
The next step is that let's add a button to drop the icon so button and I'll put the icon inside that.

25
00:01:44,930 --> 00:01:48,740
And next one is I'm going to remove this pan also.

26
00:01:48,740 --> 00:01:50,390
So here we go.

27
00:01:50,390 --> 00:01:53,930
Remove that and remove it down here.

28
00:01:53,960 --> 00:01:58,040
So now inside this day, we have two elements.

29
00:01:58,040 --> 00:02:03,740
One is the radiant icon and the next one is called the form.

30
00:02:03,740 --> 00:02:08,960
So I'm going to change the class name for this one to post details info.

31
00:02:12,420 --> 00:02:15,840
You can name whatever you want or post details, actions.

32
00:02:16,690 --> 00:02:17,650
Like that.

33
00:02:17,920 --> 00:02:18,400
All right.

34
00:02:18,400 --> 00:02:21,550
So let's get back to the CSS part of it.

35
00:02:21,550 --> 00:02:28,450
So I'll copy this class name and inside the public kiss and post details.

36
00:02:28,780 --> 00:02:34,120
And here is no more post info, but instead post detail action.

37
00:02:34,130 --> 00:02:38,050
So when I serve it now let's have a look how the difference is now.

38
00:02:38,440 --> 00:02:43,900
And you can see that it has changed the style of this icon that is for the deleting.

39
00:02:43,900 --> 00:02:46,870
So let's go ahead and start this one a little bit.

40
00:02:46,870 --> 00:02:48,820
So let's get back to the CSS.

41
00:02:48,820 --> 00:02:56,200
For the meantime, let's locate or target the actual element, which is a button so I can target form

42
00:02:56,200 --> 00:02:56,950
and button.

43
00:02:56,950 --> 00:03:01,810
Or to be more precise, I'm going to use post this action and then the button.

44
00:03:01,810 --> 00:03:03,130
So here we go.

45
00:03:03,160 --> 00:03:08,680
I'm going to copy this one and down here, paste and target the button.

46
00:03:11,600 --> 00:03:14,450
Then I'm going to give it a colour of white.

47
00:03:14,480 --> 00:03:19,610
Hashtag Triple F's and border.

48
00:03:22,470 --> 00:03:23,370
None.

49
00:03:24,150 --> 00:03:28,200
Cursor, pointer and margin left.

50
00:03:29,370 --> 00:03:32,100
Margin left as ten P6.

51
00:03:32,160 --> 00:03:36,060
And let's give it background color of hashtag.

52
00:03:37,870 --> 00:03:40,690
F, f, f, five, F, save it.

53
00:03:40,690 --> 00:03:42,160
And now let's have a look.

54
00:03:43,980 --> 00:03:46,260
I think this one is okay for my likeness.

55
00:03:46,260 --> 00:03:50,520
Or I can use the collar as this one.

56
00:03:54,260 --> 00:04:02,030
And remove the background color and increase the font size to, let's say, 20 pages and let's have

57
00:04:02,030 --> 00:04:02,510
a look.

58
00:04:04,880 --> 00:04:06,950
Yeah, I think this one is okay.

59
00:04:07,190 --> 00:04:13,460
The next video, let's go ahead and implement the HTTP core to be able to delete a post.