0:00:23
what is going on guys welcome back to
0:00:26
another session of bill break and fix
0:00:28
brought to you by the rule coders
0:00:34
you must be wondering at the moment that
0:00:36
why it's only me so
0:00:39
um tori was about to come but um he is
0:00:42
not feeling well so it's better that if
0:00:47
as health always comes first
0:00:51
if a person doesn't rest and
0:00:55
he still pushes themselves
0:00:57
then he might not be productive so it's
0:01:02
as in rest up if you're not feeling well
0:01:06
and just first things first i will play
0:01:09
the acknowledgement of the country and
0:01:10
then we will pay our respects to the uh
0:01:13
to the elders of the past present and
0:01:18
i begin today by acknowledging the
0:01:20
traditional custodians of the land on
0:01:22
which we gather today and pay my
0:01:24
respects to the elders past present and
0:01:27
future i extend their respect to
0:01:30
aboriginal and torres strait islander
0:01:34
all right that was smoothly done
0:01:38
so for today what we're going to be
0:01:47
working on the ui part so the goal is to
0:01:54
kind of forms set as in one for the
0:01:59
create board and one for their get board
0:02:02
all right on the same page
0:02:05
okay um i'm pretty sure that's not
0:02:07
making any sense at the moment and
0:02:09
you're probably saying that um zayn what
0:02:12
the hell are you talking about
0:02:18
in the screen to give you a visual
0:02:21
representation maybe that then you it
0:02:25
would be more understanding and more
0:02:29
all right so here we go
0:02:31
let me just close everything that i
0:02:37
to do the that's the one and
0:02:52
how about this one
0:03:05
all right cool yeah that sounds good to
0:03:12
tori is in the chat welcome tori hope
0:03:16
uh a bit better than
0:03:21
yeah i'm more than happy to be uh for
0:03:24
you to be on the chat
0:03:29
thanks man that really is appreciated
0:03:32
and i really value that
0:03:34
so thank you for that
0:03:36
right cool so i will
0:03:41
share my screen and
0:03:45
take you guys through what we're going
0:03:50
okay i'll actually have my yourself
0:03:52
opened up from terminal as
0:03:55
i find a lot helpful and fast
0:04:07
repository and this is our branch which
0:04:10
doesn't get bored functionality
0:04:12
brilliant so let's open up opened up in
0:04:26
okay and shall we play this and see
0:04:36
when i play this i'll also
0:04:39
tell you as in as a visual
0:04:41
representation what we're going to be
0:04:48
live server there you go
0:04:53
you see how i was talking about the two
0:04:59
create board and get bored so these
0:05:14
but we have to as in
0:05:17
um we will have to
0:05:20
kind of organize this
0:05:22
to look a bit more presentable but
0:05:24
anyway the whole concept is that this
0:05:32
and when the user clicks on tab 2 this
0:05:48
idea which was fantastic and we've taken
0:05:54
all right cool so let's
0:06:02
let's just organize it a bit
0:06:09
so this is our entire day we probably
0:06:12
want to make this entire thing smaller
0:06:18
probably want to make this entire thing
0:06:23
which would be content
0:06:31
we just want to lower down the width
0:06:38
so if you just actually
0:06:40
once the padding does not that does that
0:06:51
we do need this one
0:07:12
that's pretty much okay but we need more
0:07:38
yeah that should be alright isn't it 14.
0:07:46
hey gekko geez is back
0:07:51
you can see me get them as always
0:07:56
all right cool so um this is there
0:08:01
we're gonna have um the
0:08:06
white so let's organize
0:08:12
okay that one's fine
0:08:38
board name and surpass code
0:08:49
so basically what we would want
0:08:54
all of these to be a bit smaller isn't
0:09:04
actually we're gonna make this one a lot
0:09:10
background no need the background border
0:09:22
need to go beyond the top
0:09:51
yeah i would have to pay attention to
0:09:53
their comments as well
0:10:12
enter the passcode
0:10:29
example board chessboard board
0:10:42
i'm just thinking how would that
0:10:45
fit in this small ui
0:10:51
name your new board
0:11:33
why not remove the white background
0:11:39
what's the background here
0:11:44
keep the background same as the back
0:11:51
where's my background where's my
0:11:52
background where's my background
0:11:55
there is no this can't be my background
0:12:04
ways me background boy
0:12:08
no that can't be my background
0:12:25
any comments at the back
0:12:39
oh come on mate come on
0:12:42
wish me background
0:12:44
color i need this color here
0:12:47
to be as a background color
0:12:50
which wouldn't make a lot of sense
0:12:54
come on boy come on
0:13:18
here the color of it there you go
0:13:24
gray color apparently
0:13:29
so let's give that a gray color as well
0:13:34
board name no content
0:13:37
yeah i need the content
0:13:41
actually this would be it yeah
0:14:10
it is way too dark
0:14:42
let's try this one
0:15:00
just that one i don't want the entire
0:15:13
yeah content ah there we go
0:15:15
so if we change the ddd
0:15:27
you know what forget that one i'm gonna
0:15:33
save this as a i need to screenshot this
0:15:38
save this as a picture and then
0:15:41
check what color is this
0:16:00
user image hell yeah and i want to use
0:16:04
select the implode image yeah
0:16:19
brilliant there we go we have got our
0:16:34
oh that's the wrong tab
0:16:37
where's my tap on oh here we go
0:16:50
content yeah and change this one to this
0:16:53
color and see what
0:16:58
you are embarrassing me
0:17:00
copy and paste come on
0:17:07
copy and pasting is embarrassing me
0:17:10
which is not good feeling
0:17:12
but we will we shall forge on
0:17:14
being embarrassed until we reach the
0:17:24
not that one not that one
0:17:30
oh never mind it was the wrong one
0:17:34
content yeah that's the one and this is
0:18:00
why is this a different color than the
0:18:02
the background one
0:18:08
how come that color in that color is
0:18:15
maybe i chose the wrong color
0:18:22
i think this is the same isn't it
0:18:33
want to use me image
0:18:40
why is it coming in that way
0:18:43
this is a little darker hair as compared
0:18:54
sorry i love your humor mate
0:19:03
i should pro i should probably say cola
0:19:10
uh actually let me check
0:19:16
is this tab no don't need that tab
0:19:25
let me go and yeah
0:19:27
what's the call in the font but
0:19:31
vertical line that one there on that one
0:19:34
body is there it's not taking it from
0:19:40
which color is this
0:19:56
actually i'm not gonna
0:20:01
because we can just kind of
0:20:12
ui first and then dive in the details
0:20:46
go in the code install css content here
0:20:57
say 40 percent there we
0:21:00
go see what that gives brilliant there
0:21:04
we go cool so if i just copy and paste
0:21:10
this code in the the tab so this one
0:21:14
until that brilliant
0:21:17
actually the content only
0:21:30
this code is too fast for me
0:21:35
stuff and if you paste it here
0:21:38
and just basically saying get your board
0:21:56
actually just yeah you brought
0:21:59
the lesser the better
0:22:07
yo it gives us hey hey look at that you
0:22:12
name your new board
0:22:34
okay cool so this is there
0:22:41
catboard okay now we need to
0:23:09
i'm gonna do this for create
0:23:12
the new book create
0:23:16
brilliant two words
0:23:35
and true though yeah
0:23:37
sorry completely aggressive so always
0:23:40
wins right just when you think you've
0:23:42
got it enough it slips away
0:23:45
yeah yeah that is completely
0:23:48
what happened here
0:23:54
okay now that put both of them here
0:24:02
um let's name it this one can i need to
0:24:10
fit this enterprise code
0:24:14
and then the passcode can come here yeah
0:24:19
might try and do that and see what
0:24:44
um right so code blog that one into your
0:24:52
actually i might need this
0:24:56
get everything in this part here
0:25:00
let me check if i can do that
0:25:03
clear board yeah that's there
0:25:09
board name and okay so i can
0:25:14
maybe i can enhance the name your board
0:25:17
and then put that in type
0:25:19
no because um i can't because
0:25:23
their functionality is already already
0:25:25
working in this way unless i want to
0:25:28
modify the functionality itself
0:25:35
i don't really want to do that so how
0:25:56
and then make this one
0:26:06
example board tabs
0:26:44
so everything is in the content so we
0:26:46
need to basically increase the content
0:27:21
oh here we go so this is the one we
0:27:25
um if we do this bottom two five
0:27:34
so it doesn't really matter why it would
0:27:38
the same thing if we do no matter what
0:28:03
you know i'm gonna bring everything in
0:28:17
you know it little
0:28:23
oh it was all time zero
0:28:27
but something like that though
0:28:44
what's it say ryan auto or
0:28:57
why is this happening
0:28:59
creating options one which is just here
0:29:03
if it exists with the name plus code
0:29:21
tori uh you're handling those
0:29:26
let me know if the
0:29:30
decision changes because um yeah
0:29:34
yeah get that according to get um tori's
0:29:42
with all about this approach
0:30:05
just change the toast message
0:30:22
so basically get them you're saying that
0:30:34
actually that could
0:30:38
be right now that i think of it because
0:30:41
we can just say the board already is
0:30:45
please enter your passcode
0:31:18
actually not that think about it
0:31:28
the toast message so for example
0:31:31
if the board already
0:31:33
exists then we can tell the
0:31:38
user that the board or already exists
0:31:43
please enter your passcode
0:31:53
in order to get the board
0:32:12
no um so one mantis and gag that that
0:32:17
that was massive maybe
0:32:25
bored already already exists or password
0:32:37
that could be one of the
0:32:48
let's do that basically
0:32:52
what you reckon tory
0:32:57
because yeah this will take just a lot
0:33:27
okay um let's just
0:33:31
to this message and there
0:33:37
uh what i'm gonna do is i'm gonna undo
0:33:41
and then we can just change the toast
0:33:45
bought already exist or the past um
0:33:55
please enter password
0:34:05
actually was more to understand with
0:34:16
where you were coming from as well but
0:34:20
we are just basically working around the
0:34:23
authentication system
0:34:27
so this is our way of authenticating it
0:34:33
just changing the message on that
0:34:35
particular screen then it can
0:34:38
just be that if i've already got a test
0:34:45
if the and other users creating a
0:34:48
will automatically same board already
0:34:53
or your password is wrong because they
0:34:57
doing the password
0:34:59
on the screen itself as well
0:35:08
now i'm gonna go back to
0:35:12
what it was before
0:36:02
okay let's check this
0:36:23
why not undo my mod monster or his
0:36:30
i didn't get it because the whole
0:36:36
sustain the main functionality which is
0:36:38
already working but just add the
0:36:48
sometimes it's really hard to tell
0:36:51
my knees joking and when he's
0:37:02
okay cool so this is that um
0:37:10
the background of this one
0:37:24
where's the background
0:37:30
why am i even going in that way
0:37:34
i can just do it from here
0:37:37
i don't need that background boom done
0:38:08
then now we can just go to
0:38:46
okay and now if we take this one a bit
0:38:49
higher we want to get rid of
0:39:07
border bottom yeah border board and
0:39:19
cool and this one should go a bit at the
0:39:45
there is that one which is fine so that
0:39:49
that this should go about the top
0:40:06
ah my control payment
0:40:27
and comments there
0:40:42
sorry gagdev sorry i completely forgot
0:40:45
to share that's my fault
0:40:48
that is completely my fault
0:40:53
i guess it's a weekend and my brain is
0:40:55
still in the weekend mode
0:41:00
so that one's there which is fine and
0:41:03
this one can go a bit
0:41:25
yeah that's not too bad
0:41:29
and it's a passcode yeah cool so we
0:41:32
don't need any more than top here
0:41:53
things so just do that one
0:41:57
made the background of this similar to
0:42:00
that so let's go on to
0:42:05
no that's not the one
0:42:13
uh which one was it label
0:42:17
um it was label for first digit
0:42:22
so there weren't any classes
0:42:25
okay let's add a cluster
0:42:31
is there no classes no they're on
0:43:30
that should be right
0:43:38
actually we don't need any of these now
0:43:42
so we can get rid of them
0:43:53
background class i need that class
0:43:58
and then background
0:44:10
would be these ones
0:44:15
which one was this
0:44:43
if that's alright for now
0:45:01
why didn't i think of that
0:45:17
star css background
0:45:31
now add everything to there
0:45:48
i need this color there
0:45:52
that wasn't even that color
0:46:00
how can i get this color
0:46:07
no background basically
0:46:57
autofocus board name placeholder
0:47:33
i'm not doing it this way
0:47:39
okay so that doesn't have any
0:47:48
one family that won that one border
0:47:53
you know i'm not gonna waste my time on
0:48:02
okay cool so this is possible and name
0:48:08
actually that has to change as well
0:48:22
so now what we need to do basically is
0:48:25
the get functionality
0:48:31
so this is all done
0:48:34
name your board board name
0:48:36
here and to pass code
0:48:39
example will you share whatever
0:48:42
uh let's see the comments how's that
0:48:45
how's it going tonight afternoon
0:48:49
yeah by the way tori um is all virgin
0:48:52
back so don't don't worry about nothing
0:48:56
i said to me there
0:49:04
okay so how will the
0:49:06
goal functionality work in terms of port
0:49:11
loading all the boards on
0:49:31
uh because this is local now
0:49:37
let me call me because of that
0:49:41
so basically what's going to happen that
0:49:46
exists but the pass code is wrong then
0:49:50
phil would say yeah
0:50:00
if ah so we need to change the condition
0:50:04
as well now of the error message
0:50:18
our messenger message
0:50:25
already says oilcraft password
0:50:40
don't need this one you don't need this
0:50:43
um what already exists which is that no
0:51:02
so on go what happens
0:51:41
all right go to homegoal
0:52:02
so if it exists um
0:52:11
oops i need to juice my laptop
0:52:20
i think that one for john
0:52:29
let's see how the stream going
0:52:45
already versioning of the code as in
0:52:48
it's already stored in
0:52:51
so if you want to get the code that we
0:52:57
oh we can always go there and and gets
0:53:01
that's one man by versioning
0:53:10
i shouldn't named always lost to
0:53:12
different parts of this energy
0:53:15
probably yeah we can do that
0:53:20
all right so we need
0:53:28
on button go go yes submit
0:53:32
see this creates for clear form
0:53:38
and this just get triggered
0:54:23
no it doesn't come in there no
0:54:26
what already exists
0:54:45
focusing focus focus
0:55:03
this should pop up in
0:55:10
and home.html which is fine
0:55:13
but then it's also
0:55:31
or not class alert
0:55:34
oh so the code is being changed
0:55:45
come on give me some news
0:55:49
it must bring this one or this one
0:56:03
confirmation prompt
0:56:06
okay so that one opens this one up
0:56:14
off okay that's so this one goes
0:56:22
yeah okay cool so error
0:56:32
so what we need to do
0:56:39
well i am getting confused a bit
0:56:47
when the goal is clicked
0:56:51
will be triggered which is fine but what
0:56:56
triggered it will be triggered
0:57:04
if the board already exists
0:57:11
in the girl message in the gold button
0:57:49
jackdab is on to us
0:57:53
side by side therefore wise within a
0:58:04
i guess all we did in this one was
0:58:07
changed basically um
0:58:11
um board or already exist please choose
0:58:14
a new one to board or already exist or
0:58:17
incorrect passcode but that's a good
0:58:20
indication because we have a kind of a
0:58:24
new short direction to go to
0:58:27
so what we only need to do
0:58:32
as in by now i mean going forward is
0:58:48
them true minus 100 lines of code that
0:58:52
is progress absolutely
0:58:58
i think that there's only one last
0:59:00
building there for the
0:59:02
functionality part for the mvp is
0:59:12
getting the board from the
0:59:16
that's all and that's also pretty much
0:59:25
done all we need to basically do is just
0:59:29
wire up some of the components as far as
0:59:32
i can remember and then we would be
0:59:35
ready for the testing phase
0:59:38
then everyone of the selected people
0:59:42
get to break our code hopefully enough
0:59:47
then it will come to
0:59:51
all right guys it's been a pleasure
0:59:53
having you all and thanks a long time
0:59:57
inputs um really helped and for
1:00:00
themselves and pot as well
1:00:02
and yes if you want to see how we um
1:00:07
gap board functionality and join us
1:00:10
same time same place and the same
1:00:15
uh and a different task so i'll see you
1:00:18
guys back here tomorrow all right have a
1:00:21
great night cheers
1:00:23
catch you guys there
