0:00:24
what is going on guys welcome back to
0:00:27
another session of break and fix and
0:00:30
brought to brought to you by the rule
0:00:36
um you might be observing that um
0:00:40
k is isn't here so
0:00:45
he's gonna be running five minutes late
0:00:47
so so we can give him his time
0:00:51
um just to give a bit of a brief
0:00:54
overview of um this
0:00:58
what we do here is we're actually
0:01:01
enhancing an open source project called
0:01:03
scrumbler and we are
0:01:09
integrating persistent storage to it
0:01:15
um users will be able to store their
0:01:18
data on the database and they can
0:01:24
existing data and boards back all right
0:01:28
what's scrambler is is basically
0:01:32
it's a web app version of a kanban board
0:01:36
all right um which consists of boards
0:01:45
um so that being said um what we did
0:01:50
yesterday today was we
0:01:53
try to pass in the
0:02:01
load the board id dynamically in order
0:02:06
in order to display the board name
0:02:10
uh but we realized that that's gonna
0:02:18
we're actually choosing an alternative
0:02:26
local storage all right so what we're
0:02:28
going to be doing is
0:02:33
using the board name from the local
0:02:36
local storage and just
0:02:39
displaying that as
0:02:40
a heading on the board
0:02:43
page which would be our
0:02:48
all right but that's it let's get down
0:02:55
share my screen really quick
0:03:17
good to have you both
0:03:27
okay share my screen now and let's open
0:03:38
running a bit late story and he said
0:03:41
there's it's gonna be five minutes late
0:03:44
i'll hold him to that
0:03:47
uh but he'll be back here soon
0:03:58
open up my vs code
0:04:06
i'm gonna have a bit of a time in
0:04:08
shifting up he needs to do one push up
0:04:18
oh so four push-ups
0:04:24
very good how are you
0:04:26
pretty good pretty good sorry i'm five
0:04:30
so yes jagdev said
0:04:39
at the end of the stream okay i just
0:04:44
at the end of the stream for sure
0:04:50
all right so i'm just gonna go ahead and
0:04:58
to display the board name as a heading
0:05:02
okay good i think i'll just get over it
0:05:08
then you can share your screen oh
0:05:13
oh be careful man be careful
0:05:19
not in the angle that we used to
0:05:29
one five four three three
0:05:39
i did like then i know what you were
0:05:42
no you didn't i can't today
0:05:49
we'll go back to the clip and i'll prove
0:05:50
you wrong on this one because i counted
0:05:55
okay all right let's um
0:05:57
okay oh so i thought you meant you were
0:06:01
gonna code and okay of course so you
0:06:04
meant the push-ups bit is it
0:06:09
i thought you meant you're gonna go add
0:06:12
and code but i guess you meant that
0:06:31
let's get started on some action
0:06:42
we already are in the
0:06:46
alright so all we need to do is just get
0:06:57
displaying that way
0:06:59
yep which would actually i need to get
0:07:03
did you push the code i did
0:07:07
okay let's get the card ah i didn't get
0:07:10
time to do the merge
0:07:16
we need i need to do that and then
0:07:19
before this sunday comes
0:07:34
what i need to do is i need to do this
0:07:40
and local story and this should give me
0:07:43
the results and sorry
0:07:46
sorry if we get 10 viewers today
0:07:48
i'll go ahead and make sure
0:07:50
that we'll change that what you just
0:07:53
to the our actual stream name
0:08:00
like you know how you can see your name
0:08:01
saying absolutely kartik
0:08:05
we'll do it for a week if you get 10
0:08:09
so you mean to say
0:08:13
well i i didn't get you
0:08:15
you know how tori commented
0:08:17
second last comment the third last
0:08:21
right right right i see here's a title
0:08:38
now that's possible story has quite
0:08:43
connections coming into actions now
0:08:46
he's just gonna spam us or he's gonna
0:08:48
make seven other accounts
0:08:55
comes say every alternative day get deaf
0:08:58
so tuesdays thursdays and sundays
0:09:08
that's kind of his fake schedule
0:09:13
let's do this um we are
0:09:16
displaying the board name there
0:09:19
change the board name and then
0:09:34
oh let's see if that does it for us
0:09:51
excuse me if you heard me
0:10:07
wow you actually you choose
0:10:10
the streamer as you
0:10:13
yeah so today i want to play football
0:10:17
someone actually dislocated the shoulder
0:10:19
to the blink football
0:10:23
that doesn't sound
0:10:26
yeah i forgot to take them to the
0:10:53
why do we have this one there don't need
0:11:00
getting all of this in the first place
0:11:02
we don't need that
0:11:10
we can just get this
0:11:15
we need the board id not the board name
0:11:20
no we need the board time
0:11:23
we need a board id to do anything
0:11:29
remember we discussed that instead of
0:11:34
the board name from the database we can
0:11:37
just use board name from the local
0:11:41
that's only to display the header
0:11:43
but how would you post notes
0:11:46
without having a board id
0:11:57
in this part i'm just aiming
0:12:01
to do one small solution as in just to
0:12:05
display the board name
0:12:08
in the heading bit i'm just saying this
0:12:11
will be the same index file when we're
0:12:12
gonna do the get part
0:12:14
so it's better we do it with the id id
0:12:16
is gonna come here anyway
0:12:19
the back end when it's after it's posted
0:12:23
not in the workflow
0:12:27
you weren't there when me and
0:12:30
finish discussed um a scenario
0:12:35
so but we basically discussed it to fast
0:12:43
we can create an additional method in
0:12:52
takes in the board name
0:13:01
board by the board name instead
0:13:07
does that make sense
0:13:11
which is why i'm using local storage
0:13:17
display the board name good
0:13:22
are you happy with that
0:13:38
actually i'm not deleting that
0:13:47
that that's all good um i think
0:13:50
we have to do that anyway right like
0:13:52
do things with the board name like board
0:13:55
is gonna be unique so
0:13:57
yeah i think i'm happy with that
0:13:59
i just wasn't there because i had my
0:14:01
assignment so after the like post stream
0:14:05
like we have like a 15 minute meeting
0:14:07
after every stream so
0:14:19
so is that what you guys decided then
0:14:21
i'm getting this asking so board name
0:14:24
is that what you guys decided
0:14:26
yes so they can't be multiple board name
0:14:29
with the same name yeah
0:14:54
this might all work but i'm just to try
0:14:59
and see if it proves me wrong
0:15:10
curry instead of bringing other people
0:15:13
you only have four
0:15:21
okay that's not working
0:15:58
did you do the acknowledgement of
0:16:05
it's good that you confirmed no
0:16:09
i'll just do it now
0:16:23
all right here we go
0:16:25
i begin today by acknowledging the
0:16:27
traditional custodians of the land on
0:16:30
which we meet today and pay my respects
0:16:33
to the elders past present and future
0:16:37
i extend their respect to aboriginal and
0:16:44
islander people here today
0:16:56
i think that was a good point we can
0:16:58
just go ahead and print it out
0:17:00
and keep it next to
0:17:02
like keep print keep it out and keep it
0:17:12
or i can actually include as in
0:17:23
but i think it looks more respectful
0:17:25
when you actually do it every time
0:17:31
let's do it that way
0:18:30
oh come on where are you span
0:18:36
whether you are spam
0:18:40
let's see if this goes to trick for us
0:19:02
actually i don't trust this
0:19:21
tory's doing some pr
0:19:26
tori posted on linkedin just now i just
0:19:32
um tory posted our stream online
0:19:36
oh on reddit facebook groups
0:19:41
discord and slack let's see
0:19:47
we might go as in more than 10 views now
0:19:52
let's see hopefully that happens
0:19:56
feels very moderate that's pretty good
0:19:58
sorry okay thank you
0:20:03
so illegal return statements why the
0:20:07
the recent statement here for
0:20:24
and let's do that one
0:20:27
see where it brings us
0:20:30
it's setting in the html
0:20:36
can i set property of null
0:20:42
apparently that doesn't work
0:20:49
actually what i'm going to do check
0:21:07
just got an update the guy who popped
0:21:09
his shoulder yeah he's all right now
0:21:16
that's really good to hear
0:21:23
yeah imagine like not feeling your hand
0:22:06
stream coming there yeah
0:22:10
it's not fun for sure gotta be really
0:22:32
so that is coming there which is fine
0:22:39
what name was coming
0:22:44
document.getelementbyid right
0:22:46
i just did this here
0:22:49
but you didn't give the id to h1
0:22:53
i did that and then i removed it
0:22:56
replaced it with this spam that didn't
0:23:06
or only one really bad anchor engine
0:23:11
and i hurt my knee for a few weeks
0:23:19
like all the like hand leg injury is
0:23:22
really really painful
0:23:24
and it sucks so much like
0:23:27
this can't do anything
0:23:31
do you play something terry
0:24:08
okay oh wait you did board equal to
0:24:22
i remember playing left back in high
0:24:24
school and the right
0:24:25
that went to get the ball and totally
0:24:28
and historic basically just
0:24:58
that one's really harsh
0:25:00
where is this alert coming from it's not
0:25:05
yeah these things could be really really
0:25:09
it sounds so scary you know
0:25:12
it's like could this happen to anyone
0:25:17
let me just do a command shift f4 and
0:25:19
alert in the whole project
0:25:30
oh you should do that in that way
0:25:36
no we don't need that one
0:25:38
if we needed this file
0:25:49
my local store is set item
0:26:13
you're in a go method
0:26:17
i'm having a long day i can tell
0:26:26
so we've got this post yeah that's fine
0:26:30
it's posting the value
0:26:34
so the id is coming here
0:26:40
actually i'm gonna
0:26:47
we'll upload the value here as well
0:27:19
can you um check on uber's
0:27:23
who is if they have when you they can
0:27:29
can you send me a link
0:27:34
you already have it
0:27:37
i think it's in your bookmarks yeah
0:27:44
i mean just google this i think just try
0:27:56
i haven't had one yet
0:28:21
uh why do i get it all right
0:28:26
i know why i know why i know why i
0:28:29
experienced this arab before as well
0:28:33
i experienced this added before what as
0:28:41
gonna apply a really dirty fix
0:28:46
just to get this working
0:28:52
let's see the dirty fix
0:28:56
you only have a skip tag on 84.
0:28:59
yes and the fix is that the script tag
0:29:03
has to come after the heading tag
0:29:08
maybe copy any of these text on top
0:29:12
of 84 and that's fine now are you happy
0:29:15
with this now okay yeah yeah
0:29:30
look for daddy now work for daddy
0:29:35
you need to work for daddy he pays you
0:29:38
very nice there you go did you see that
0:29:40
boom done so that was a trick
0:29:44
but but this is a really dirty thing so
0:29:47
yeah i'm just gonna go for it
0:29:52
really oh okay i mean we can just copy
0:29:54
the whole script tag and paste it below
0:30:01
that's all what you mean
0:30:07
no i don't know no no no
0:30:10
the whole tab on top
0:30:12
from line side yeah
0:30:24
do we need these comments now
0:30:27
i don't think so right
0:30:30
we probably do actually
0:30:35
um yeah it's fine we don't normally yeah
0:30:48
i do you listen why would we consist in
0:30:51
the party dude don't don't do the script
0:30:52
tags in body though
0:30:56
said it didn't you
0:30:59
after the body ends
0:31:02
oh after the body is right cool
0:31:09
i don't know what that's good tigers but
0:31:12
hang on a minute um
0:31:18
comment says and this is probably a
0:31:20
really funny comment if you keep saying
0:31:22
daddy's n i'm sure we'll reach 10.
0:31:28
10 years like it's if i keep saying goal
0:31:45
i'll just keep quiet
0:31:48
i'll just keep quiet
0:31:52
um you don't want too many viewers
0:32:03
they'll be here for other reasons
0:32:07
okay cool so that's done
0:32:10
now fix this here yes at least
0:32:13
make it look a bit good
0:32:18
yeah make the text look a bit good
0:32:24
does that six the board name ah okay
0:32:27
right tracker okay cool
0:32:30
let's do that because we don't really
0:32:40
then there there literally is a css
0:32:44
is there oh how would we not have a cfs
0:32:47
the whole thing is designed
0:32:52
literally not in my senses at the moment
0:32:59
it was he was using styles style.css
0:33:04
okay i'm not as fast as you so i'll need
0:33:12
this is last one man
0:33:27
hey okay so this is the one and we need
0:33:32
add a beautiful color
0:33:35
line 145 change that
0:33:40
i'll just do it black
0:33:47
that one and phone screen
0:33:53
maybe more i guess more you can always
0:33:56
come back to that this is not as
0:34:03
okay cool let's test this
0:34:24
so that basically worked on that one but
0:34:29
but did you change the css my next one
0:34:39
probably yeah i haven't changed that
0:34:46
is their own index
0:34:49
yeah there's an index actually i've got
0:35:02
have post not women in person like now
0:35:09
but that'll be a clickbait story so
0:35:19
so this is the stardust css
0:35:31
right starters here
0:35:35
any any other ones don't hate rh1 home
0:35:43
h one hate that one here we got more
0:35:48
no you should come
0:35:54
you should over override it
0:36:16
search for this property so open that
0:36:23
yeah right click on it and search for
0:36:25
the properties it has
0:36:27
if you click on style let's see it's
0:36:34
it still shows the same piece
0:36:40
on i'll pref hard refresh it
0:36:44
yeah it's not reloading though um
0:36:48
probably open it in copy too actually
0:36:50
it's already in company sir okay
0:36:58
yeah you did it again
0:37:05
i don't need console
0:37:12
my brain is asleep now
0:37:16
there you go he needs that as an alarm
0:37:19
perfect so boredom name is dead
0:37:22
that's fine um so what we now
0:37:39
just thinking the fact that um the ui of
0:37:43
the original scrambler has already been
0:37:49
original um people who invented it
0:37:53
i'm just thinking if we
0:37:56
work on the post nom mechanism now on
0:38:01
would that be a waste of time or it's
0:38:07
previous one as in the
0:38:11
latest version before we move on to this
0:38:23
do we upgrade our version with the
0:38:27
ui that they have done
0:38:43
save this is our our version now okay
0:38:50
we want to move on to onto the post
0:38:53
nose which would mean the inserting of
0:38:56
the notes in the db
0:39:02
based on the fact that the original
0:39:04
scrambler has updated the ui
0:39:09
do we want to get that one first and
0:39:12
then start working on the inserting of
0:39:14
the notes or do we just want to work on
0:39:22
i'm just gonna do we have to get the new
0:39:23
ui or can we code ours
0:39:29
like can we have our own ui or just
0:39:33
do we have to get that
0:39:35
we can have our own ui that's fine but
0:39:39
another person who's working on the
0:39:43
he has already got the
0:39:47
ui but i'm thinking that
0:39:50
would that really be important important
0:39:53
now can't we just do on
0:39:59
that's for the project lead to decide
0:40:03
i'm just asking questions
0:40:06
to have your thoughts i'm really okay
0:40:12
i think both of them need to be done
0:40:14
and that won't affect the order
0:40:29
yes what we can do is
0:40:38
changes are all already in one one of
0:40:41
our branches because uh
0:40:46
has done it already
0:40:53
changes first and then move on with the
0:40:57
uh in saying of the notes
0:41:00
okay yeah all right sure
0:41:04
um so in that case i might will have to
0:41:08
be done so i'll just do that one now
0:41:15
all right so this is there
0:41:17
what changes have we made here
0:41:23
um so we just did that one um
0:41:31
don't really need this tag as well
0:41:33
that's just there for nothing
0:41:37
okay and we just added this one down co
0:41:41
perfect and this one was local storage
0:41:45
don't need that one
0:41:46
yep just give me one sec i'll get some
0:41:56
yeah that that one's looks fine to me
0:42:10
push these changes across
0:42:48
full name from local storage as a
0:42:57
right let's go into the merging now
0:43:04
yeah okay that's fine
0:43:08
uh any comments comments
0:43:21
right let's do the merge first now
0:43:24
and then we can go back
0:43:32
implementing the inserting of the notes
0:43:36
but first of all i need to check what
0:43:41
there so hide apa url
0:43:45
actually we need to do
0:43:48
this one of the client to match new live
0:43:54
this branch we need to do it
0:44:03
do this right there
0:44:15
in this branch she has actually
0:44:23
uh updated it so i'm just
0:44:27
merging his changes into dev now
0:44:35
all right how many branches have we got
0:44:48
all the branch name again
0:44:51
um something with update client
0:44:55
oh i think you didn't yet what did you
0:45:00
you didn't pull it or did you i'm not
0:45:05
need the entire branch name there we go
0:45:09
it's a one bit branch name
0:45:15
switch so this one would be
0:45:19
okay so i need to go into
0:45:40
yeah because it's not in your local it's
0:46:00
there's a bit of a conflict there
0:46:03
this is going to take a while
0:46:13
let's just stop with this
0:46:28
this is a huge one
0:46:32
actually what we can do
0:46:40
just thinking now i mean all of them are
0:46:43
registry files so i don't think so
0:46:45
we need to go and look at every code
0:46:50
and why are you doing package log.js and
0:46:55
for bundling we don't need enough to
0:46:58
no we don't need that but we're just
0:47:02
looking at the amount of
0:47:04
changes have been done but
0:47:07
let's just forget about this one for now
0:47:19
well i have a ghost quick
0:47:22
backhand over there as well don't need
0:47:26
what yeah why does it feel no
0:47:31
i know what he must have done
0:47:36
uh he must have as in
0:47:39
just assumed every game
0:47:42
he pulled everything from the original
0:47:48
left what we were not even
0:47:52
so we would have to
0:47:59
uh very interesting
0:48:04
that don't need this
0:48:10
don't eat this either go away
0:48:18
okay this is the one we need
0:48:21
hmm yeah the coin change
0:48:25
incoming is this one
0:48:27
and the one we've already got is that
0:48:32
i mean it has a whole goal function
0:48:38
okay so what this is the current change
0:48:42
this is the new one
0:48:49
i think what we can do is keep our
0:48:52
okay yeah yeah that one incoming change
0:48:56
yeah i want the incoming change
0:49:02
oh yeah yeah just yeah yes yep sorry
0:49:06
that's right we need our change
0:49:12
current change and this is incoming
0:49:14
change so what's the difference
0:49:19
all right on submit and on click
0:49:34
on summer and on summer is there as well
0:49:38
no it's returning this time
0:49:47
the goal has a value 220.
0:50:24
except current change
0:50:31
okay cool so that's done
0:50:36
uh no we don't oh we're not going to be
0:50:46
style we need that
0:50:50
we've just changed style
0:50:53
um yeah we want to keep powers but
0:50:57
they for sure have would have added
0:51:06
that would have been the main purpose of
0:51:08
updating everything
0:51:11
82 percent opacity
0:51:31
let's keep ours as well
0:51:36
i think we can do that because i don't
0:51:38
want to um complicate
0:51:41
things at this stage as well yeah
0:51:47
yeah there are a lot of
0:51:48
changes that they have made
0:51:51
but we're not gonna keep them
0:51:53
yep okay that one there
0:52:01
what the dungeon index this is incoming
0:52:04
they have added this one
0:52:19
current changes that one
0:52:24
actually i just keep the current change
0:52:38
if they're using j
0:52:40
why are they using jquery
0:52:42
instead of font awesome that they're
0:52:45
completely two different things
0:52:49
i mean they probably went out and
0:52:57
i think they're using bootstrap but that
0:53:01
well that's what they mean
0:53:03
oh no wait never mind
0:53:04
are you i mean they're using jquery
0:53:06
themes i'm sorry that's what i meant
0:53:12
tori says i think that's a pretty useful
0:53:15
oh watch out for submit events it will
0:53:19
trigger a refresh unless that's what you
0:53:23
for watch out for submittings
0:53:32
let's keep our change
0:53:41
accept can't change okay this is
0:54:01
now to be honest let's keep ours
0:54:18
the incoming change
0:54:31
country middleware
0:55:05
let's just keep our
0:55:08
change here as well
0:55:10
then how did we like
0:55:13
well then we won't have the new ones um
0:55:16
implementation right
0:55:18
i'm just curious how are we planning to
0:55:22
if we don't have the
0:55:24
new implementation
0:55:33
need them then we can
0:55:40
one and do this again
0:55:48
because i wasn't expecting this this
0:55:56
okay that one's there
0:56:00
well i thought the change is saying me
0:56:03
to check over here
0:56:20
are you sure you want to stay back
0:56:26
who did my other file go not sorry we
0:56:29
won't use the bundler um which which
0:56:35
in the one that i did the match index to
0:56:42
i mean it's opened on the left
0:56:47
there's the next one yeah
0:56:50
i think you already
0:56:55
did you not stage it no i didn't
0:57:00
well answer tori's question
0:57:03
uh then i i don't know how are we
0:57:06
planning to use a bundler
0:57:08
to just excuse because i don't know
0:57:20
functionality is um
0:57:26
for now um i don't think so unless
0:57:30
we're having huge advantage of this so
0:57:34
what does a bundle do though cause i
0:57:42
for me to google it big time but
0:57:50
okay i'm gonna probably take my time
0:57:53
doing this match because i want to be in
0:57:57
good stay and don't want to mess it up
0:58:02
i think you'll just and this because
0:58:05
this is a bit huge
0:58:07
okay i don't wanna mess
0:58:42
mine is not possible i don't want to
0:58:44
merge i want to vote it
0:58:47
all you need to do get merged minus
0:58:54
do this with my own own
0:58:58
what changes have they introduced i'm
0:59:02
curious now oh yeah thanks story um i
0:59:07
yeah i've never really
0:59:10
like i've only worked with react and
0:59:11
stuff never really
0:59:13
went ahead and did a bundle so that'll
0:59:17
what's up and i don't know yet get deaf
0:59:21
but i think he's asking you then
0:59:25
but i need to go ahead and see what it
0:59:32
what's up bundler's
0:59:35
i haven't used the bundler but i'm
0:59:41
generated files that we are using at the
0:59:45
moment individually it will just pack
0:59:49
up in one bundle and we can just import
1:00:03
as a bundle instead of in individual
1:00:13
i think so what like
1:00:15
i i know how other languages bundler
1:00:18
works so i'd imagine it's the same thing
1:00:23
in my under understanding what about it
1:00:25
does is that it's going to take all the
1:00:27
code and it's going to put it into one
1:00:30
javascript file essentially
1:00:32
like all the js code and put it into
1:00:33
one.js file but i'm not sure if i write
1:00:36
i'm right or not and there and then run
1:00:41
yeah i mean this is gonna be essentially
1:00:45
yeah yeah i've heard of i've heard of
1:00:50
yeah it's a it's a github
1:00:54
okay yeah that actually makes a lot more
1:01:00
yes i i've actually used webpack in my
1:01:05
plus dot net project um so in there what
1:01:10
it was actually doing is compiling the
1:01:15
all that in one file and then just
1:01:22
and okay you have just
1:01:25
explained that star
1:01:30
webpack is similar to bundler then
1:01:34
okay i kind of understand now
1:01:39
yeah i i don't know for sure i need to
1:01:44
um and these are front-end components
1:01:46
which are really really weak
1:01:53
works with webpack as in where it was
1:02:03
into one file called a bundle.js
1:02:12
same idea just that
1:02:16
yeah i don't know this is this stuff is
1:02:17
pretty new for me like if were doing the
1:02:19
same thing things in like
1:02:21
django or like spring boot then i would
1:02:25
way more helpful but
1:02:30
yeah or even react but yeah that's fine
1:02:34
i need to go ahead and see what
1:02:38
this is the whole point of
1:02:40
this stuff is that
1:02:46
sure guys uh thanks for
1:02:51
joining i've been a pleasure having you
1:02:55
from you at the same time as well
1:02:59
join us tomorrow's same time and
1:03:05
and a different task thank you everyone
1:03:12
cheers guys have a good night bye
1:03:15
yes spin good job yes story