0:00:26
hello there guys welcome back after ages
0:00:33
of the show called brit
0:00:35
build break and fix see
0:00:37
i even forgot everything about it
0:00:41
but no now we are back in action and the
0:00:45
show which is built break and fix
0:00:47
is brought to you by one rule coder
0:00:51
all right i hope you guys are doing
0:00:52
really really well oh my goodness egg it
0:01:00
i'm coming back as it felt i think it's
0:01:03
probably been how many probably one
0:01:07
yeah approximately a month now
0:01:09
yeah but hey good to be back and
0:01:12
let's kick things off
0:01:14
so first things first
0:01:18
acknowledge the country and pay our
0:01:20
respects to the elders of the past
0:01:22
present and future
0:01:28
i begin today by acknowledging the
0:01:30
traditional custodians of the land on
0:01:32
which we gather today and pay my
0:01:34
respects to the elders past present and
0:01:37
future i extend their respect to
0:01:39
aboriginal and torres strait islander
0:01:44
all right so that is
0:01:53
into action so where we so
0:01:58
the stream hasn't been
0:02:02
long but i have been working on on the
0:02:06
so basically what happened was that when
0:02:20
in um between the frontend and the back
0:02:24
but i still went went ahead and did the
0:02:28
found out that some of the
0:02:30
functionalities have been missing now
0:02:33
since i did the merge so what i have
0:02:36
been doing all this time
0:02:44
is i have been going through it and
0:02:49
testing is see what works and
0:02:52
what doesn't and if anything
0:02:54
doesn't work i fix it
0:02:57
all right so that's what's been
0:03:00
happening i think i've managed to fix
0:03:02
the majority of things
0:03:05
uh so today what we're going to be
0:03:07
looking at how to hook up
0:03:10
the board columns uh
0:03:15
web sockets so when the different users
0:03:23
then the board columns are
0:03:27
visible to all the
0:03:32
even when one person creates the column
0:03:42
give a bit of a into the introduction
0:03:44
about the project itself because it's
0:03:49
you guys have probably forgotten what
0:03:51
the project was were you working on so
0:03:54
is a web-based kanban board uh is an
0:03:58
open source project an existing one
0:04:07
actually we have been doing is
0:04:19
it's been a while so i'm
0:04:22
gathering all the information on in
0:04:28
thinking how to tell you this so yeah
0:04:38
we have been doing
0:04:41
on this particular project is
0:04:44
we have been enhancing the existing
0:04:48
project called scrambler and we have
0:04:51
been adding the persistent storage
0:04:55
all right so which means that
0:04:58
we have hooked this project up to the
0:05:05
added persistence storage and
0:05:10
basically finish on the
0:05:13
finishing up small bits and pieces
0:05:24
now that the introduction has been done
0:05:29
so i'm gonna um open actually open up
0:05:33
actually i'm gonna share my screen first
0:05:37
and then show you guys
0:05:40
what's been popping
0:05:53
open folder and now we want to go to
0:05:59
yeah the front end
0:06:01
which is the scrambler
0:06:03
enhancement project
0:06:06
we want to add hook
0:06:16
changes in the architecture bit of this
0:06:20
in the development
0:06:23
you must be wondering
0:06:27
so what i've done is i have
0:06:31
gone right i say i'm just doing the main
0:06:34
development on the
0:06:38
this is actually keeping the project
0:06:40
really simple and easy to manage
0:06:44
when we had different branches we had to
0:06:48
merge and then if we didn't get much
0:06:52
then everything just accumulated
0:06:56
when we had time to merge
0:06:58
created a lot of thought as in hang on
0:07:02
um which one comes first and which one
0:07:05
to do first as in the merging of the
0:07:09
so i just wanted to keep the project
0:07:17
development on this branch
0:07:19
okay cool so i'm going to do a git pull
0:07:24
and hopefully i'm already on the latest
0:07:27
but seems like i haven't been
0:07:34
yeah i must have been i'm pretty sure
0:07:53
the screen is visible which is great
0:07:58
hey alex on the gamer man geezer
0:08:06
yeah probably pooping a bit too much
0:08:11
all right cool so um
0:08:18
test the project and
0:08:30
so i'm assuming you can still see my
0:08:32
screen yes you can
0:08:35
alright cool so this
0:08:37
is the wrong directory i need to go into
0:08:42
client directory and
0:08:45
then do it from there
0:08:47
yeah now i'm in the client directory
0:08:51
there's no client what no no no no no no
0:08:58
i was already in the client directory
0:09:20
maps this is not going to work i already
0:09:24
have a feeling because it's already
0:09:26
given the error on map
0:09:28
which is in get bored by name
0:09:33
hang on is board name already there
0:09:57
okay cool so these are all the boards
0:10:01
and have a granny t5 yes i have
0:10:12
had just tested border
0:10:14
columns and notes are even saving
0:10:19
so i'm gonna create a note
0:10:25
which i would name as
0:10:30
cool and now save it
0:10:35
save this one and um
0:10:41
both the column name and the board no in
0:10:44
this one so i'm gonna just send
0:10:49
yeah cool sub board columns and
0:10:56
board column is saving as
0:11:03
and then born so that would probably be
0:11:07
actually bored call them names
0:11:15
this would probably be in the back end
0:11:18
thing that i need to
0:11:23
so let's go into the backhand
0:11:40
let me check if i've already got
0:11:54
i haven't got it how is that possible
0:12:04
what we need to do is copy and paste
0:12:07
columns name ah okay so that's a bit of
0:12:10
a difference there
0:12:21
so if you're having this one
0:12:25
so here it's only one
0:12:27
i think so probably
0:12:34
the front and then i would say
0:12:42
already in the back end which is
0:12:44
fine yeah we need that
0:12:47
and columns name yeah
0:12:51
what we don't need is
0:13:02
getting really interesting now
0:13:05
so what we don't need is
0:13:19
open up scramble enhancement oh did i
0:13:24
no i didn't want it to close it
0:13:27
i apparently i did close it
0:13:41
okay so if i search column names
0:13:48
okay column names is there
0:13:52
but what is in there
0:14:02
okay interesting i don't i'm not too
0:14:04
sure where that's coming from
0:14:10
let me do one thing delete this board
0:14:19
try to do that again
0:14:23
okay get all boards
0:14:26
so i'm going to insert
0:14:38
uh so t1 is already there
0:14:53
so there's only one cool so i can insert
0:14:56
t2 and then check if that
0:15:16
t2 is there we add one and then
0:15:20
column one as well
0:15:34
that should save successfully
0:15:40
all good so now in t2
0:15:49
one productivity's column names
0:15:56
see this is a problem
0:16:01
way we can come back to this one
0:16:15
uh sign up i can just sign in first
0:16:24
okay i'll probably actually i'll have a
0:16:33
because i don't want to really access
0:16:35
the emails on the laptop at the moment
0:16:40
got it so this would be
0:16:48
right any messages nope no messages
0:16:57
ah what's this coming
0:19:45
this issue is there now we can record
0:19:50
on and but the best part is their
0:19:57
are saving appropriately now which is
0:20:07
we need to make sure that the column
0:20:10
names are actually hooked on to the
0:20:12
websocket all right
0:20:14
because at the moment there might not be
0:20:17
i can tell is when i
0:20:25
the websocket and do that
0:20:31
create another column and i won't see
0:20:41
column here see that that is what we
0:20:46
okay and i think i've already done this
0:20:49
function now let's see before so we're
0:21:08
how we're gonna go back
0:21:13
oh i've got to play the music wow
0:21:18
that shouldn't have happened
0:21:46
what we want to do is we want to get the
0:21:56
and then someone comes behind i don't
0:21:59
really care about that one at this stage
0:22:07
parents both calling
0:22:10
function functionality
0:22:38
update um okay right
0:22:59
this one actually how many comments have
0:23:02
they been made but i'm interested uh
0:23:07
a prerequisite fix
0:23:10
websockets showing
0:23:13
content on other screens
0:23:15
what was this about
0:23:23
minus 15 into death
0:23:27
no progress but yet but that's all good
0:23:32
then we moist and then we added
0:23:35
that bone color with
0:23:37
functionality all right
0:23:39
so this was done in script.js and
0:23:59
okay so stop scripted js 285
0:24:04
we need to go this group.js
0:24:16
okay of course that's already there
0:24:19
spread it and then i need
0:24:27
look there's a board note map
0:24:46
action update columns
0:25:12
see this is already what i did
0:25:19
of the coloration of the column
0:25:24
is that all update columns is fine is it
0:26:09
updates in the columns
0:26:32
let me see what else was the board
0:26:40
yeah that was already there
0:27:00
there's a quorum action
0:27:06
create leads updates
0:27:22
the only thing i can think of that panel
0:27:32
action in a column
0:27:41
actually if i don't connect action here
0:27:51
and then update yeah
0:27:57
no no not the delete
0:28:02
try this and see if this works
0:28:43
okay t2 this is thereby put too many
0:28:48
just just keep it simple and do which is
0:28:54
one more then i should see
0:28:56
this reflected on the other screen as
0:29:06
because of them must have been a problem
0:29:14
right okay so that's true
0:29:17
actually i'm gonna get rid of that
0:29:20
and start this again
0:29:59
maybe that way you can tell me
0:30:20
no no this one this one
0:30:27
no it didn't work okay
0:30:35
you think it would find it wow so this
0:30:37
must be the thing that's calling the
0:30:39
problem which is why it's probably not
0:30:42
coming any further to that
0:30:47
must be the issue there
0:31:01
so first of all i need to get rid of
0:31:03
this issue reading map
0:31:06
cannot property is reading now
0:31:09
and the proxy is reading that
0:31:17
that's coming on get bored by name
0:31:41
the cast is coming basically over here
0:31:44
which means that it's not reading this
0:31:53
uncommon when fixing the
0:31:56
column function now yep that is the one
0:32:11
where's this map coming from
0:32:25
let alone what does it say
0:32:58
and define reading map so ah column is
0:33:05
right okay yeah that makes sense
0:33:20
that should give me
0:33:27
i think that's zero
0:33:29
there are passcode
0:33:34
that's my carpet right there it's not
0:33:38
gainable columns at all
0:33:46
okay so why is the board column not
0:33:50
board id is coming name or passcode
0:34:09
see these are the kind of dis
0:34:12
references that we have
0:34:23
what i need for name
0:34:26
so where's that coming from current
0:34:31
and then give them response
0:34:45
i load what i need to remove
0:34:48
load board name indeed we don't need
0:34:52
because i'm not using it
0:34:57
oh i am using interesting
0:35:05
states helpful with name
0:35:29
and if the born knight id is in there
0:35:32
then i'm redirecting to home
0:35:37
uh-huh sample name on page
0:35:43
so buy that one i'm getting the board
0:35:49
i need to insert that in the in the
0:35:52
thing as well in back end
0:36:14
don't need that one
0:36:20
guest specific note nope
0:36:24
they're still boards get board names
0:36:39
your names board not get bored by name
0:36:50
get bored by name okay so this is
0:36:53
actually getting the entire board
0:36:59
okay so that doesn't do it
0:37:12
broad name is named yeah don't worry
0:37:16
commission board name expression board
0:37:20
and then i'm simply
0:37:27
create a new board
0:37:31
and understand any comments
0:37:42
board isn't coming up in the items which
0:37:46
board id name passcode notes
0:37:56
yeah i need the names calling holland's
0:38:19
okay help me fight
0:38:21
columns is the column's
0:38:27
what am i staring as
0:38:38
i'm just bomb at the end i'm only using
0:38:49
this is confusing now
0:38:51
okay so what i need to be able to do is
0:39:12
why is this saving as at the moment
0:39:45
yeah all the names
0:39:47
says inserting twice
0:39:51
so which one do i quality names
0:40:08
if i get all of that
0:40:44
for the live server
0:40:48
and bring that client
0:40:57
this is um backhand never mind
0:41:01
this is backhand now what mind
0:41:38
now let me do that one
0:41:51
which one was it before wasn't it
0:42:16
name i don't want to change the backhand
0:42:18
or rather to change just the front end
0:42:28
in the backhand house quantum
0:42:57
called column names update okay
0:43:03
okay so this is working column names
0:43:29
called column names
0:43:31
right so this is working
0:43:51
columns the column names is working
0:44:10
hopefully it doesn't require that
0:44:26
deleting the stack and reopening uh and
0:44:28
read the point hopefully it does and i
0:44:30
can just build it and then deploy
0:44:34
yeah it won't actually
0:44:41
i am not changing the
0:44:44
global secondary index
0:44:47
that's what i want
0:44:51
all right cool no i've been asleep
0:45:00
all right let's do that
0:45:11
hopefully after this
0:45:16
columns um on the board and we
0:45:20
we may not get that column map error
0:45:51
all just updates smoothly
0:46:13
do that and then run it and it shouldn't
0:46:45
we haven't saved any columns yet
0:47:02
t6 and that one comes there
0:47:19
t6 are brilliant okay cool so that
0:47:24
column bit is this one which is
0:47:28
so i can mark that one off already
0:47:36
and i can submit the code
0:47:40
because i really want to keep on track
0:47:44
comments and everything
0:49:18
and just to be sure we're going to go in
0:49:30
commit with that issue
0:49:33
so that we are all on track
0:50:46
i can do it better than this i know i
0:51:20
saved i can close this and i want to
0:51:25
just to test if i'm getting that error
0:51:30
uh reading map error so six
0:51:56
building you said no webs okay student
0:51:59
connecting station
0:52:06
do that one a bit later and then it
0:52:09
should hopefully come up and the reading
0:52:13
map message should have been gone
0:52:31
column and the note
0:52:33
and there you go voila
0:52:36
yeah cool so that's not coming up and if
0:52:40
open this one up including there's a
0:52:43
website you're working from board
0:53:06
okay what would be the issue here
0:53:18
that's the new connection stage
0:53:41
now if i add another one
0:53:45
does that still say connect stay in
0:54:11
you have to work on it
0:54:16
cool so t2 don't need that one anymore
0:54:30
yeah okay so that's definitely not
0:54:43
that's okay it's causing problem is it
0:55:09
yeah that's causing a problem
0:55:18
so what error do i get for the
0:55:45
well by if i do this one
0:55:52
in the way it was before
0:58:44
yeah this was the one
0:59:10
all right guys it's been a very
0:59:17
session and we did
0:59:20
bug out of the way uh which was great
0:59:25
still working for the way of um hooking
0:59:28
up the board columns to websocket but
0:59:31
i'm pretty sure we'll get there
0:59:36
yeah looking forward to the next one so
0:59:44
look up the board columns to the
0:59:47
websockets feel free to join me tomorrow
0:59:50
same time same place and a different
0:59:53
task um and a same task so all right
0:59:58
i'll see you guys tomorrow then
1:00:00
have a great night