1
00:00:00,590 --> 00:00:04,860
In the previous video, we saw how to get started with the components, so not yet.

2
00:00:04,920 --> 00:00:07,980
If you look at the chart engine, you white dots.

3
00:00:09,570 --> 00:00:13,560
On the left side, you can see customized urine and then the components of it yet.

4
00:00:18,760 --> 00:00:24,520
And that are function functions you can see in that chart feed and that headed and also people say things

5
00:00:24,520 --> 00:00:31,120
like these are all the props that you can use from the white dots that the top engine developers provide

6
00:00:31,120 --> 00:00:34,150
it to customize your chat application in the way you want.

7
00:00:34,570 --> 00:00:40,630
There are so many things like you can see the context, API function and API, even people such as honored

8
00:00:40,630 --> 00:00:40,960
methods.

9
00:00:40,960 --> 00:00:47,350
The sounds are when we are editing the message to see some animation of some kind of thing that invokes

10
00:00:48,070 --> 00:00:49,180
a fully dressed API.

11
00:00:49,630 --> 00:00:55,750
So this will need to be done in the pitch where you can see the how to like.

12
00:00:55,840 --> 00:01:00,250
This is the last step of the project and see how the authentication thing, the login thing using sockets

13
00:01:00,520 --> 00:01:04,690
that how to like what I do understand the error, code rate and everything.

14
00:01:06,010 --> 00:01:11,440
So this is all you can check the documentation if you want to design your app and more like in your

15
00:01:11,440 --> 00:01:15,160
own way, your customized customer customization and everything.

16
00:01:16,000 --> 00:01:16,990
So now let us see.

17
00:01:18,500 --> 00:01:25,660
The next step that in the short film, writing code for the short film and we open, we've got to go

18
00:01:25,670 --> 00:01:27,020
inside inside the cockpit.

19
00:01:27,350 --> 00:01:29,330
Now, as we created everything, we can import them.

20
00:01:30,200 --> 00:01:31,850
I'll be importing all the components.

21
00:01:34,540 --> 00:01:35,650
But my message from.

22
00:01:41,620 --> 00:01:43,990
And then importing their message also.

23
00:01:51,240 --> 00:01:52,320
First message from.

24
00:01:58,280 --> 00:02:00,530
So now no need to cancel.

25
00:02:01,160 --> 00:02:06,630
And I said you can check whether inside to inspect element and open the console and check the object's

26
00:02:06,650 --> 00:02:12,860
position, as you can see, we are getting all the information that we want from that chart, like the

27
00:02:12,860 --> 00:02:15,260
chart in the charts that are present.

28
00:02:15,530 --> 00:02:22,250
Since there is no chart present, the value is null and then everything like you can use whatever kind

29
00:02:22,250 --> 00:02:25,340
you want, username and the user secret we can encrypt them using.

30
00:02:25,340 --> 00:02:28,550
Then one when variables are passport and there are many areas.

31
00:02:28,760 --> 00:02:31,790
So this is out of the topic, so we are not going to discuss it.

32
00:02:32,990 --> 00:02:34,460
Is you can see what we are getting.

33
00:02:34,730 --> 00:02:41,030
If you have never been to any any step, the basic way to sort that out is that cancer it.

34
00:02:41,510 --> 00:02:41,930
So we're not.

35
00:02:41,960 --> 00:02:46,330
If you don't understand the variable what the variable is hiding or what the variable is starting,

36
00:02:46,520 --> 00:02:49,250
just cancel it and see what it is, what is happening.

37
00:02:49,250 --> 00:02:51,260
So this is basically what the developers did.

38
00:02:51,500 --> 00:02:53,630
They just cancelled whatever they don't understand.

39
00:02:55,820 --> 00:02:58,700
So now as we got the props and the structure them.

40
00:03:00,630 --> 00:03:05,970
Oh, only the information that they want, but basically you can do the restructuring of the object

41
00:03:05,970 --> 00:03:06,510
in this fit.

42
00:03:07,260 --> 00:03:10,800
I want the charts present, the active chart present.

43
00:03:12,260 --> 00:03:15,740
Username, any messages of the user?

44
00:03:19,550 --> 00:03:22,490
So these elements I'll get from props.

45
00:03:23,660 --> 00:03:28,010
So after that, you can start inside, you can get it constant.

46
00:03:30,160 --> 00:03:33,010
If there are jobs present, then it will.

