0:00:22
hey everyone welcome to another episode
0:00:25
of bill break and fix by
0:00:28
euro coders saying and
0:00:35
um in today's episode uh i believe we
0:00:38
are still working on
0:00:42
functionality between the backend and
0:00:45
um is that correct
0:00:48
or off the board columns so half and
0:00:57
yeah so i haven't been here for a couple
0:00:58
episodes so i've lost track a little bit
0:01:02
yeah how do you feel today zayn
0:01:04
i'm feeling very good very pumped and
0:01:12
board column functionality out of the
0:01:15
way today so let's see how we go
0:01:22
so yeah i can i can share my screen for
0:01:28
should we choose the
0:01:31
uh first i think we should do their
0:01:33
acknowledgement or the country good
0:01:42
i begin today by acknowledging the
0:01:44
traditional custodians of the land on
0:01:46
which we gather today and pay my
0:01:48
respects to the elders past present and
0:01:51
future i extend their respect to
0:01:53
aboriginal and torres strait islander
0:02:07
so do you want to pick a letter today
0:02:16
and okay oh perfect night driving
0:02:28
gekko is asking you something yeah i
0:02:34
yeah no but i had a look uh briefly
0:02:37
terminology to use but it seems
0:02:40
somewhat straightforward to just uh
0:02:43
the indigenous people of bali to it
0:02:48
so yeah we can have a talk about that
0:03:11
it won't let me share my screen saying
0:03:13
uh you probably wanna um
0:03:19
security and privacy of the mac you
0:03:21
probably would want to access uh google
0:03:25
um to share the screen with the best
0:03:28
what i had to do and for that you
0:03:34
go off the stream and then come back up
0:03:37
because it will require you to quit and
0:03:40
reopen the browser
0:03:44
um is it on the screen recording
0:03:50
secure screen recording
0:03:55
secure team privacy
0:04:00
then if you actually i'll open it from
0:04:04
see if you can go to screen
0:04:08
yes it's on screen recording so open
0:04:13
padlock and then just
0:04:15
uncheck and then check go google
0:04:24
then that should do the trick for us um
0:04:29
so the holiday that we are planning is
0:04:31
to kangaroo island
0:04:35
just already two days one
0:04:40
yeah two two days in one night that's
0:04:43
oh nice when's this thing
0:04:55
so the plan would be that i'm gonna be
0:04:58
working this easter so friday and monday
0:05:01
and then in in may i'll take
0:05:10
because i don't want to be paying the
0:05:12
surcharges and all or public holiday
0:05:17
yeah and that's true
0:05:19
they'll all add up
0:05:22
yeah that's true so
0:05:26
makes sense um okay let me just rejoin
0:05:36
have you been there down kangaroo island
0:05:40
that's basically a
0:05:43
yeah so i i don't know well um
0:05:47
working on uh other stuff so i really
0:05:50
want to focus on them instead of as in
0:05:54
going on long holidays because i've got
0:05:56
some financial goals that i need to hit
0:06:01
just a kind of a holiday for sake of
0:06:15
hey he's back in actually back
0:06:30
okay so you probably want to get the uh
0:06:35
but i would have to check if he's got
0:06:37
the latest code because
0:06:40
i think that what i might have done
0:06:50
instead of pushing the changes to
0:06:57
and then report you might push into my
0:07:00
individual one so just want to check if
0:07:03
you squat then they just change
0:07:06
okay so front end and the back so
0:07:13
our backing is done okay and um
0:07:24
probably the free course done
0:07:31
just to give you a bit of a context who
0:07:35
what has been done so
0:07:36
frontend and backhand have normally been
0:07:40
um except the fact that we uh
0:07:44
we we just have to display
0:07:49
on the board when we are getting the
0:08:01
you should spend a night in town
0:08:04
or something if you're broke
0:08:08
yeah i'm kind of sick of the town
0:08:11
because i live in the town as well
0:08:14
so i really want a bit of a change to to
0:08:19
go to somewhere far
0:08:30
oh okay vodka feature yeah
0:08:34
so if you bring on yet
0:08:38
it's not been updated
0:08:42
patch actually it might have
0:08:48
because in my one i don't think i had
0:09:10
um so you know how i was saying that it
0:09:18
might have gone into my
0:09:21
individual repo rather than raw coders
0:09:24
oh yes yeah that might have happened
0:09:34
okay so if you run this basically
0:09:39
what's going on um have you changed the
0:09:47
should i get it from do you have it on
0:09:49
you should i get it from there
0:09:51
no i will give it to you just
0:10:17
have you used github go pile by any
0:10:21
not yet i haven't but i do plan to at
0:10:26
no i haven't either i'm just
0:10:29
i just wanted to know what you
0:10:43
uh just shut up stop sharing for a
0:11:09
stop buying energy trains and you can
0:11:21
tell you to stop buying coffee outside
0:11:29
and yeah i do drink
0:11:32
water though as well here you go look at
0:11:54
that doesn't have anything to do with
0:11:59
is this board already there i just want
0:12:03
maybe i just i think i just created it
0:12:08
right oh okay cool so how about if you
0:12:16
i'd i'll just check
0:12:22
two so they're two boards of that
0:12:34
so because they didn't have any columns
0:12:36
in there i need i will tell you a board
0:12:45
a column and i was basically testing
0:12:49
okay but it wasn't really working at
0:13:05
one two three four
0:13:11
really complicated is it
0:13:22
okay so if you open up um
0:13:27
if you if you go up
0:13:33
i'll actually tell you what we're trying
0:13:35
to do go back in the code
0:13:54
okay and if you want to uncomment the
0:13:57
console.log once onward online 170.
0:14:06
there you go perfect
0:14:10
now if you want to run it i just want to
0:14:13
show you what we are trying to do at the
0:14:22
so see those column
0:14:25
names array coming up there's only one
0:14:32
basically what we want to do is we want
0:14:39
get this board object
0:14:52
replace the existing
0:14:55
column names with these columns names
0:15:00
that we are getting but only when we get
0:15:14
a little bit complicated
0:15:16
okay cool so you know how okay i think
0:15:38
yeah so you know how on line one zero
0:15:42
four four it's actually just
0:15:46
a string and just basically creating a
0:15:51
what we wanna do is basically replace
0:15:54
that string with our string array
0:16:03
so say if we have saved
0:16:19
that's the one i just came up with
0:16:27
we want to get the board object on this
0:16:34
extract the column names array
0:16:38
and then basically
0:16:40
loop through their
0:16:45
and run this jquery click
0:16:54
automatically run it
0:16:56
yes but but only when we have we get the
0:17:01
yes yeah understand
0:17:05
yeah so that's basically what we are
0:17:08
trying to do so i guess um how would you
0:17:20
how are they doing it at the moment like
0:17:23
on the original scrambler like i know
0:17:27
like how are they getting
0:17:32
rendering the column names when
0:17:34
the page is loaded
0:17:37
that's what i'm what i wonder
0:17:39
are they used are they doing it that way
0:17:44
to be honest i haven't
0:17:46
checked that um because
0:17:50
i had an approach in mind that i would
0:17:53
just get the board object here extract
0:18:08
on each item of that red vessel but i
0:18:13
didn't really go into that approach to
0:18:15
how what they're doing at the moment but
0:18:17
there might be worth
0:18:23
maybe just see if there is
0:18:25
if it shows somewhere here
0:18:35
are you seeing your partner there she's
0:18:37
spending more time there oh so
0:18:40
basically we're going together
0:18:43
and she's basically moving on with her
0:18:48
so and uh i'll just come back because i
0:18:51
need to work as well
0:18:55
she's taking a proper kind of
0:18:59
say a two-week holiday
0:19:33
action equals to update columns
0:19:51
basically updating the columns
0:20:15
okay i don't think
0:20:18
there would be any relevance to us
0:21:04
third really you and your partner
0:21:06
hmm oh no we already have
0:21:12
you already ever said rina
0:21:22
you can be the fourth one though i'll be
0:21:24
the fourth we like
0:21:32
all right um so we can basically i don't
0:21:36
know if it's doing the way that
0:21:40
we're thinking is doing so we might want
0:21:48
take the approach of our one
0:21:55
fair enough makes sense
0:22:04
the thing that comes to mind is um
0:22:14
but that's it's already doing it in in
0:22:19
they're already using local storage
0:22:31
that was the whole concept not to use
0:22:40
when we when we get the board
0:22:42
we would want it from the baby and
0:22:48
will we get the columns
0:22:53
so see the columns are being saved
0:23:02
and we are already getting the board
0:23:05
objects in the front end already
0:23:10
the only thing that we want to basically
0:23:17
the board object from
0:23:20
still front end to here and then
0:23:30
yeah that's why i'm saying to do that
0:23:33
uh use local storage
0:23:39
uh you know like object
0:23:42
but to get a board object you know
0:23:43
something like we've done you know in
0:23:57
you know do the same thing local storage
0:23:59
set item board object and then on
0:24:14
run this function with the items
0:24:23
so basically we're
0:24:25
saying that we already have the board
0:24:30
still front end we can just put that
0:24:33
board object in local storage and access
0:24:40
script.js from local storage yes yeah
0:24:57
this is or not it probably isn't
0:25:14
let me might need to do a bit of
0:25:18
google search on how to use it again
0:26:28
let's say yeah local
0:26:46
if we need a key actually
0:27:08
oh yeah i need the key
0:27:28
we're gonna get arrested for local
0:27:39
um we're using local storage
0:27:46
we need to access the board object in
0:27:56
yeah this is the most like
0:27:58
straightforward approach
0:28:02
and the easiest and we know how to do it
0:28:10
true all right let's have a look if you
0:28:14
if it does let it go if if it works as
0:28:27
into global variables
0:28:49
um it needs to be inside
0:28:57
unlock okay for now
0:29:10
um two and two right
0:29:26
uh we might need to
0:29:30
uncomment the other one
0:29:56
yeah how do we fix this again the jason
0:30:09
got jason string if i say
0:30:21
okay yeah in that one
0:30:26
said jason dot stringify
0:30:58
go back into this still front end
0:31:08
before the current board
0:31:11
remove then this is stringing five from
0:31:35
yeah baby yeah baby
0:31:42
it works it feels kind of it works it
0:31:46
it's working that's cool that's all we
0:31:50
want to see if the software works it
0:31:52
works that's it end off
0:31:57
we're gonna be millionaires
0:32:02
okay and now we probably need to extract
0:32:11
so what what column names is empty yeah
0:32:14
is it empty in the db
0:32:18
it was two one two isn't it
0:32:22
it's not until the dp
0:32:29
someone is playing above with the tv and
0:32:32
i think i know who that is
0:32:37
okay i'll create a new board and then
0:32:43
columns in this board first it's fine
0:32:48
won't somebody just change it
0:32:59
and then we can see if it's
0:33:04
okay that can actually test the
0:33:24
voila it works okay
0:33:28
get that two one two board again
0:33:53
okay and see if the
0:33:56
columns are coming in there yes they are
0:33:59
column one and two
0:34:02
so now what we want is extract the
0:34:07
array from this object
0:34:35
actually no no don't
0:34:38
keep on doing it in your way um
0:34:46
very nice to have you mate
0:34:51
actually what we need saying is um
0:34:54
we need a way to call this this
0:35:01
the column name here
0:35:06
yes but at the moment what we're doing
0:35:09
is using getting the column
0:35:12
names array ready to be used
0:35:18
because at the moment we have all the
0:35:22
we just found that
0:35:24
we're just preparing the data that's
0:35:26
going to be used in the function
0:35:31
actually i just thought about it then
0:35:32
why don't we just call this function
0:35:35
create column with the name
0:35:42
what i mean is this right
0:35:44
we actually don't need local storage we
0:36:05
columns right oh what is it
0:36:13
items and then column names
0:36:58
you know what i mean but i don't know
0:36:59
what the syntax is i remember the syntax
0:37:07
calling that function every time
0:37:10
we uh for every array
0:37:20
calling this function create column
0:37:24
yeah we could do that as well but i just
0:37:27
didn't want to duplicate the code that's
0:37:32
why would it be duplications
0:37:40
you're gonna have to use jack
0:37:48
do what it's already doing in
0:37:53
so you know how it's
0:37:58
calling that function
0:38:04
oh great column sorry
0:38:07
oh you mean add call
0:38:10
yeah yeah add cool so
0:38:15
you probably have to duplicate this code
0:38:22
attaching the email
0:38:32
this function as in creating
0:38:39
through the event listener so it will be
0:38:43
same thing on the other page as well
0:38:47
can we just call it directly like this
0:38:51
but how are we gonna
0:38:55
ah so you're saying skip the
0:39:01
yes yes skip the clicking button ah
0:39:04
yeah yeah i didn't think of that right
0:39:08
we're going to try that
0:39:12
so you would be for each
0:39:23
for each we can always look
0:39:26
up that's why google is there for nash
0:39:33
but maybe maybe you shouldn't use for
0:39:37
map function or something instead
0:39:41
that's what i was gonna suggest as well
0:39:58
item in the array we are
0:40:02
doing that so basically what they would
0:40:05
say their column names dom map
0:40:13
error function and then
0:40:25
we can just do name here
0:40:28
and then here we can do
0:40:50
you have done it by by yourself
0:41:18
and theory should just work right
0:41:32
it's saying type arrow properties of
0:41:47
do you want to print out column array
0:41:54
names i want to check what this is
0:41:58
okay this is definitely active i know i
0:42:01
know that for sure
0:42:09
gekko is blaming on tory that tori was
0:42:44
so it's saying properties of under yeah
0:42:49
column names aren't coming up in there
0:42:53
i think maybe i've got something here
0:43:00
do you want to print out all the
0:43:07
current board of items
0:43:09
yeah i just want to check what what that
0:43:20
i have to go up and start
0:43:35
so items is coming up as that
0:43:44
zeroth index there there is no item my
0:44:00
item just current board dot uh current
0:44:03
board or per square bracket close square
0:44:06
brackets 0 dot column names
0:44:13
printing printing this item
0:44:16
yes but where is the word items in there
0:44:25
i'm using items here right so
0:44:31
yeah yeah yeah ignore me
0:44:35
i'm not thinking straight at the moment
0:44:38
yeah yeah that should be good
0:44:53
i think full time will work and the
0:44:55
actual schedule and the stream is
0:44:57
getting to me but yeah man it's uh
0:45:05
so it doesn't print anything by saying
0:45:07
on did you print the
0:45:12
actually print out
0:45:18
let me yeah let's just let me print out
0:45:35
okay there is item definitely definitely
0:45:38
items zero oh capital c
0:45:42
probably there might be the case
0:45:48
that must have been the case
0:45:59
ah yeah so it's not picking up the
0:46:04
function that's done in this script.js
0:46:08
it's not picking that that one up in
0:46:13
can we import it like
0:46:20
yeah we should be able to do it let's
0:46:25
um do we have to import it here no oh
0:46:33
so basically what we need to do is
0:46:37
actually go back to
0:46:47
now create columns as in
0:46:50
where we are calling it
0:47:08
name oh it's great column right
0:47:18
oh yeah there we go
0:47:23
actually how about if we
0:47:26
add another column and save it
0:47:37
yeah and i just want to check if this
0:47:42
so there should be three columns now
0:47:47
uh why didn't he show us anything
0:47:58
come a bit true here do you see that
0:48:01
yeah but it didn't update it oh i'm i'm
0:48:06
getting this board no no no no it's
0:48:09
supposed to be two one two
0:48:14
okay i didn't update it with probably
0:48:17
um it was very late
0:48:24
column one column two
0:48:27
yeah that's supposed to be working
0:48:31
can you add another column
0:48:36
now it's saved successfully
0:48:38
so we are not getting any sort of error
0:48:43
is it saving the back end zoom like db
0:48:49
it's just saving it but the column isn't
0:48:53
and i'm just checking
0:48:59
the thing is because of gag dev my
0:49:02
bill is really high
0:49:06
he keeps on pushing in
0:49:08
four loops of inserts
0:49:14
please have mercy on my bank account
0:49:17
it's probably because of you that i'm i
0:49:20
can't even go to the holidays anymore
0:49:30
column three is is not saving or
0:49:33
and now so it's apparently it's not
0:49:42
just probably doing a bit late
0:49:48
that is working fine so
0:49:52
if we get the same board back again
0:49:56
let's see if column three come before
0:50:12
i'm thinking is that the end of our
0:50:15
development mode once again
0:50:18
i think so isn't it i think so yeah yeah
0:50:29
i'm really happy man are you
0:50:31
happy man for sure
0:50:33
it's good it's yeah come a long way
0:50:51
machine convoy if we ship in now we
0:50:55
we're gonna have at least a million
0:51:04
production support
0:51:07
so what we might actually do is um we
0:51:10
will go into internal testing mode and
0:51:13
um we'll basically give this
0:51:16
um testing to hand full of peoples so
0:51:20
they can basically go nuts and try to
0:51:24
and rip this whoever
0:51:28
and then we can actually see
0:51:30
how good we did at the end
0:51:38
what's your fault on destination
0:51:41
yeah man i agree yeah it'll be good
0:51:44
just i was laughing at gekko's coming
0:51:52
you know what i am hundred percent sure
0:51:54
that that if we give the q a to you you
0:51:57
can get definitely
0:51:59
it will last for probably five minutes
0:52:02
and it will come back
0:52:06
maximum five minutes
0:52:10
but anyway that's a really
0:52:13
really good progress finish
0:52:16
do you wanna take off all the consoles
0:52:22
basically in the entire project that we
0:52:26
kind of just use this four minutes to do
0:52:30
um i'll just room firstly remove the
0:52:33
ones that we just did
0:52:50
and then they will mainly be in still
0:52:53
front-end or all the consoles
0:52:59
yeah get rid of that
0:53:12
do that i'm coming up come in rentals
0:53:23
leave those two comments yeah
0:53:31
i'm sorry with this
0:53:47
no probably don't do this one
0:53:51
because it's in the
0:53:58
yeah we've got number in the you know
0:54:01
then block actually
0:54:02
yeah probably get rid of this one
0:54:31
actually we might not touch the webs
0:54:34
occupy because i don't know at the
0:54:36
moment how this works and and how
0:54:38
important are consoled on logs
0:54:42
we'll probably have to ask tory about
0:54:45
okay because he did that one
0:54:54
oh there's tons in here
0:54:56
oh yeah there'll be millions in
0:55:07
uh yeah get rid of them
0:55:12
no don't do that because those are not
0:55:17
that's all victoria's under not this one
0:55:23
we did ages ago right when we were
0:55:25
trying to do something
0:55:32
remember it and it's safe to get rid of
0:55:34
it then you can't do it
0:55:38
we were trying to do something what we
0:55:46
just because you will always be in
0:55:48
persian control and if we need it we can
0:55:51
always go and get it back
0:55:59
um what's all of this
0:56:08
i know what this is
0:56:10
oh should we just get rid of this as
0:56:22
yeah what do we do here i think this is
0:56:26
yeah i can just get her yeah
0:56:30
right like it's in version control
0:57:42
well let me just remove all this so
0:57:49
because finally using socket io anymore
0:57:58
cool i think that's
0:58:10
it's interesting how in the code
0:58:16
but it's commented out
0:58:30
do you wanna come uh push this to the
0:58:42
franken see the changes first that we
0:58:44
did and then push them it's always good
0:58:47
to make sure that we don't
0:58:50
commit the unwanted changes
0:58:56
wow look at that how much code i've gone
0:59:06
the more the better
0:59:23
what do you mean um
0:59:28
two and a half dab who's half
0:59:33
it's free dab say who's off
0:59:44
all right perfectly let's do it
0:59:47
um scoop.js is good as well
1:00:22
boom look at that dev mode all
1:00:29
do this pick your hand eye
1:00:36
more done they're more done
1:00:46
finnish paul come on
1:00:59
if you want to say anything to finish
1:01:02
come on let's have a comeback
1:01:05
yes i will come back from you if ever no
1:01:08
i can't think of one on the spot gekko
1:01:12
he's too good with this um with this one
1:01:18
it's me every time
1:01:24
i will i would probably
1:01:29
the dope finish the dope one
1:01:36
all right do you want to do the honest
1:01:46
all right thanks for joining us everyone
1:01:48
for another episode of
1:01:50
bill breaking fix in today's episode we
1:01:53
finished dev mode um by
1:02:01
with the column names
1:02:03
um so yeah that that's all complete and
1:02:05
now we are moving into
1:02:07
testing mode again
1:02:09
for the second time but uh yeah it
1:02:11
should be should be good this time
1:02:14
so thanks for joining us everyone and
1:02:16
we'll see you tomorrow
1:02:17
um same time same place
1:02:25
here we go guys have a good night and
1:02:28
thanks again for enjoying it