0:00:25
hello guys what is going on welcome back
0:00:29
to another session of bill broken fix
0:00:32
which is brought to you by the raw
0:00:34
coders that's ours yeehaw
0:00:37
uh you might be observing this only one
0:00:41
today which is myself again um the
0:00:44
others have quite important things to do
0:00:46
um hopefully they will join us very soon
0:00:50
in the near future
0:00:56
yeah true gekko is
0:00:58
raw coded today that's all true thanks
0:01:02
for pointing that out as well
0:01:06
first thing is first let's play the
0:01:08
acknowledgement of the country and pay
0:01:10
our respects to the elders of the past
0:01:12
present and future so
0:01:16
rockin i begin today by acknowledging
0:01:19
the traditional custodians of the land
0:01:21
on which we gathered today and pay my
0:01:23
respects to the eldest past present and
0:01:26
future i extend their respect to
0:01:28
aboriginal and torres strait islander
0:01:33
all right that was smoothly done
0:01:40
so in the yesterday stream we were
0:01:43
basically working on hooking up the
0:01:50
websocket so i'll just
0:01:53
tell you what we were doing as in
0:02:00
one video or picture is
0:02:05
explanation of a thousand words so i'll
0:02:08
just show it to you
0:02:11
all right so let's share my screen
0:02:15
see how that goes boom okay
0:02:18
and then scrambler is still on
0:02:22
oh what happened here
0:02:27
that doesn't look very pleasant
0:02:31
what could have gone wrong here
0:02:50
before i forget i nearly forgot
0:02:56
play some background music so
0:03:00
this time i'll take a pic which is i
0:03:22
about already kind of
0:03:24
not good work class into
0:03:28
j4 but then i thought no not going to
0:03:32
how about if we'd say
0:03:36
j for jamming mate
0:03:38
we're just jamming mate
0:03:43
jay and so i think
0:03:51
so we can play this one
0:04:08
close that one okay i'll share my screen
0:04:10
with you guys again
0:04:31
okay i want to share my screen come on
0:04:42
how i think keep this layer for today
0:04:46
that'd be good for a change
0:04:53
uh let's log into our
0:05:01
actually not in that one
0:05:04
yeah it wasn't that one
0:05:07
no it wasn't it was in it
0:05:11
it was in the raw codes at gmail.com but
0:05:23
that doesn't seem right to me
0:05:39
mfa i'll just get my
0:06:04
uh this doesn't seem right to me so i'm
0:06:24
no account id should be
0:06:30
now this should work
0:06:49
here's a wise hour
0:06:58
why is the live one not showing properly
0:07:05
let's have a look click look here looky
0:07:22
i requested a insecure style sheet
0:07:26
wow insecure style sheet
0:07:31
it's requesting an insecure style sheet
0:07:37
this is the back end
0:07:41
this is the front end
0:07:47
and it's basically requesting an
0:07:52
insecure stylesheet apparently
0:07:59
but why didn't this error come before
0:08:13
hang on did someone go in and change
0:08:58
this is really interesting you know
0:09:05
i think by followers prime and viewers
0:09:07
on this stream store
0:09:17
actually what if i
0:09:20
so that is visible but
0:09:29
actually one might do is
0:10:11
upload this file only
0:10:36
css no no no home.html yeah
0:10:40
this should be it so if i
0:11:07
how is it how is this how is it
0:11:11
just on the main page for that
0:11:21
should do the trick
0:11:24
uh access do not access to me oh right
0:12:05
okay this should work
0:12:15
why is it saying error code now
0:12:35
or if i just pull on the html because
0:12:39
it's in the same folder
0:12:49
um what recursive is it
0:13:08
this is in the client
0:13:20
i want done with that
0:13:30
client and file doesn't exist
0:13:33
okay probably the wrong
0:13:58
actually i'll just
0:14:00
drag and drop it to save a bit of time
0:14:08
or just browse for it
0:14:21
uh where is it where is it
0:14:24
recent application desktop
0:14:48
where is the file where did i put the
0:15:21
yeah that's fine the problem
0:15:24
is standard yeah that's all right
0:15:32
cool so this should give me
0:15:54
make sure they score
0:15:59
properties have cool enabled ah disabled
0:16:18
should work now technically
0:16:23
that was a problem
0:16:46
actually i need to
0:16:48
upload this change
0:18:02
okay cool so now that is there
0:18:06
we need to go back to that one
0:18:13
those squishy should put some work into
0:18:17
i don't need to be plastic clubs because
0:18:20
i'm allergic to keyboards now get them
0:18:29
yeah it's been a bit of a hard work so
0:18:32
with uh i think just
0:18:36
functionality is actually left
0:18:38
before um doing the
0:18:41
release i would say um
0:18:44
which would be hooking up
0:18:47
the board columns to the websocket
0:18:50
so you might wonder what do i mean by
0:18:54
so i'll just show it to you
0:19:11
open this one up in
0:19:17
which is over here
0:19:22
these notes as well but if i
0:19:34
their one appear here
0:19:36
so this is a feature that we have to
0:19:40
have to have to implement
0:19:44
right so let's focus on that
0:19:48
my battery is about to die
0:19:57
okay i'll probably
0:19:59
i'll probably have to go to another
0:20:04
in the home so just bear with me guys i
0:20:08
will be right back oh
0:20:15
let's go let's go let's go
0:20:20
let's go rock and roll
0:20:52
all right peeps i am back and
0:20:55
i'm gonna juice up the mac
0:21:09
yeah i was saying that
0:21:14
you just show up this functionality so
0:21:19
if i open it open the board up with the
0:21:28
the notes do come up which is
0:21:44
they're not appearing here
0:21:46
which is what we need to
0:21:52
all right so we'll do that one
0:21:56
in this session and hopefully it
0:22:04
just decrease this one
0:22:16
all right uh where's the websocket thing
0:22:25
so webshop okay so
0:22:27
over there we said
0:22:29
i thought that this was gonna work
0:22:36
the websocket message
0:22:48
how many columns do i get
0:23:17
okay and if i open this one up
0:23:35
i need to actually inspect elements on
0:23:38
this one i don't need this one at the
0:23:41
why because i just want to check if that
0:23:48
up if my total number of
0:23:52
columns are actually coming up so
0:24:02
bringing that one but it's not
0:24:04
drawing it i need the one that draws
0:24:15
this one yeah that draws it
0:24:21
td this support multiline function
0:24:25
on column change this id
0:24:35
so the columns equal to one
0:24:42
so how do we send the columns through
0:24:47
and this triggered
0:24:56
our columns push send x ah can probably
0:25:01
do it here isn't it
0:25:27
so if we take this one create a column
0:25:31
and if we send it over here and this one
0:25:37
action of the column data
0:25:44
then what does it do
0:26:35
what's coming in are there
0:27:00
data is coming in array one new one
0:27:04
right so that is coming up there
0:27:09
why does he not get picked from this
0:27:29
through the websocket
0:29:28
data is equal to columns
0:29:58
just take an action and
0:30:09
sense of websocket message to awps
0:30:34
maybe it's doing that because on the
0:30:38
no i shouldn't do that because
0:30:41
it's coming up perfectly fine for for
0:30:51
why why you no work
0:30:56
why you know what come on
0:31:09
if i do new then it actually goes what
0:31:16
triggers the array
0:31:20
the array comes out
0:31:23
if i do minus then it goes
0:32:11
so what does this function do so it's
0:32:14
dispatching an object action with a
0:32:19
message as an object
0:32:22
anything websockets and dispatch
0:32:26
so it's sending in yeah
0:32:29
just fine just converted those
0:32:53
message start right right right this is
0:32:56
why it's not working probably
0:32:59
because i'm really sending
0:33:19
uh so what we need to basically send is
0:33:55
all right dispatch has been triggered
0:34:00
which is default array one board id
0:34:09
okay so it's been triggered
0:34:18
yet it's going as in a
0:34:33
so we should probably work like
0:35:38
it's basically working for
0:35:47
how is this patch working in that one
0:36:21
so this is working
0:37:13
correcting the message default that's
0:37:17
so whatever needs to use he uses this
0:37:27
sending all of the message and data
0:37:32
barely color everything
0:37:36
you have to do the same
0:37:38
send action edit card
0:37:44
say always comes after
0:37:54
so create column green
0:38:03
this would come here console.log total
0:38:12
it will draw new colors h2
0:39:12
columns connection
0:39:16
and then it would be
0:39:29
sends a websocket message to api
0:39:48
keyboard name or id string
0:39:57
so that's the case
0:40:45
display remove column
0:40:53
to comment delete comments
0:41:29
oh this workout this work
0:41:33
delete one existing column now
0:41:52
lessen the brightness
0:41:54
i just don't need that much
0:42:12
so when that one comes
0:42:42
it's all coming off the selection
0:42:58
so it's actually got some on the hair as
0:43:44
trying to think how willing get hooked
0:44:35
or that that's the backhand
0:44:39
this is the front end
0:46:22
okay so that is working there
0:46:31
if i do this editable
0:46:34
which is over here
0:46:38
it's going taking the web socket
0:46:41
dispatch and then just dispatching the
0:46:49
so what i basically need is
0:46:54
that's the message action
0:47:01
time delete con verify server to delete
0:47:21
i think that's why i need
0:47:47
obviously create column
0:47:50
ah action is update calling
0:48:07
will probably have to come back to this
0:48:09
one because my brain isn't working at
0:48:18
just i guess we just want one
0:48:22
functionality away
0:48:27
releasing it so hopefully it all goes
0:48:31
releasing it pretty soon i won't tell
0:48:34
but it will be a kind of a surprise for
0:48:37
everyone so yeah if you want to see how
0:48:41
we implement this functionality tomorrow
0:48:44
feel free to join us on this same place
0:48:47
same time and the same task
0:48:50
all right guys have a great night and i
0:48:53
look forward to seeing you tomorrow