47
00:03:34,440 --> 00:03:35,790
Run this line of code.

48
00:03:37,610 --> 00:03:41,420
From the charts, it will take back to active duty.

49
00:03:44,380 --> 00:03:50,680
So what this line that is creating a culture of culture, if charts is true, then this line of code

50
00:03:50,680 --> 00:03:51,310
will execute.

51
00:03:51,520 --> 00:03:56,710
And then watch it in the charts of activity chart, the chart that they use that is currently that we

52
00:03:56,710 --> 00:03:57,700
are starting and said, Chuck.

53
00:03:59,010 --> 00:04:03,420
OK, so after this, we can create a function called alert messages.

54
00:04:12,930 --> 00:04:19,530
So we're creating a constant court case in which I store the keys off messages.

55
00:04:19,710 --> 00:04:24,600
That means every message you will have a certain unique key so that I'll be storing inside the keys

56
00:04:25,440 --> 00:04:27,570
object means it's referring to the current object.

57
00:04:32,320 --> 00:04:38,020
So long as you do that, you can basically return those keys, you can use the map function for those

58
00:04:38,020 --> 00:04:38,380
keys.

59
00:04:47,980 --> 00:04:50,800
So the parameters will be key and in next.

60
00:04:57,070 --> 00:04:58,300
So what they should return?

61
00:05:00,260 --> 00:05:01,610
So their spiritual return.

62
00:05:03,410 --> 00:05:04,700
We will not be in this.

63
00:05:08,920 --> 00:05:15,350
So it should return the constant message, it should store the messages that the key has.

64
00:05:15,880 --> 00:05:20,790
So when we are mapping through the key, we'll get a key link for the first message.

65
00:05:20,800 --> 00:05:21,610
There'll be a unique key.

66
00:05:21,610 --> 00:05:23,240
For the second message, there'll be another.

67
00:05:24,100 --> 00:05:25,330
So now we'll be shooting them.

68
00:05:26,490 --> 00:05:32,970
Mess it up that, you know, foreign policy, so this contains a single message, so I will be letting

69
00:05:32,970 --> 00:05:34,260
the messages.

70
00:05:35,640 --> 00:05:35,940
He.

71
00:05:37,050 --> 00:05:41,070
So what that's going to give is, though it will store the message of that particular tree inside a

72
00:05:41,490 --> 00:05:42,600
Pakistan called residual.

73
00:05:42,660 --> 00:05:44,700
Every time the new principals start, every time.

74
00:05:45,210 --> 00:05:46,470
So that is how it works.

75
00:05:46,950 --> 00:05:47,310
And then.

76
00:05:49,070 --> 00:05:51,740
Last message focused on the last message.

77
00:05:53,230 --> 00:05:55,990
So carefully look over there will be writing some logical.

78
00:05:57,250 --> 00:05:59,290
If index is equal to zero.

79
00:06:04,420 --> 00:06:08,530
Then when we started now, that means that there is no lasting effect.

80
00:06:08,980 --> 00:06:10,900
Otherwise, we'll be storing them.

81
00:06:12,210 --> 00:06:15,330
Last message in next minus one.

82
00:06:18,540 --> 00:06:24,030
So index gives the value of the key as we are taking in the barometer, so this is how we can get the

83
00:06:24,030 --> 00:06:24,660
last message.

84
00:06:25,920 --> 00:06:26,400
And then.

85
00:06:27,710 --> 00:06:28,610
Is my message.

86
00:06:28,820 --> 00:06:36,770
That means I said, do we want to differ from the message to our message will be using the basic principles

87
00:06:36,770 --> 00:06:40,040
like our messages will be on one side and the message will be another side.

88
00:06:40,310 --> 00:06:42,950
So how to check whether it is our message?

89
00:06:45,990 --> 00:06:47,580
So basically username.

90
00:06:48,940 --> 00:06:51,210
Matches the message box and under them.

91
00:06:54,330 --> 00:06:55,410
Sanders is an.

92
00:06:59,370 --> 00:07:04,500
Something, well, we're going to do it so that this we completed the story off message last message

93
00:07:04,540 --> 00:07:09,290
again, checking whether this will return a Boolean, whether if it if it's equally valid and true,

94
00:07:09,300 --> 00:07:12,000
and this will contain a Boolean, whether true or false.

95
00:07:13,940 --> 00:07:15,420
And then after that, you can return.

