►
From YouTube: Working on a Pajamas MR - Support coding office hours
Description
Working on a Pajamas MR - Support coding office hours
See https://docs.google.com/document/d/18_jSEx9Wnzm2H7xd7xuQi3cEsFO7ER6inbNBitEKd-A/edit#bookmark=id.nvff0q1zkhe6 for notes
A
A
Changing
that
to
that
by
the
looks
of
it,
so
it's
actually
pretty
it's
a
pretty
simple
change,
but
the
thing
is
you
got
to
make
sure
that
the
layout
of
the
buttons
and
stuff
look
right.
I
recall
when
I
did
the
avatars
in
the
last
pajamas
party.
Some
of
them
had
custom
styling,
and
it
can
look
at
that
wonky.
So
sometimes
you
do
have
to
play
around
with
it,
but
yeah
luckily,
for
this
example,
I
think
it
is
quite
simple,
so
we
don't
have
to
worry
about
it
too
much.
A
But
probably
the
next
question
is
we.
We
need
to
actually
find
this
in
the
UI
before
we
can
actually
do
anything,
because
we
can
make
the
change
in
the
code,
but
what's
the
point,
if
we
don't
actually
see
it
reflected
in
the
UI,
so
generally,
what
I
do
in
order
to
figure
out
where
it
is,
is,
if
you
just
look
at
the
folder
structure,
so
I
mean
straight
away.
A
I
know
it's
in
the
admin
area
under
the
settings
area,
but
because
this
is
a
partial
view,
that's
the
underscore
at
the
start,
so
a
partial
view
can
be
part
of
you
know
a
normal
view,
so
there's
a
bigger
view
somewhere
that
this
is
encapsulated
with
them.
So
we
just
need
to
find
out
where
that
is
so.
A
I'll
just
show
you
how
I
find
oh,
no
I
won't
use
that
one
I'll
show
you
where
I
find
things
now
there
are
multiple
Pathways
to
finding
stuff
that
you
need,
but
this
is
just
the
way
I
do
it.
So
what
I'm
going
to
do
is
I'm
just
going
to
search
for
that
specific
view
in
the
code
and
just
see
if
I
get
lucky.
A
A
A
All
right,
so,
if
we
go
back
into
here,
one
of
the
things
that
are
good
to
search
for
is
just
the
names
of
fields
or
descriptors,
so
that
to
me
kind
of
looks
like
some
helper
text.
A
C
A
A
So
one
of
the
helpful
things
here
is
when
you're
running
a
GDK
or
you're
running
routes
in
development
mode.
It
will
actually
show
you
the
paths
of
partial
views
right
there,
so
you
can
see
that
that's
this
actually
matches
the
file
path
here.
A
A
Please
do
all
right,
so
this
looks
pretty
straightforward
so
because,
when
I
make
changes
to
the
code
in
real
time,
this
is
also
another
strategy
to
actually
figure
out
if
you're
in
the
right
place,
so
sometimes
I,
just
like
deleting
things
and
then
I,
just
refresh
the
page
and
then
see
what
happens.
A
A
So
if
you
recall
in
the
code,
I
actually
deleted
the
button
and
now
it's
missing
from
the
UI
so
pretty
sure
we're
in
the
correct
spot
so
yeah,
let's
just
bring
that
back,
save
the
file,
so
that
was
a
control.
S
command
s,
we're
saving
it
and
okay
search
search
search.
A
B
A
A
A
So
I'm
going
to
be
aware
of
when
you're
editing,
hamiltonpots
the
indenting
does
matter,
so
you
have
to
actually
get
them
in
the
right
spot,
yeah
just
one
of
the
quirks,
but
some
okay.
So
what
we
have
here
is
this
is
the
original
I?
Don't
think?
That's
a
comic,
but
I'll
just
put
it
there
anyway
for
now
and
to
change
too,
and
what
we
want
to
do
is
we
need
to
get
rid
of
this
one
and
change
it
to
one
of
these
so
straight
away.
A
A
C
A
A
A
So
I
believe
so,
let's
get
loud
mt5.
So
it's
that's
a
layout
class
now
you
can
see
here
in
the
example,
remove
the
CSS
class
to
start
it
as
a
button
and
add
the
pajamas
button
to
true.
So
you
can
see
that
these
class
names,
while
they
do
exist
in
the
CSS
file,
the
cut
I
kind
of
like
to
think
of
them
as
deprecated.
So
that's
why
I
replace
them.
D
A
A
D
Yeah,
so
is
there
an
easy
way
to
tell
if
it's
a
CSS
class
is
that
the
GL
dash
button.
A
Yeah
generally,
no
there's
no
there's
no
easy
way.
Unfortunately,
most
of
the
times
if
it
is
a
special
CSS
selector.
Oh,
if
if
it
is
a
special
class,
that's
not
being
used
in
CSS,
it
should
be
pretty
obvious.
Like
it's
not
going
to
follow
this
naming
convention,
it
will
be
something
it
will
be
a
functional
name.
A
Let
me
just
select
the
actual
thing.
You
can
see
all
the
CSS
rules
here.
So,
for
example,
there
might
be
a
rule
that
says
you
know
that
search
box
table
or
whatever,
and
if
it
appears
here
and
it
actually
has
CSS
rules,
then
you
know
it's
actually
got
CSS
attached
to
it.
D
A
Yeah
and
I
mean
for
those
that
have
never
used
this
before
it's
actually
a
really
good
way
to
just
have
a
play
around
with
the
web
page,
and
if
you
want
to
you
know
just
you
know:
do
mock-ups
live
so
I
mean
you
can
just
start.
You
know
clearing
out
things
and
doing
whatever.
So,
if
I
wanted
a
background,
color
or
something
else,
I,
don't
know
tooth,
like
you
just
change
it
immediately
or
if
I
want
to.
You
know
give
us.
A
A
A
A
A
A
Yeah,
for
whatever
reason,
I'm,
not
sure
why
it's
doing
that
normally,
when
it's
a
pajamas
element,
it
should
wrap
it
and
it
should
say
it's
a
pajamas
element.
A
A
A
Yeah
I
select,
they
may
just
remove
this
class
name
and
just
see
what
happens
yeah.
So
you
can
see
it
can
take
a
little
playing
around
sometimes.
A
A
A
A
Okay,
so
it's
oh
wait.
That's
not
even
the
bootstrap
website.
A
B
A
Yeah,
it's
just
that
it's
saying,
remove
it
so
I'll
go
there
trying
to
see
I'm
just
reading
in
here.
Normally
they
have
examples
in
here.
E
Them
yeah,
if
you
look
at
the
original
issue
like
for
this
particular
file
example,
one
removes
the
class
altogether
and
just
replaces
pajamas
like
and
just
has
pajamas
button
equals.
True.
A
Give
me
a
sec.
I've
lost
my
Australian
foreign.
E
D
A
A
That's
Apple
silicone
to
you
mate,
but
yeah,
it's
better
than
those
Dells
that
they
distribute
out
there.
A
So
I
just
update
I
just
updated
my
GDK
today,
it's
it's!
Basically,
you
know
30
minutes
old,
so
I'd
be
surprised.
If
this
wasn't
working.
A
This
new
behavior
is
only
available.
The
problem
with
a
custom
form
Builder.
A
Is
there
a
form
for
there
is
that's
why
it's
not
working
I
skipped
right
to
the
examples,
so,
okay,
so
what
I
need
to
do?
Oh
won't
that
be
funny.
If
that
was
all
that
was.
A
A
So
we'll
leave
The
Styling
that
they've
proposed
in
the
examples
but
yeah
you
can
see
it's
not
a
macro
issue
Alvin.
It
was
just
my
silly
nature
that
I
didn't
read
bar
up
enough.
D
A
A
A
Probably
search
for
a
couple
if
you'd
like,
but
you
can
see
in
the
code
here,
it
was
actually
a
more
complex
example
because
it
included
a
data
right
element
as
well.
So
I
think
anything
in
the
data
array
will
just
insert
some
additional
attributes
in
the
Dom.
So.
A
Yeah,
so
you
can
see
it's
an
additional
element
there
and
now
that
I
know
that
the
pajamas
element
is
working.
You
can
see
that
there's.
This
comment
where
the
pajamas
component
is
actually
being
pulled
in
and.
A
The
other
thing
to
do
at
this
point
is
actually
just
test
that
you
know
the
form
actually
submits
and
it
does,
but
also
we
want
to
check
and
make
sure
that
the
layout
is,
you
know
more
or
less
the
same,
so
what
I
normally
do
is
I'm
going
to
revert
my
changes
really
quickly
and
I'll
just
rename
this
to
old.
So
we
know
the
difference.
A
So
this
is
the
old
button
and
then
that's
the
new
one.
So
it's
just
making
sure
that
you
know
the
padding
is
all
right
and
things
like
that,
because
you
know
because
we're
replacing
it,
we
need
to
make
sure
that
the
UI
is
still
the
same.
So
we
can
see
that
the
pajamas
one
has
added
some
padding
or
a
margin
yeah,
it's
added
a
margin
of
16.
A
A
A
What
was
that
one
yeah
16.,
so
you
can
say
more
or
less
is
the
same
now,
but
because
the
pajamas
component
has
padding
on
top
I'm
kind
of
like
well.
If
it
was
there
to
begin
with,
maybe
I
should
just
leave
it,
oh
because
the
component
does
that
I
might
just
believe
it
the
way
it
is
and
I'll
just
point
it
out
in
the
Mr
that
hi
the
button
has
added
an
extra
16
pixels
on
top.
A
Is
this
a
problem
and
then
I'll
just
let
the
ux
reviewer
decide,
but
from
that
perspective
I
mean
it's
all
done.
The
Next
Step
would
actually
be
creating
the
emails.
D
Just
another
quick
one:
it
said
that
the
the
issue
says
that
you
should
try
and
create
five
changes
per
Mr
right.
That's.
A
D
A
A
It's
definitely
for
sure,
so,
I've
only
done
one
today,
because
you
know
it's
just
a
simple.
You
know
we
only
got
an
hour
but
yeah
you
you're
right.
So
ideally
you
kind
of
want
to
commit
yourself
to
at
least
five,
and
the
reason
for
that
is.
You
know
we
want
to
be
efficient
with
CI
minutes,
which
is
probably
the
main
motivator
as
well
so
yeah
I
can
just
go
ahead
and
create
the
Mr.
A
So
you
can
just
see
what
it
looks
like,
but
I'll
go
back
probably
tomorrow
for
next
week
and
just
add
that
before
so
you
can
see
it
doesn't
take
too
long,
I
mean
once
I
actually
read
the
issue
properly
and
then
add
you
know
the
bit
up
here.
Then
it
starts
working
now.
Unfortunately,
for
me,
why
is
my
redo?
Not
working?
A
D
A
Oh,
it's
just
every
time
you
update
the
GDK,
so
the
GDK
will
run
the
DB
migrations
and
it
generates
that
DB
structure,
dot
SQL,
but
the
repo
itself.
When
you
clone
the
gitlab
project,
it
already
has
a
DB
structure.
Sql
and
sometimes
you
know,
the
file
differs
when
you
do
a
GDK
up
there
and
that's
why
it's
in
my
staging
that
we'll
get
yeah
it's
just
one
of
those
pains
you
have
to
live
with.
Unfortunately,
so
I
need
to
add
this
file
to
my
Global.
A
So
what
I'll
do
is
I'm
I'm
just
going
to
quickly
share
an
email
that
I've
done
in
the
past,
so
just
to
give
you
an
idea
of
what's
actually
involved
so
yeah
as
Alvin
pointed
out.
Ideally,
you
want
to
do
five
in
five
changes,
so
five
issues
and
then
consolidate
them
into
a
single
Emma.
So
yeah
one
is
CI
minutes,
because
that
reduces
the
spin
there
and
also
it's
more
efficient
for
a
reviewer
to
check
five
little
things.
Rather
than
have
five
emrs
with
five
little.
A
You
know
one
little
thing
in
each
and
what
I've
actually
done
here
is
I've
actually
taken
screenshots
of
the
change
before
and
after
so
you
can
see
here,
for
example,
oh,
what
did
I
change
there?
Actually
I
don't
need
to
actually
look
Place
image
thing
like
okay,
so
there's
a
so.
It
must
be
the
Scott
this
one
here,
so
you
can
see
it
slightly
changes
and
that's
just
because
with
the
pajamas
components
they
just
have
standardized
sizing
avatars.
A
So
that's
why
it
changed
and
that's
why
it's
really
important
to
have
these
screenshots
side
by
side.
So
then,
whoever's
reviewing
can
actually
see
what
the
differences
are.
So
I'll
be
doing
the
same
as
well.
This
one
I
think
it's
that
image
there
and
I
mean
you
can
see
it
barely
changes
so
that
one's
okay
too,
but
what
I
need
to
do?
A
You
basically
just
have
to
add
all
these
labels
now.
Luckily,
for
these
types
of
front-end
changes,
you
don't
actually
have
to
worry
about
specs
or
anything
like
that.
So
if
you're
someone
that
doesn't
like
specs
very
much
I
mean
these
are
the
changes
you
want
to
do
so
so
what
I'm
going
to
do
change.
A
What's
that
system
or
functional
testing
I
believe
it's
called
functional
testing
yeah,
so
we
do
have
those
tests
as
well.
That
will
run
so
if,
if
whatever
your
change
does
breaks,
anything
I
mean
you're
going
to
know
pretty
quickly
anyway
and
then
I
think
they're,
all
capybara
will
actually
take
a
screenshot
and
we'll
show
you
what
it
actually
looks
like
as
well,
which
is
kind
of
cool
too,
and
that
will
be
in
the
artifacts
of
the
CI
job
exchange
search,
form
buttons
to
pajamas.
A
Now
that's
my
autocomplete
freezing
up
on
me
and
this
buttons
all
right
so
yeah.
What
I
can
actually
do
is.
A
So
maybe
I
won't
create
the
emails
today
by
the
very
least
I'll
push
something
up.
So
it's
kind
of
giving
me
some
commitment
to
finishing
it
off
now
when,
when
you
push
something
up
and
the
GDK,
if
you've
set
up
lift
hook,
it
runs
a
series
of
chicks
to
make
sure
that
everything
is
actually
fine.
So
you
can
see
it's
doing
a
lot
of
linting
here
does
some
dot
checks,
but
generally
yeah
it
will
only
check
what
you've
actually
changed
in
your
branch.
A
So
you
can
see
that's
why
it
says
nothing
for
inspection
here
now.
It
will
also
give
you
some
heads
UPS
on
things
that
you
need
to
be
aware
of,
so
it
saves
a
change.
Lock
is
missing
now
for
something
like
a
pajamas
email.
You
don't
need
to
worry
about
the
change
lock,
so
you
can
just
ignore
that
message,
but
yeah
you
can
see.
It's
actually
done.
The
push
now
down
here.
A
A
So
yeah
generally
with
Pajamas
issues,
you
want
to
assign
yourself
to
them
like
pretty
quickly
because
you'll
find
on
the
day
that
everyone,
just
you
know,
picks
and
picks
what
they
want
really
fast
and
we're
actually
in
a
very
lucky
position
in
you
know
asia-pacific
or
Apec,
because
you
know
we're
online
before
everyone
else.
So
the
pajamas
bar
party
is
you
know
a
day
earlier
for
us
getting
a
close.
So
we
we
can
grab
all
the
cool
stuff
yeah.
C
A
A
F
A
Don't
know
I
think
we
just
really
tried.
So
you
know
I'm
going
after
you.
A
E
E
If
everyone
would
just
be
like,
oh
my
gosh
cat,
like
do
you
not
even
know,
but
yes,
it's
a
good
question
I
think,
because
for
someone
who
is
just
getting
started,
is
there
like
a
smaller
instance?
You
know
just
a
simpler
instance
that
we
can
spin
up,
not
necessarily
one
that's
got
all
the
bells
and
whistles
that
we
probably
don't
need
just
for
the
pajamas
look.
A
Yeah
sure
now
there
are
two
ways
I'm
aware
of
that
you
can
spin
up
the
11
environment
toolkit,
so
one
is
using.
A
Me
just
kind
of
familiarize
myself
it's
in
here
somewhere,
I,
typically
just
use
the
one
line-
installation,
that's.
A
You
can
use
gitpod
as
well.
I've,
never
done
it
this
way,
but
I
think
I've
heard
other
support,
Engineers
using
it
and
it's
pretty
straightforward
yeah.
So
you
can
see
you
go
into
the
repo
you
go
get
pod
up.
Well,
you
have
to
create
a
gitpart
account
and
Link
it
up
and
then
yeah
you
just
wait,
seven
or
eight
minutes
and
it's
actually
really
easy.
I.
F
Might
just
chime
in
if
that's
okay
from
a
minute
on
there's,
maybe
a
couple
of
weeks
ago,
maybe
a
couple
months
ago,
I
did
a
small
presentation
with
a
few
people
in
Ginkgo
about
doing
bug,
fixing
with
GK
in
gitpod
I've
just
provided
the
link
in
the
chat
for
anyone.
That's
interested,
you
have
to
be
logged
into
the
unfiltered
account
to
see
it,
but
that
might
be
useful
for
anyone
that
wants
to
like
go
through
it.
Basically
just
goes
through
the
steps.
F
That's
on
this
project,
but
I
I
find
get
point
is
very
useful
to
have
it
just
order
deploy
to
the
cloud
for
you,
so
it
might
help.
A
Okay
cool,
so
anyone
that's
watching
this
video.
This
is
where
this
is
in
this
URL
right
here.
Oh
yeah,
thank
you
Ben,
but
yeah.
If
I
go
back
to
I,
keep
losing
my
place,
I
think
it's
it's
near.
It's
nearly
the
end
of
the
day
for
me,
I
think
I
need
to
knock
off
soon.
That's
GDK.
C
A
B
B
It
yeah
upgrade
the
OS,
which
means,
then
you
have
to
upgrade
the
xcode
select,
and
then
you
have
to
do
a
brew
upgrade
which
breaks
everything
and
then
you
have
to
put
it
all
back.
I
think
actually
what's
happening.
Is
it
might
just
be
that
it's
been
a
while
since
I
did
GDK?
So
when
I
do
the
GDK
doctor,
it
says
you
need
to
install
a
new
ago
mate.
Now
you
also
need
to
install
a
newer
postgres
too.
A
Yeah
generally
I
remember
the
last
time:
I
upgraded
the
OS
and
that's
the
main
reason
and
motivated
I
haven't
upgraded
my
OS
now
because
of
that,
because
it
breaks
everything
I
know,
there's
a
I
think
there's
a
GDK
reset
command.
If
you
haven't
tried
that
that
might
be
worth
trying,
yeah
so
running,
the
doctor
is
also
the
pristine.
I
actually
had
to
run
that
just
before
the
call
which
actually
fixed
it
for
me,
but
that's
something
here:
GK.
A
Yeah
I
mean
the
one
line,
installation
you
know
it
does
work.
You
can
also
do
the
simple
which
I
think
I
did
originally,
but
if
you
just
want
to
get
up
and
running,
I
I
would
suggest
us
watching.
Ben's
video
because
get
part
I
think
is
really
good
for
people
that
just
they
don't
want
to
screw
around.
A
They
just
want
to
get
coding
as
quickly
as
possible,
but
and
saying
that
if
you
have
any
trouble
kit,
Mike
or
anyone
else
on
the
call
sitting,
either
of
those
methods
up
I
mean
feel
free
to
reach
out
I'm
sure
anyone
will
you
know
I'm
happy
to
join
you
and
figure
it
out,
but
yeah
I'm
sure
others
would
be
Keen
too.
A
All
right
and
yeah,
likewise,
if
you're
working
on
a
pajama,
zmo
and
you're,
all
stuck
I,
mean
feel
free
to
just
reach
out
in
that
pajamas
migration
day,
Channel
or
also
you
know,
feel
free
to
reach
out
to
myself
or
you
know,
yeah
I
I
think
there
will
be
a
group
of
us
working
on
the
pajamas
emails
this
year.
A
Oh
this,
this
decision,
I
hope
because
yeah,
Alvin
and
I
were
going
to
work
on
a
couple
together
last
time,
but
I
think
we
had
a
lot
of
tickets
that
just
kind
of
popped
up
and
we
just
didn't
have
time:
hey
Alvin,
so
this
time
around
we're
gonna
have
to
do
something.
D
A
Right
yeah,
we
can
make
that
a
group,
you
know
events
as
well.
Maybe
we
just
all
hang
out
in
a
room.
We
don't
necessarily
have
to
be
talking
or
sharing,
but
just
if
anyone
star
core
needs
to
bounce
ideas,
we
can
definitely
arrange
that.
But
yeah
we've
got
a
couple
of
minutes
left.
Does
anyone
have
any
other
pending
questions,
thoughts
or
thoughts
for
next
time?.
A
A
D
Oh
no
I
wasn't
like
there's
only
because
I
was
like.
Oh
it
might.
You
know
like
if
you
just
quickly
went
through
another
one.
Instead
of
with
all
the
explanations
just
this
time,
just
do
another
one
like
a
button.
One
do
you
know
what
I
mean,
but,
but
only
if
we've
got
time,
I.
A
Would
probably
say
we
don't
have
time:
okay,
yeah,
because
I've
got
to
yeah.
No,
that's
fine,
I
mean
yeah,
it's
fine.
There
are
a
few
other
things
that
I
need
to
check
up
on
anyway,
but
you
know,
as
I
said,
you
know
when
the
pajamas
day
comes
around
or
even
if
you
want
to
work
on
them
earlier,
we
can
definitely
set
that
up.
A
A
That's
yeah
good.
D
A
A
I
was
thinking
about
doing
a
different
kind
of
code
exploration,
so
this
is
just
a
bit
of
insight
into
next
time,
so
for
those
that
are
familiar
with
the
zendis
download
router,
it's
an
extension
that
I
wrote
a
wee
while
ago
and
there
are
a
few
pinning
issues
that
need
to
be
worked
on,
mainly
because
Google
are
moving
to
a
different,
manifest
version
next
year
and
as
a
result,
it's
going
to
break
a
lot
of
existing
Chrome
extensions,
so
there's
kind
of
a
bit
of
a
motivator
for
me
too,
as
a
maintainer
get
everything
fixed
up
for
the
next
year
anyway.
A
So
we
could
probably
pick
one
of
these.
So
if
you're
familiar
with
javascripts
I
mean
this
will
be
right
up
your
alley,
so
one
of
the
things
I've
actually
been
wanting
to
implement
for
a
long
time.
Is
this
feature
here?
So
if
you're
in
a
ticket?
The
idea
is,
you
know
every
ticket
comment.
You
know
you
can
download
all
the
attachments
at
once,
but
more
often
than
not.
A
If
you're
working
with
a
customer
that
submits
multiple
gitlab
sos's
in
each
response,
but
you
kind
of
want
a
way
to
categorize
them
on
disks,
I
think
this
would
be
a
perfect
way
to
do
that.
So,
if
I
download
all
the
attachments
in
a
ticket
comment
download
it
to
a
separate
folder
within
the
parent,
so
we
could
use
dates
or
something
along
those
lines
and
I
think
that
would
be
a
really
valuable
feature.
So.
D
A
Oh,
what's
that
I
think
we
can
wrap
it
up
unless
anyone
has
anything
else.