0:00:25
hey hey hey ho ho ho welcome back to
0:00:28
another session of bill breaking fix
0:00:32
the raw coders and today it's only me
0:00:35
again which means that you guys stuck
0:00:40
actually that didn't even make sense
0:00:45
first thing is first let's play the
0:00:47
acknowledgement of the country and pay
0:00:49
our respects to the elders of the past
0:00:52
present and 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:13
fantastic so that was done pretty
0:01:24
on friday are about to
0:01:27
go somewhere really urgently um
0:01:30
uh but um i'm back now and everything's
0:01:37
where we were were
0:01:39
just a bit of a progress report that we
0:01:41
were basically trying to store a string
0:01:49
names of the board
0:01:52
in the back end on dynamodb all right so
0:01:56
oh gang david said hey gekko welcome
0:01:59
mate good to have you as always
0:02:04
um so yeah so to i was working on it in
0:02:10
time of today because yeah i didn't
0:02:14
really have much to do so i thought why
0:02:16
not work on that one
0:02:20
except for planning a holiday as well so
0:02:24
that's already in progress but yeah for
0:02:26
that i'll give some time to this project
0:02:31
and um yeah really keen to show you what
0:02:35
let's get the pie popping
0:02:41
the background music rolling
0:02:50
cool right so first of all we're gonna
0:03:00
actually this music is a bit louder so
0:03:10
did that gang that i just dish bash bash
0:03:13
the column names in dynamodb and it
0:03:15
seemed to be working in in the front end
0:03:18
and at the back end so i'll just show
0:03:20
you guys what i mean by that
0:03:23
so say for example um
0:03:27
we actually i need to share my screen
0:03:32
it was a bit of a learning curve because
0:03:34
i didn't really know how to handle one
0:03:37
of the data types that i was using for
0:03:41
an array of strings in dynamodb so i
0:03:45
managed to figure that one out
0:03:47
and there is the progress so if we
0:03:58
live server yes i want to run that and
0:04:01
then it will come over here
0:04:03
and then say for example i do my board
0:04:14
and then i do it all right we can ignore
0:04:20
at the moment and then i i press go
0:04:23
it will take me to the boards page
0:04:28
and if i add a column
0:04:35
is the board name so if i do
0:04:43
get that board as you can see there are
0:04:46
no column names here
0:04:48
at in the moment um i mean
0:04:51
saved at the moment in the um back end
0:04:56
but if i add say to do
0:05:06
and add another one
0:05:09
done and if i pull same
0:05:22
let's see if it actually does work this
0:05:27
demoing it to you guys anything can
0:05:33
let's see if it works
0:05:35
all right enter the password
0:05:43
bored and now it saved successfully all
0:05:45
right and now if we go into the same
0:05:49
board which is test 78 we should we
0:05:54
three strings which is
0:05:56
to do doing and done in columns array
0:05:59
here all right let's see if that happens
0:06:02
see it told ya bish bash washed
0:06:09
they're in a bit for wrong order but
0:06:12
yeah and they are appearing in there
0:06:15
so that is looking pretty good actually
0:06:18
i'm very happy that that is working
0:06:23
yeah so the next step would be to kind
0:06:29
every time we want to save it we
0:06:34
column names array and then restore it
0:06:37
in in order for the update to work all
0:06:40
right because at the moment if you check
0:06:42
the update isn't working so if done
0:06:47
that's it i'll just name it dustin
0:06:56
password is being all to save which we
0:07:00
work on that that shouldn't be happening
0:07:16
so if update has worked we should see
0:07:20
dusted in the board of column names as
0:07:24
oh it's working okay cool so we don't
0:07:28
need to do that you can just do this
0:07:32
so that is doing it right so now what do
0:07:38
when we are getting
0:07:40
actually i'm gonna keep the jira updated
0:07:43
as well so we are on track
0:07:47
yeah but that was a bit of a progress
0:07:57
right so i'll just
0:08:00
here and under the ticket as well
0:08:14
okay i had both homes in the background
0:08:18
notes yep that is done
0:08:24
so that can be marked as done
0:08:36
okay and then pause
0:08:41
to the back and that is done too
0:08:54
okay i'll add others as well
0:08:58
and finish and the other rule
0:09:05
passport columns to the back and that's
0:09:07
working as well board columns to get
0:09:10
fast from done uh ui yep that's done as
0:09:38
okay and hook up websocket to board
0:09:41
columns functionality
0:09:43
all right cool so we need to basically
0:09:48
cut actually one more step
0:09:52
needs to be done where we need to get
0:09:55
so when we are getting the board from
0:09:58
the dynamodb we need to map the columns
0:10:02
individual labels and everything
0:10:05
in the ui so we're gonna go from there
0:10:09
uh save all columns in db this is done
0:10:16
she's being saved cool
0:10:23
that's looking pretty cool
0:10:26
um right any comments that we have
0:10:50
so we have got the
0:10:52
we need the fetching one so
0:10:56
um how do we do the fetching one
0:11:00
we need to hook the back end to that
0:11:09
so yeah let's start from there
0:11:19
this is the content
0:11:24
do the this is patch
0:11:26
i need exactly the same
0:11:28
well not really exactly but similar so
0:11:32
i would basically do
0:11:47
and for that one as well that's fine
0:11:59
okay and then we have
0:12:16
all right so that goes in there which is
0:12:24
uh yeah how can i forget
0:12:27
thanks yes lens that's really helpful
0:12:33
so what do we need to do basically first
0:12:37
you know i'll just copy and paste the
0:12:40
um so we need to check your board id is
0:12:50
check if the board id is there if it is
0:12:53
then it's coming from the params which
0:13:11
so we're getting the board
0:13:18
no we don't really need a separate
0:13:22
request for this because we are already
0:13:24
getting a board so everything would come
0:13:27
in the board itself which is over here
0:13:31
uh not list board names
0:13:40
board name yeah so
0:13:44
we are already getting everything here i
0:13:52
so once we have got
0:13:55
once we are getting the board object as
0:13:58
in the entire board object then we
0:14:01
basically just need to
0:14:06
the columns in the front end
0:14:09
yeah i don't need to do anything in the
0:14:14
uh let's check if we have any comments
0:14:18
nope except bish bash washing
0:14:32
once we are getting the entire board
0:14:36
so i'm gonna go to front-end now
0:14:50
ah triphrase equals no
0:14:57
um where's the board
0:15:07
yeah yeah here we go get bored by name
0:15:22
load page yes so here we need get board
0:15:30
this is that one good board by name get
0:15:38
uh get bored by name
0:15:43
so board name is this one
0:15:46
so we're basically just
0:15:52
then current board
0:15:55
what's cardboard coming up as i need to
0:16:12
let's see how is that coming up
0:16:25
okay how many boards have we got
0:16:28
let's just say this one
0:16:53
so current is coming up as items
0:17:01
okay so everything is coming up in our
0:17:03
items and column names are in
0:17:07
xero index as well
0:17:12
so all we need to do is map column names
0:17:26
for each of this column
0:17:32
trigger this button here
0:17:35
all right let's go into this one and
0:17:38
this one is basically
0:17:43
let's see where this one is
0:17:58
column names already
0:18:01
then what we want to do is do a for loop
0:18:12
yeah do a for loop on
0:18:15
action note 5 we can do a find
0:18:20
let's do folder probably
0:18:28
so how would that work
0:18:34
any comments no no
0:18:41
okay so add call icon call her no
0:18:46
click click so every time it's
0:18:54
and if the total of eight columns only
0:18:58
create draw new column
0:19:01
name okay yeah so we basically just have
0:19:13
this is running js
0:19:17
how is that coming up
0:19:46
let me see if i can get gap board by
0:19:52
let me see if i can use this function
0:19:54
over there as well
0:20:04
this front and imported here
0:20:11
no it's not imported here
0:20:14
so what we can basically do is import
0:20:42
how to use actually there was
0:20:56
okay that can be deleted to do
0:21:35
so i need to do this for in index.html
0:21:39
okay so i need to base okay so i should
0:21:41
be able to do it because
0:21:43
i wouldn't need to import it in the
0:21:47
which is already there
0:21:49
so i can just i should be able to use it
0:21:54
let's see if i can
0:22:03
okay cool get bored by name i can
0:22:26
power i can board data
0:22:28
so we can just use board data in script
0:23:11
let's see that does the trick of getting
0:23:15
i don't really need this
0:23:40
let's see if this does the trick
0:23:48
one two three four
0:23:51
will be still giving me the board data
0:24:08
so if i get rid of this
0:24:14
but it's still giving me the full data
0:24:38
oh no it doesn't give me the board data
0:24:41
poor database is not defined
0:24:43
closely is not defined
0:24:46
it does not give me the board data my
0:24:51
so it says board notes map is not
0:24:55
right so i can't do that
0:25:01
there must be something i'm missing
0:25:08
so get bored by name
0:25:12
saying that one close alert
0:25:19
boarding notes now was this defined
0:25:26
that was defined which is wise
0:25:39
how to pass a value from one javascript
0:25:50
so it's complaining because it can't
0:25:53
it's trying to use
0:26:00
let's see how i can pass
0:26:05
the objects from one javascript file to
0:26:27
yep that is the one i want
0:26:31
you need to export your module like so
0:26:38
so this one has to be exported right
0:26:42
tried this some more you exported uh-huh
0:26:45
i didn't know that that's interesting
0:26:51
so in this one i need to
0:26:59
i need to export it
0:27:16
turned ordered array returned order
0:27:19
direct is there a function
0:27:22
yeah it's a function
0:27:34
for dating desktop so when i come in
0:27:37
desktop js i need to require path
0:27:44
so come back to in
0:28:04
and then require from
0:28:07
um still front end
0:28:19
yep i should do it
0:28:30
and then board data comes
0:28:41
get bored data and then before this one
0:28:45
let's see if this does the trick
0:28:49
we will have to look for another way
0:29:23
oh so choosing the entire function
0:29:29
you need to export your module so
0:29:39
i don't think this would work because
0:29:41
i'm just doing the data itself
0:29:45
the entire thing but let's see
0:29:58
support board note map is there
0:30:27
actually get rid of this for now
0:30:59
so what does this say that it needs
0:31:04
what what's a failing one
0:31:06
let's have a look shall we
0:31:30
close the letters and if our jquery
0:31:33
still front name module is not defined
0:32:05
close alerts in index.html is not
0:32:25
why this is saying this one is not
0:32:43
this is very interesting
0:32:50
this is very very interesting i would
0:33:25
there's something weird happening which
0:33:27
is not supposed to be happening because
0:33:28
i can't even see the notes even though
0:33:35
yeah something weird is happening which
0:33:37
is not supposed to happen
0:33:39
no that's the approach won't work so
0:34:04
that's not gonna work
0:34:09
so we basically need
0:34:19
would by name so we need this one
0:34:22
to give us the data
0:34:32
right if that one does it
0:34:36
got board from query string
0:34:50
actually those both are being
0:34:54
mapped there right in index.html
0:34:58
so what we can do is just use this board
0:35:02
data let me check if i can just
0:35:05
call it here anyway
0:35:18
ah no because it's poor data
0:35:21
come on let me do that come on
0:35:23
javascript you know me
0:35:25
play friends aren't we
0:35:27
yeah i can do that apparently so if i go
0:35:41
let's see if it gives me the
0:35:49
one two three four
0:36:01
no it doesn't give me the board data
0:36:06
board data is not defined
0:36:10
it's true because i so that means i
0:36:12
can't use those variables
0:36:16
from another one to another one
0:36:23
more days i just needed that i want
0:36:30
right so this is jquery
0:36:40
so we would basically have to do
0:36:47
if we do in this way
0:36:50
what does this do oh basically we need
0:36:53
to do a click and then it will come up
0:37:14
um right so if we do that one console
0:37:21
where the computer is not fine wait yes
0:37:27
cool uh so that's not gonna work
0:37:43
and then we can just pass a
0:37:45
column here but we need the board data
0:37:54
actually halfway we're doing this way
0:38:00
do this one and then go down
0:38:05
have this one here
0:38:07
and then just basically do a
0:38:33
then this would be
0:38:39
how was it how is it
0:38:44
ah board name will be coming from the
0:38:46
query string which is great
0:38:49
so we can use that one there
0:39:03
okay let's see if this works
0:39:15
really hoping it would work but let's
0:39:31
something didn't work quite right
0:39:34
because i didn't get my notes
0:39:37
closed alone it's not defined
0:39:44
um no so that's not gonna do it either
0:39:48
because i am actually
0:39:51
using clothes alert
0:39:58
no i'm not actually using any
0:40:00
clothes so why is he looking for clothes
0:40:16
yeah why is he looking for clothes like
0:40:28
all right i don't want to close that
0:40:36
but he doesn't want to use it
0:40:55
ah so it's not defined here
0:41:01
from normally choosing and still front
0:41:05
just using it over there
0:41:20
this is getting interesting
0:41:22
and still front end is not board notes
0:41:28
so i can't use jquery
0:41:31
that one in jquery
0:41:38
i need to basically get actually that
0:41:45
so might go into this
0:41:51
so draw new column
0:41:56
at the columns and action
0:42:00
okay so but if we do it here
0:42:20
you can't really do it over there
0:42:23
might as well try over here
0:42:42
let's see if this works
0:43:23
comments i need to keep an eye no
0:43:31
oops i just realized i wasn't sharing
0:43:55
so that's not gonna work
0:43:59
so if i don't add any of this then it
0:44:18
yeah that then it works
0:44:25
create column name
0:44:52
we already we don't want them we don't
0:44:55
want to get that one over there we need
0:45:23
pass another promoter
0:45:27
to export your model
0:45:29
like server channel
0:45:30
so if that's your function i don't want
0:45:33
the function inside i just want the
0:45:35
extend pass data from under
0:45:43
how to corner the script
0:45:50
how to call and as you call a script
0:45:53
from another script in javascript okay
0:46:04
i don't want our entire script i just
0:46:08
update how to include a javascript file
0:46:25
there's the national
0:46:27
through running and just
0:46:31
major voting point and we run the
0:46:33
function site multiple
0:46:37
okay so i need to import the function
0:46:43
should i put that one instead of
0:46:46
option not defined
0:47:03
all right let's get there two ways
0:47:12
declaring the site and then
0:47:16
in the strategy and then returning it as
0:47:21
and then it's using this mode
0:47:29
so i can import this from this file
0:48:02
the front and the js
0:48:32
and then i want to do console.log site
0:48:38
direct inside the first defense battery
0:48:42
include a console directly inside the
0:49:00
yeah bored by name
0:49:07
and then we're simply
0:49:50
what does this give me let's have a look
0:50:11
no there's something wrong
0:50:16
and call close the legend so whenever i
0:50:19
try to use this function here it gives
0:50:23
it's not gonna work then
0:50:31
how would this go down
0:51:13
so i need the board data to come in the
0:51:21
because then soon i need that triggered
0:51:31
when the board loads
0:51:52
how would that work
0:52:45
are session storage
0:52:49
the two ways to pass variable between
0:52:51
pages the first method uses session
0:52:57
local sorry the second is used by query
0:53:04
example one example two
0:53:09
i'll probably use a query
0:53:14
so when this one comes session
0:53:18
goes in the first web page favorite
0:53:21
movie is the saturday variable
0:53:25
shrek is the new one okay
0:53:28
this goes in the second page favorite
0:53:30
movie sessions where you get right
0:53:33
so you can basically use this
0:53:39
so this one session
0:54:26
and then in the other one this is going
0:54:29
to take a little computer section for
0:54:32
cool get item favorite
0:55:17
okay if i do this this should work
0:55:22
and if i get rid of
0:55:28
actually this should do the trick now
0:55:33
hopefully guys let's see
0:55:49
it's coming up as no
0:55:55
we probably didn't do something properly
0:56:11
it's diving in there
0:56:14
yeah we need the board item
0:56:20
and i couldn't see anything here
0:56:22
see this is coming up as
0:56:28
did i even do it right
0:56:31
session stories get item
0:56:36
set giant favorite movie
0:56:40
favorite so whatever's here
0:56:55
session set item ah okay so i put the
0:56:59
board id which is that
0:57:02
uh i need to set this board data
0:57:08
right which i've done over here set item
0:57:16
data to board data
0:57:26
session storage satellite support data
0:57:28
orders are brilliant
0:57:31
all right and then
0:57:36
what this setting item in the bar
0:57:40
and then declaring it in their script.js
0:57:45
coins for data and then statutory
0:57:52
that one and then console. yeah
0:57:56
she's coming up as normal
0:57:59
is that even coming up there
0:58:17
yeah this is kind of like 743
0:58:21
but what data is coming up there
0:58:41
it's not coming in there then
0:58:46
actually let me do it
0:59:37
let's see if this does the trick
0:59:51
not that doesn't do the trick
1:00:01
so that's coming up this board
1:00:08
actually let me try and do this
1:00:29
so if i do this that then it works
1:00:45
that works brilliant
1:00:50
and if i don't do that then it doesn't
1:01:12
okay cool so we are you we are getting
1:01:18
the board data here which is fantastic
1:01:23
now what we need to do is get the
1:01:36
columns already coming in the red so
1:01:38
what we will do is
1:02:22
and then we need to go into column names
1:02:27
item column names yeah
1:03:46
support board data
1:03:58
all right cool so we are this far which
1:04:01
is great i'll just
1:04:03
stop here for now and connect the code
1:04:07
you can call it a day
1:04:29
which one is the board columns
1:04:36
and update here column names that one's
1:05:39
names in strings array
1:05:50
the front end as well
1:06:08
js and still front
1:06:56
right guys thanks for watching and um
1:06:59
yeah it's been a good progress if you
1:07:01
want to see how we do the next file
1:07:04
which is mapping the column names to the
1:07:06
ui itself feel free to join us on
1:07:09
tomorrow same price
1:07:17
same place and a different task all
1:07:19
right i'll catch you guys then bye