96
00:07:18,010 --> 00:07:21,880
This is basically the message of administering all the material of that particular job.

97
00:07:22,660 --> 00:07:25,720
So what will be rendering is will be rendering native.

98
00:07:30,780 --> 00:07:32,040
Oh, it is not working.

99
00:07:35,310 --> 00:07:38,490
So instead, the two will be having a key.

100
00:07:42,630 --> 00:07:44,190
He basically contends the.

101
00:07:45,360 --> 00:07:46,920
Message and messaging.

102
00:07:48,610 --> 00:07:51,100
Amazing, the toilet operator for the extraction of the data.

103
00:07:55,000 --> 00:07:57,610
Index for this will be the key of that division.

104
00:08:00,550 --> 00:08:02,170
And we'll be having some custom style.

105
00:08:09,160 --> 00:08:10,540
It will be 100 percent.

106
00:08:14,920 --> 00:08:20,170
Now, the new and now inside this new will be having a message blocked.

107
00:08:27,710 --> 00:08:32,870
So the to check whether it is my message or not, as I do, is my message will contain the bullion.

108
00:08:33,110 --> 00:08:36,720
So if it is true, I should render my message if it is not true.

109
00:08:36,740 --> 00:08:38,770
I have never read receipts.

110
00:08:39,740 --> 00:08:41,270
So I will be writing forward for that.

111
00:08:42,760 --> 00:08:43,150
If.

112
00:08:45,840 --> 00:08:46,740
It's my message.

113
00:08:48,220 --> 00:08:49,550
Is my message.

114
00:08:53,580 --> 00:08:56,840
Then I'll be rendering my message component.

115
00:08:58,850 --> 00:09:00,740
This should be self self-closing time.

116
00:09:09,650 --> 00:09:09,890
Yeah.

117
00:09:10,190 --> 00:09:11,690
So if not.

118
00:09:13,590 --> 00:09:16,350
Then I should read them their message if it is not my message.

119
00:09:24,530 --> 00:09:27,240
Yeah, so with this.

120
00:09:28,910 --> 00:09:30,110
That there will be complicated.

121
00:09:33,300 --> 00:09:40,230
So I'll be sending some props already ready to use my message out there measures we need to have me

122
00:09:40,230 --> 00:09:44,070
say tonight, so I'll be sending the prop off message that will be a message.

123
00:09:45,170 --> 00:09:46,250
The current message.

124
00:09:47,770 --> 00:09:50,500
And then similar deal, and he had bad message.

125
00:09:51,340 --> 00:09:53,710
There should be a prop sending message.

126
00:09:56,540 --> 00:10:02,000
And also represented the last message, if it is their message, we want to know how many messages this,

127
00:10:02,000 --> 00:10:05,660
and so that's why we'll be sending the last message with the help of the last message.

128
00:10:08,190 --> 00:10:13,440
So in the messages, society will be searching for that message with last message.

129
00:10:17,420 --> 00:10:18,860
So this is how it should be done.

130
00:10:21,650 --> 00:10:26,540
So once this deal is completed, we can read receipts, we can build up the four leaderships.

131
00:10:34,860 --> 00:10:36,810
So this day will have a custom styling.

132
00:10:39,580 --> 00:10:42,000
First time will be should be our objective.

133
00:10:42,250 --> 00:10:43,990
That's why I will be using double parentheses.

134
00:10:44,930 --> 00:10:47,240
And the margin right should be.

135
00:10:51,450 --> 00:10:52,620
Margin, right, should be.

136
00:10:53,830 --> 00:10:56,080
If it is my message, it should be 18 pixels.

137
00:10:56,410 --> 00:11:01,210
Otherwise, it should be zero, because that's it for display and message solvable if it is my message.

138
00:11:05,130 --> 00:11:12,180
Oh, it should be 18 percent, so this is basically this big since I have picked the correct values

139
00:11:12,180 --> 00:11:16,380
that will suit based on different permutations and combinations to plan a better return.

140
00:11:18,750 --> 00:11:20,250
Otherwise it should be zero pixels.

141
00:11:28,090 --> 00:11:28,900
You know, pictures.

142
00:11:30,720 --> 00:11:32,490
And then the margin, right?

143
00:11:35,650 --> 00:11:36,670
So the margin left.

144
00:11:41,050 --> 00:11:46,180
Margin of the same thing, if it is my as it should be zero because it's either IP68 since.

