0:00:24
what is going on guys welcome back to
0:00:27
another session of breaking fix brought
0:00:31
one raw coder which is me
0:00:34
um hope you guys are doing really good
0:00:38
good day so far wherever you are in the
0:00:42
world um good day evening
0:00:48
first thing is first let's acknowledge
0:00:51
the country and pay our respects to the
0:00:53
elders of the past present and future so
0:01:01
i begin today by acknowledging the
0:01:03
traditional custodians of the land on
0:01:05
which we gather today and pay my
0:01:07
respects to the elders past present and
0:01:10
future i extend their respect to
0:01:12
aboriginal and torres strait islander
0:01:18
all right that was smoothly done
0:01:24
yeah you must be observing that's only
0:01:26
me again the others
0:01:28
have got a bit of a commitment so they
0:01:44
get the ball rolling so
0:01:46
yesterday what we were doing that we
0:01:48
were basically trying to
0:01:51
um hook up the websocket
0:01:56
the board columns itself
0:01:59
so i'll just show you
0:02:01
what i mean in instead of
0:02:04
telling you everything because a video
0:02:06
or an image speaks a thousand words
0:02:11
let's share my screen
0:02:21
oh i forgot to play the background music
0:02:27
there is the background music so which
0:02:30
one shall we choose today
0:02:32
i will say i'll go with s
0:02:37
so what's the s here
0:02:45
isn't here the nearest one is
0:02:51
the pretty frequent one i would say
0:03:14
now what we need to do is
0:03:16
share my screen obviously
0:03:25
actually this time i'm going to use the
0:03:30
i like this layout to be honest
0:03:34
yeah there we go cool
0:03:36
so i'll just show you what we planned
0:03:42
are basically trying to do again
0:03:46
continuing from yesterday
0:04:00
okay so if you see
0:04:03
if i open up this one in incognito
0:04:07
just because i need
0:04:09
to see the websocket behavior
0:04:16
the functionality that we are trying to
0:04:18
implement at the moment is
0:04:22
when i basically create a column here
0:04:29
column is coming up s2 now
0:04:31
um we want the same thing
0:04:40
see how i can't see two columns
0:04:43
there's the functionality that we're
0:04:45
trying to implement by the way
0:04:47
all right cool so let's get popping
0:04:56
um yeah they've got a bit of a
0:05:00
they can't really make it but hopefully
0:05:03
both will be back soon which is kartik
0:05:24
actually i need to open open this one up
0:05:44
let's try and continue from the
0:05:47
from yes today how would we
0:05:52
how would we pass in
0:05:59
columns that we create into websockets
0:06:02
so everyone gets it
0:06:15
let me just have a look at that
0:06:28
so the card to run delete icon
0:06:36
so it's got action
0:06:46
this is all basically doing the card
0:06:51
draw a new card right
0:06:57
ah so the websocket is in
0:07:04
which is doing action record
0:07:11
so we basically need to do
0:07:35
need to do an action
0:07:43
so after send action we have got message
0:07:47
which is saying action so where does
0:07:52
message being used
0:07:54
so request a delete note
0:07:58
and then goes to the selection
0:08:39
to put in i have to keep an eye on the
0:08:48
a cartoon delete icon click
0:08:51
so we're needing the click functionality
0:08:58
request delete now it's called we've
0:09:02
removing it by giving it
0:09:04
this id followed by
0:09:09
we are choosing the id
0:09:13
now we're telling to remove the
0:09:16
elements from that
0:09:17
we're telling you to remove
0:09:49
and then send action takes in
0:09:59
this goes in with a message
0:10:05
so that would mean
0:10:23
so we would have to do a draw nuke
0:10:27
so on draw new card
0:10:31
so we get this one
0:11:13
new color draw column
0:11:24
but that's coming up on the click itself
0:11:36
draw new column tool
0:11:39
now create new column probably
0:11:47
only column there's no
0:11:49
see i need it on the click
0:11:58
i need to do that on the click
0:12:03
so basically what this is gonna do
0:12:08
create all references
0:12:15
to create new column
0:12:19
creates it and then i need to add in
0:12:27
to be honest i have no idea how to do
0:12:31
learning it by doing it
0:12:35
message and then let's just put the
0:12:47
create column probably here
0:12:53
let's see what's up about
0:12:57
dispatch this first this patch
0:13:03
okay then data and of course the id
0:13:08
don't necessarily need the data do i
0:13:17
and the dates i don't think i need the
0:13:21
no do i need the data send action
0:14:50
thing selection id
0:14:54
sir also requested
0:14:57
coming in this one
0:15:00
all right deep i don't have the idea
0:15:17
yeah wait if i do this
0:15:27
maybe this would work
0:15:32
no idea i'm just gonna try that
0:16:05
action before message
0:16:33
okay pass this one to incognito
0:16:37
and from there we can have a look
0:16:44
so let's see if that experiment has
0:16:56
no it hasn't worked
0:17:05
actually unknown action
0:17:07
right so it's called it's called it's
0:17:09
called an unknown action
0:17:16
um how is that working with actions
0:17:36
any comments not really
0:17:53
i'll be right back guys i'm just gonna
0:17:56
i'm just gonna grab myself some water
0:17:58
all right so be right back
0:18:36
all right i am back
0:19:02
all right so let's see
0:19:05
what is happening here
0:19:15
so action goes into there
0:19:33
and the card actually the card
0:19:42
respond to an action event
0:19:46
various actions i caught uh-huh
0:19:49
eddie called yet call
0:20:07
right so action ah okay
0:20:13
create columns i need actually the
0:20:16
updated init columns
0:20:18
probably in it columns isn't it
0:20:24
yeah see the inner columns or update
0:20:40
my profiling will be on the right track
0:20:48
any columns form default go with message
0:21:15
and there we go there's the one
0:21:19
getting rid of that
0:21:21
oops i forgot to share my screen sorry
0:21:26
i'll just do that right now
0:21:30
cool so if we open up
0:21:52
and if we get this one in our incognito
0:21:56
in order to test the websocket part
0:22:01
and see if that worked for us
0:22:13
this time it it doesn't it didn't
0:22:24
right no it didn't work for us
0:22:29
it will work but yet
0:22:34
cannot read type or undefined push
0:22:50
why does it say this is undefined now
0:22:55
shouldn't say that
0:22:58
oh what was that in the cognito or
0:23:04
this one itself the proper
0:23:28
so it comes here as dispersed perfect
0:23:34
what does it come up here as received
0:23:38
okay so it's receiving
0:23:44
yeah it is receiving but it's not
0:24:04
since receiving the message but it's not
0:24:18
uh because it's not getting the entire
0:24:22
see how it's coming over here
0:24:25
objects websockets open action default
0:24:28
this one board idea and all
0:25:30
see any code with the edit card is shown
0:25:33
showing the data as well and the
0:25:37
data plus the value
0:25:46
for that it's not showing action
0:25:49
default message action
0:25:58
any columns yeah it's not showing any
0:26:03
ah so that action is coming but no data
0:26:08
so we need to somehow figure out how to
0:26:10
send the data as well
0:26:21
or we could do that all over here
0:28:19
now that's working
0:28:21
now we're talking guys there you go
0:28:25
my websockets are back
0:28:28
that is looking sexy
0:28:36
okay now the update
0:28:40
i need to do the update as well right
0:28:43
cool so this is working so that was the
0:28:48
um i just have to simply this one
0:29:00
i'll do the action here
0:29:08
cool that should work as well
0:29:26
there's more water
0:29:30
i needed water to make my brain work
0:29:42
okay and now we need to
0:29:59
leave this one that
0:30:01
does that guy update it no it doesn't
0:30:11
oh this is in delete columns no we're
0:30:14
not we're not doing a delete column here
0:30:30
that was my fault there
0:30:42
it's looking really promising for us
0:31:29
that's working like a charm
0:31:33
all right and if you want to delete here
0:31:36
delete won't work because it's not
0:31:39
hooked up yet which is great
0:31:42
yeah well it's not great but we can make
0:31:45
it work there you go that's all we
0:32:31
one and then if i delete this it goes
0:32:36
cool so now we need to
0:32:40
update it in the database as well
0:32:46
no that's already hooked up in the
0:32:57
two so if we save this one
0:33:14
okay and if we want to
0:33:22
so we can one or two again
0:33:26
or not let's have a look
0:33:37
the moment of truth
0:34:14
so it didn't save anything
0:34:28
oh it is no it didn't save any
0:34:32
just save it to save the columns
0:35:16
all right let's get my mfa
0:36:12
column so they are being saved
0:36:15
columns are being saved
0:36:25
so if we get rid of all of these
0:36:32
which means that if we create a brand
0:37:34
what does that bring me
0:38:42
the positions are not being saved is it
0:39:00
okay of course if i save both of these
0:39:12
that should be saved
0:39:22
for column one and
0:40:12
ah because yeah that
0:40:16
yeah yeah because it's the
0:40:18
it's another branch
0:40:20
right right right cool it's another
0:40:26
okay so what we basically have to do now
0:40:33
so now we just have to
0:40:36
move to jira and see
0:40:40
what the major things they need doing if
0:41:13
okay so we have just implemented
0:41:23
we have implemented basically
0:41:28
websocket hookup webs are
0:41:31
we have actually implemented
0:41:44
we would have to go and
0:41:54
code and everything possibly
0:42:40
actually i'm not gonna
0:42:50
actually disconnect
0:42:52
and i'll remove this as well
0:42:54
you don't need it at the moment possibly
0:43:22
you don't need it either
0:43:28
actually that one isn't needed either
0:43:36
actually that one is because we
0:43:38
wanna keep a track of the stages as well
0:44:58
this is down there
0:45:02
this is brilliant so this can be
0:45:11
all right guys that was pretty good um
0:45:15
i think that's about it really i just
0:45:17
have to do the merging and everything
0:45:20
passion note method being called
0:45:25
when no changes are made to the note
0:45:28
that's not happening at the moment isn't
0:45:31
it it's not being called
0:45:34
because we've added the status as well
0:45:49
clicking is back interesting
0:46:44
okay so this is that and
0:47:15
they don't start redoing it
0:47:32
wouldn't be the case for now
0:49:46
so i guess all the major one is don't
0:49:50
yeah i just have to wait for this one
0:50:23
let's see what we have here
0:50:58
wow so we need to do all of these
0:51:02
board qualities feature
0:51:16
we need to add these
0:51:31
going to be a heck of a ride
0:51:37
issues helpful the analogy
0:52:13
leave it for here now
0:52:16
yeah it's been a great progress
0:52:19
uh we finally managed to hook up the
0:52:26
we finally managed to hook up the board
0:52:30
the websocket which was a bit of a
0:52:33
learning curve but we made eventually
0:52:41
want to see how we do the last bits of
0:52:48
of the project join us tomorrow same
0:52:52
time same place and a different task
0:52:55
all right so i'll see you guys tomorrow
0:52:59
good night evening and morning wherever
0:53:01
you are in the world