0:00:25
what is going on guys welcome back to
0:00:28
another session of buildbreaking fix
0:00:31
which is brought to you by the raw
0:00:33
coders which is us
0:00:36
and in today's case which is me
0:00:42
let's get popping on um with our
0:00:45
acknowledgement of the country
0:00:47
and pay our respects to the elders of
0:00:49
the past present and
0:00:52
future so here we go
0:00:56
i begin today by acknowledging the
0:00:58
traditional custodians of the land on
0:01:00
which we gather today and pay my
0:01:02
respects to the elders past present and
0:01:04
future i extend their respect to
0:01:07
aboriginal and torres strait islander
0:01:12
all right that was smoothly done
0:01:17
yeah um you must be wondering that
0:01:21
kartik the other raw coda was um
0:01:26
isn't here or tori um so
0:01:32
is a bit busy in his personal commitment
0:01:35
as in for jobs so he's really as in kind
0:01:38
of just banging on the interviews and
0:01:42
whatnot it's looking really
0:01:44
really good for him which is um
0:01:48
i'm really happy about that
0:01:52
kartik was in helm uh so he apparently
0:01:57
can't really make it because
0:02:00
said if he's early then he will
0:02:05
apparently he's still busy so yeah let's
0:02:09
get the party pokemon
0:02:12
cool so background music
0:02:15
what shall we choose this time hey
0:02:21
all right i'll probably pick a letter or
0:02:26
so there's daydream and dance pop
0:02:38
how about if you play that one all right
0:02:53
oh okay uh i'll pray that
0:02:57
i prayed the t1 then
0:03:03
i pray that so the nearest want to drop
0:03:18
that's kind of my i would say
0:03:30
um just a bit of a context um so what
0:03:34
we're gonna do today is
0:03:41
because we're still figuring out how to
0:03:48
cross-site scripting attack
0:03:50
so meanwhile we actually working on
0:04:01
sorry about that it's been
0:04:04
it's been a bit for a long day but yeah
0:04:07
let's get the party popping again
0:04:10
all right um so we were working on a
0:04:14
cross cross site scripting attack um
0:04:17
which it was still um
0:04:21
need to reproduce that uh but meanwhile
0:04:28
playing around with this css on the
0:04:33
so i was actually working on it last
0:04:37
i will give you a bit of a
0:04:40
demo or what i managed to do so let's
0:04:44
jump right into the fun part which is
0:04:47
if you said coding that's the one
0:05:05
get rid of that get rid of this
0:05:25
yeah that was in the front end wasn't it
0:05:28
yeah it was in the front end
0:05:31
cool so i'll show you what i've
0:05:34
managed to do so far so
0:05:44
okay so if i play up local ashley and go
0:05:49
into the client and then do local
0:05:57
oops that's the wrong one
0:06:00
i swear it was working last time
0:06:03
i did exactly this
0:06:07
so why is it not working this time
0:06:16
this is really interesting you have no
0:06:34
yeah it was working i am 100 sure
0:06:38
i was actually working on it last night
0:06:47
okay go into that one and then start to
0:06:55
that is impossible no
0:07:00
way what was i using last time
0:07:05
you come on yeah that one
0:07:13
yeah see that was ah
0:07:19
this is really embarrassing oh my
0:07:24
any comments not really until now
0:07:26
wow this is absolutely embarrassing you
0:07:31
as in i thought it was local but it's
0:07:38
oh my goodness hey i can't believe
0:07:46
anyway um let's get it rolling so i'll
0:07:49
show you what i did
0:07:54
when i was actually working on
0:07:56
this so what i did was just add this
0:08:03
during our internal testing um
0:08:07
said that when the president
0:08:12
it doesn't really go straight away to
0:08:19
um that is because it's actually
0:08:23
going to the database same saving the
0:08:25
quote and then coming back
0:08:28
to the index to html which
0:08:31
takes say five to six seconds so i
0:08:35
thought there would be a really good
0:08:38
to um uh add a bit of a progress bar
0:08:42
in there so if i do test one and then
0:08:45
one two three four and then i press
0:08:56
that was working no way
0:09:02
what's happening honestly
0:09:16
okay i'm gonna have to check what's
0:09:18
happening to the progress why because
0:09:35
there was a different error
0:09:39
another error which was there
0:09:44
feel too low reset okay that doesn't
0:09:47
really have anything to do with us
0:10:06
there was the progress bar was supposed
0:10:17
let's go on a journey i'll find out
0:10:36
it's not calling the
0:10:51
oh so the javascript code is all missing
0:10:57
in search with the javascript code as
0:11:18
okay now one we can start again
0:11:21
um so i'm pretty sure
0:11:24
uh so i basically what i must have done
0:11:28
i didn't check in all the code
0:11:37
show progress ball while uh huh
0:11:46
no it's not all for now
0:11:58
right so um if we go to the
0:12:05
scrum the front end
0:12:29
ah okay yeah we didn't check in the
0:12:35
we didn't check in the javascript part
0:12:37
that's full but it's not working
0:12:41
that is completely reasonable so now
0:13:04
all right so let's get this one here
0:13:16
look at this one and i'll just
0:13:20
let i equal to zero
0:13:57
where was the method that i need to
0:14:00
load as you no need to put this code in
0:14:09
so if i put this code here show progress
0:14:11
bar then it should come up
0:14:28
okay so now i think it should work
0:14:39
cool and then we also inserted another
0:14:44
code to basically um
0:14:47
blur the background out so which would
0:14:54
do this on the board itself which is on
0:14:58
this one board outline
0:15:06
okay and then do a css
0:15:11
and the back no filter
0:15:28
what was that blur
0:15:32
5 pixels i would say yeah
0:15:37
let's try it it works
0:16:06
yeah okay cool so the blur effect is
0:16:09
working as well now if you see here
0:16:13
test one and one two three four
0:16:17
then it will actually blur out which is
0:16:23
so now what we need to do is
0:16:26
basically bring this progress bar up
0:16:32
how we will do that um so if we go into
0:16:55
this wasn't there before
0:17:12
one and this wasn't there before at all
0:17:16
mistakes happen that's what pencils and
0:17:25
that's all the problem
0:17:27
that's all the problem learning is them
0:17:36
yeah i'll come to that part of the code
0:17:39
which is this one because this shouldn't
0:17:42
really be here technically i don't know
0:17:44
how did that get here and i'll
0:17:47
and i'll probably have to check
0:17:55
but for now let's actually focus on
0:18:09
that does it and now what we need to do
0:18:12
basically bring this
0:18:16
progress bar forward
0:18:18
actually we can do that with z index
0:18:29
specify the stack borders
0:18:33
and i remember being created step always
0:18:37
order is always in front of the element
0:18:39
with the lower stack order
0:18:50
okay so if we do this one as one
0:19:14
so we need to basically do
0:19:26
okay so we need to do the index
0:19:34
index is 10 already
0:19:41
is it anything else using this index
0:19:48
right right right right
0:19:52
they're all using index 1
0:19:57
that index mark uh huh
0:20:08
let's keep this index and see what
0:20:10
happens to be honest
0:20:12
just playing around a bit
0:20:19
let's see if we can still see the
0:20:24
it's still getting blurred
0:20:41
and see what happens
0:21:05
that doesn't happen this one has to come
0:21:08
in front of this whole thing
0:21:13
anything no not really
0:22:04
so how this happened is
0:22:24
so that this is basically happening
0:22:36
where does this tip uh
0:22:38
huh this is probably where i'm getting
0:22:43
because this demon matches with this one
0:22:46
so which one is this messy with
0:22:56
and then insert another dip here
0:23:00
which would be the one
0:23:13
uh-huh there's the culprit here
0:23:40
let's try that one
0:23:43
let's see if it blows out
0:23:50
ah here we go perfect
0:23:52
brilliant so that was the problem
0:23:56
so this one needs to come
0:24:00
actually what wi-fi
0:24:08
and this one under the board
0:24:11
yeah perfect brilliant
0:24:13
this should be fine now
0:24:16
actually not really i need to do the
0:24:52
let's have a look shall we
0:25:01
no it doesn't do it
0:25:04
where did that go wrong
0:25:07
where did i go wrong
0:25:10
ah it's an it's an ideas not class
0:25:15
that's where i'm wrong
0:25:22
let's get that try again
0:25:33
brilliant i'm pretty happy with that
0:25:38
now that is working fine um let me just
0:25:44
in the css because we don't want to show
0:25:48
actually i don't think i even need this
0:26:08
no i didn't need it
0:26:12
okay that is looking really promising to
0:26:24
make the code a bit sexy
0:26:26
and format it properly
0:26:28
okay so this one is there
0:26:31
what else did i need to do
0:26:36
nothing else really isn't it
0:26:39
because blurriness
0:26:55
no ah i need i needed to change the css
0:26:59
to display non-initially
0:27:05
i don't um this to this progress bar to
0:27:08
come up by default and then
0:27:10
what i'm going to do in
0:27:25
by changing the start of it to
0:27:34
how did we do it elements
0:27:44
element style display
0:28:26
ah here we go okay so don't
0:29:10
let's try it out now
0:29:13
of course so it's not appearing now but
0:29:18
type in the board name
0:29:20
the passcode and then press go
0:29:24
and it should should blur the page out
0:29:29
the progress wise should appear
0:29:33
no it's not appearing
0:29:43
and it's not pairing
0:29:45
why does he not care
0:29:47
so i'm doing that on my progress ah
0:29:56
div id my progress
0:29:58
this is right isn't it
0:30:01
divide again by id ah
0:30:08
now it should work
0:30:23
why is it not working still
0:30:36
what did i do wrong head so i'm staying
0:30:40
document get element by id
0:30:45
academy by id gadman by id
0:31:10
blur it out plus show the progress bar
0:31:16
cool so that seems to be working
0:31:27
okay so i can basically
0:31:40
i made changes to home ball doodles
0:31:44
no that's definitely not
0:31:48
so this would go in
0:32:04
and then border yeah yeah that's fine
0:32:19
oh hang on a minute
0:32:25
i can actually put that one
0:32:32
just going right there
0:32:34
you can actually put all the show
0:32:35
progress bar and then
0:32:41
i can actually put all of this in this
0:32:43
macho progress bar
0:33:13
or 7 what does that do
0:33:39
brilliant okay yeah
0:33:44
or how about if we add a person to sign
0:33:51
we don't really need that that is just a
0:33:53
nice to have properly
0:33:59
perfect for the projector
0:34:01
as a beautiful pizza
0:34:04
producing just in time for death for one
0:34:09
they plan to get somewhere to add
0:34:11
in your code after you
0:34:19
yes yeah that's so um that would
0:34:22
basically be the plan that we are
0:34:31
ask if they want to take our code as in
0:34:34
first of all probably give them a demo
0:34:38
just show them the entire architecture
0:34:42
but that would come down to
0:34:44
using the particular aws account outside
0:34:48
which isn't really confirmed yet
0:34:54
let's see how it goes
0:34:59
yeah we still have a few more issues
0:35:03
that we want to make sure that is
0:35:06
working with that one
0:35:10
almost there almost
0:35:15
i will commit this code
0:35:18
and then we can move on to the next part
0:35:28
actually i'll just do it with this one
0:36:44
we will do in that way
0:36:49
one day and still from
0:37:10
okay and if i go back and add
0:37:18
oh didn't match anything
0:37:29
ah i need to go into css
0:37:52
progress balance going blood
0:37:59
okay so this is done and now we go back
0:38:11
and mark this task as
0:38:52
has clicked and page is
0:38:54
loading yep so that this one is all done
0:39:04
some people so they know what's
0:39:35
so that one is done
0:39:42
take the easier ones first
0:39:45
same knows faulty attain reverse
0:39:48
condition we come back to that one oh so
0:39:52
that's actually looking pretty good so
0:39:55
these issues that's all
0:40:10
code being called when no changes are
0:40:13
made to the note yeah okay
0:40:16
we can do this one
0:40:19
update function so patch
0:40:21
notes method is being called when no
0:40:25
changes are made to the note
0:40:28
right so we need to work on this one now
0:40:30
so i'll change this one
0:40:40
yeah i like everyone to be in the loop
0:40:43
and oops i added someone else apparently
0:40:47
in the last together i need to check and
0:41:07
i remember his username now
0:41:16
come back to that one
0:41:27
so this one is don't show the test
0:41:33
you can actually merge this one
0:41:46
actually let's finish up all the other
0:41:53
patch notes method is being called when
0:41:58
changes are made to the notes okay cool
0:42:01
so we need to remove that functionality
0:42:04
as in not call it when it's being
0:42:08
when there no changes
0:42:24
a patch notes inside
0:42:32
person patch notes on save no
0:42:36
donate this one yeah this one
0:42:58
so apparently this has been called when
0:43:08
so i guess what's happening is that
0:43:18
is inserted already but we get the board
0:43:24
what's happening is that because there's
0:43:29
change but the status is already
0:43:31
inserted it is coming here
0:43:34
and calling it again
0:43:36
even though there's no change
0:43:44
this is interesting
0:43:49
so if we go in there what happens
0:43:53
patch notes no idea
0:44:08
ah so i can basically insert a condition
0:44:11
that if the text is the same
0:44:19
when they get the board
0:44:24
when they get the board then they
0:44:28
notes and their stages
0:44:32
would be inserted already
0:44:40
uh did you push to get
0:44:44
yes objective uh i just pushed it
0:44:52
otherwise you would have to recode it
0:44:55
yes i've just put pushed in just to
0:45:00
i will double check but thanks for
0:45:02
reminding me though yeah that really
0:45:06
so this is the code
0:45:13
oh hang on a minute
0:45:26
yeah i didn't i didn't push it i only
0:45:39
you're a lifesaver geckdev
0:45:42
thanks for reminding me about it
0:45:45
really appreciates it
0:45:49
okay now let's go back to
0:46:00
if i do it yeah there we go this is come
0:46:12
what were we working on we were working
0:46:16
this one so if i basically say new note
0:46:26
so i'm thinking of inserting a logic
0:46:32
yeah i'm thinking of inserting a logic
0:46:43
we will probably want to compare the old
0:46:48
to new text and then
0:46:50
if the text has changed
0:46:56
calling this patch notes method at all
0:47:11
go to references okay
0:47:15
here i've got the data
0:47:19
columns i call yeah
0:47:22
data id status of nodes
0:47:39
data is coming in there
0:48:35
just thinking how to approach this
0:49:09
who would be there
0:49:12
if only if status is inserted but
0:49:19
nodes from the database
0:49:24
would be inserted which is fine but if
0:49:26
there's no change of the text in them
0:49:38
updated in the first place
0:49:42
and how do we check that then
0:49:46
so i'll probably do
0:50:07
all right so data so everything the date
0:50:11
is coming in there
0:50:13
the text is coming in the data
0:50:21
they tied it and you know what's fading
0:50:25
is equal to confidential fail to insert
0:51:01
i want to check this one out
0:51:10
check that one out and see what happens
0:52:35
right so that's been saved
0:52:38
and now if i go and get it
0:53:08
even though this ah because the
0:53:12
websocket connection is opened
0:53:16
right the websocket connection is opened
0:53:20
that's what's happening
0:53:29
we'll probably leave it at this and i'll
0:53:36
offline if this isn't going to happen
0:53:39
this will basically lose all my
0:53:44
all right cool so let's probably end it
0:53:50
all right guys um so it's been a great
0:53:52
progress um yeah we managed to do uh as
0:53:58
implement the progress bar with
0:54:01
um making the blurred screen so whenever
0:54:05
the user presses go then they will have
0:54:09
the clear indication okay that
0:54:13
loading up i just have to wait a bit
0:54:16
that was pretty good and um yeah i will
0:54:19
keep on working on the rest of the
0:54:23
which is to do with um
0:54:27
notes are updating because um
0:54:32
when these kind of things happen it
0:54:36
me a bit unproductive
0:54:39
um and i value my time but um
0:54:43
as well and i i really want to make sure
0:54:46
that i'm unproductive
0:54:49
all right guys so um yeah
0:54:55
thanks again for joining been a pleasure
0:54:59
and um thanks again gangnam for
0:55:02
reminding me to push the
0:55:09
so yeah and if you want to check out how
0:55:12
we saw um get the project to the next
0:55:16
stage uh feel free to join us
0:55:18
tomorrow same time
0:55:21
same place and a different task alright
0:55:24
guys i will catch you tomorrow