145
00:11:47,500 --> 00:11:48,940
It is my message.

146
00:11:50,200 --> 00:11:52,900
It should be, you know, since.

147
00:11:54,330 --> 00:11:56,190
And the right fit should be 68 pixels.

148
00:11:59,930 --> 00:12:03,620
Basically, this is done by trying to pick the best values for you.

149
00:12:10,450 --> 00:12:16,990
So we have done with the research once this deal is closed and closed the other day.

150
00:12:18,470 --> 00:12:19,540
And keep the.

151
00:12:23,070 --> 00:12:27,440
The closing does so, yeah, so with this, we have completed the randomized just.

152
00:12:28,630 --> 00:12:30,550
Function, so what is the next step?

153
00:12:32,640 --> 00:12:36,050
So next step is we have to return the them that we want exactly right.

154
00:12:37,690 --> 00:12:41,290
So the First Division class name will be.

155
00:12:44,950 --> 00:12:45,730
Chatfield.

156
00:12:50,420 --> 00:12:54,170
Then the next day will be job title containers.

157
00:12:55,430 --> 00:12:59,660
It is basically the basic guarantee as a sponge that you can understand quite easily.

158
00:13:02,450 --> 00:13:05,720
And instead, the chart that you can determine over the weekend chart by the.

159
00:13:12,300 --> 00:13:16,770
COVID-19, the job title would be having the title of the job, right?

160
00:13:17,790 --> 00:13:24,000
If not, if there is some chart, if there is some chart present, like already the users are charting,

161
00:13:24,360 --> 00:13:26,340
then we want to see the title of the chart.

162
00:13:29,700 --> 00:13:31,020
So this is all we can do that.

163
00:13:34,890 --> 00:13:42,000
Or we can solve that, this do we can have the subtitle.

164
00:13:43,330 --> 00:13:44,380
That's a of.

165
00:13:51,260 --> 00:13:54,290
And instead, we'll be having some logic shortly.

166
00:13:55,580 --> 00:14:00,980
Say after that, after this, we'll be calling them in their chalk messages, so this will render all

167
00:14:00,980 --> 00:14:06,050
the messages of that particular fit so we can call the function.

168
00:14:07,660 --> 00:14:09,760
And that message messages.

169
00:14:11,990 --> 00:14:12,170
Yeah.

170
00:14:12,600 --> 00:14:17,420
Put it after this, finally, we should have the message from to send a message.

171
00:14:18,790 --> 00:14:20,500
So I have a personal.

172
00:14:24,030 --> 00:14:24,780
And the style.

173
00:14:29,510 --> 00:14:31,010
I will be 100 pixels.

174
00:14:36,680 --> 00:14:36,910
Now.

175
00:14:39,980 --> 00:14:42,530
So this should be a self-closing.

176
00:14:46,580 --> 00:14:47,370
And after that.

177
00:14:48,110 --> 00:14:53,450
So basically, this is this we are using our height of honor to of because to give some gap between

178
00:14:53,450 --> 00:14:58,490
the message of stock fit and then the message form that we are going to build up soft, there's this

179
00:14:58,490 --> 00:15:00,350
will be using a message from container.

180
00:15:01,590 --> 00:15:02,670
Message from.

181
00:15:03,970 --> 00:15:04,590
And Dana.

182
00:15:06,780 --> 00:15:08,610
So in Chad this weekend, Paula.

183
00:15:10,340 --> 00:15:12,050
Component message from component.

184
00:15:17,700 --> 00:15:21,730
Hedge fund will be sending all the props using the spirit operator.

185
00:15:23,780 --> 00:15:25,050
And also the chart I.D..

186
00:15:29,890 --> 00:15:34,090
With the props that are previously existed have sending the new prop that is the chartered.

187
00:15:35,640 --> 00:15:36,630
There's sending that gift.

188
00:15:41,110 --> 00:15:47,230
So it is basically the basic version of our chart, this is ready the chart.

189
00:15:47,920 --> 00:15:53,070
So that there are some more steps like we have to use this, we have to build that and then read receipts

190
00:15:53,080 --> 00:15:54,640
function that we used on.

191
00:15:55,720 --> 00:15:57,310
Apart from that, everything is done.

192
00:15:58,000 --> 00:16:02,590
And then in the next year that save the remaining portion of the chocolate and also the message and

193
00:16:02,590 --> 00:16:04,210
my message components.