►
Description
This video is long overdue, both literally and figuratively! Need to get a better handle on overdues, and see them a little more clearly? Tired of the hunt through dozens of checkouts? Well then, feast your eyes on this helpful video! George and Christopher share their work on some eye-opening modifications that will make dealing with overdues just a little bit easier.
Referenced code:
https://wiki.koha-community.org/wiki/JQuery_Library#Blocking_Checkouts_-_Example_1
https://wiki.koha-community.org/wiki/JQuery_Library#Blocking_Checkouts_-_Example_2
Music: https://www.bensound.com
A
And
today,
this
is
our
second
episode
in
our
second
season
of
our
training
videos
and
today
we're
going
to
be
talking
about
overdues
again,
but
this
time
we're
going
to
be
talking
about
a
jquery
enhancement.
That
george
wrote
many
versions
of
cohort
back
long
enough
ago,
that
I
don't
remember
doing
it
to
enhance
the
overdues
to
make
them
stand
out
a
little
bit
better
and
then
we'll
talk
about
some
changes
that
have
happened
along
the
way
and
what
I'm
actually
currently
doing
with
it.
A
George
originally
put
out
the
code,
I
made
some
modifications
later
on
and
I've
made
even
more
modifications.
Since
the
last
modifications
I
posted
on
the
wiki.
So
let
me
go
ahead
and
I'm
going
to
just
point
things
out
and
then
I'll
shift
it
over
to
you
to
where
you
can
talk
about
the
original
code.
Okay,
so,
as
always
we're
hosted
by
koha
us,
and
if
you
want
to
watch
any
of
our
previous
videos,
you
can
always
find
them
on
the
learn,
tab
and
go
to
watch.
Kohai
us
original
training.
A
B
B
The
issue
was,
you
know,
I've
got
a
patron
here
and
I've
purposefully
checked
some
things
out
to
him
and
I
backdated
this
one.
So
it's
overdue
and
there
I've
got
another
one,
that's
due
at
the
end
of
the
month,
but
the
issue
was
when
we
first
migrated
to
koha
at
my
old
library,
the
old
system
we
were
on
before
coha.
B
If
something
was
overdue,
it
would
be
at
the
top
of
the
screen
and
staff
was
kind
of
used
to
that,
and
so
quahog
didn't
do
that.
You
can
imagine
if
you've
got
a
borrower
that
that
you
know
in
a
busy
public
library,
you
might
have
a
borrower,
that's
got
you
know,
50
things
checked
out,
and
so,
if
the
overdue
items
are
all
the
way
at
the
bottom,
you
get
this
note
up
here.
A
B
Think
3.16
is
where
they
moved
all
of
the
data
into
the
data
table.
The
ajax
data
table
that
loads.
It
used
to
be
that
when
you
were
checking
things
out
in
coho,
the
complete
page
had
to
finish
reloading
after
each
time
you
scan
an
item,
and
so,
if
a
patron
had
a
lot
of
a
lot
of
things
borrowed,
if
it
could
take,
you
know
10
seconds
for
that
page
to
reload
and
by
by
moving
this
table
into
ajax.
So
it's
it's
loading
after
the
rest
of
the
page
loads.
A
B
B
So
what
I
wrote
was
this,
and
there
are
a
couple
of
tricks
that
it
has
to
do
since
this
is
being
loaded
by
ajax.
It
has
to
wait.
This
first
part
tells
it
when
you
see
issues
table
when
you
get
to
the
part
where
it
initiates
the
data
table,
that's
where
the
function
is
actually
going
to
start
and
if
any
of
the
items
in
the
table
have
a
class
of
overdue,
which
is
what
this
item
is.
The
class
of
overview
is
what
changes
the
the
due
date
to
red.
B
B
Well,
let's,
actually,
let
me
save
it
and
I'll.
Show
you
what
it
I'll
show
you
everything
it
does.
Actually,
I
don't
want
to
reload
that
I
want
to
do
this,
so
the
first
thing
it's
doing
is
it's
adding
a
class
to
this
table
and
it's
which
is
it's?
It's
adding
an
attribute,
and
it's
plugging
in
this
big
pink
banner
at
the
top
that
says,
patrons
have
overdue
items.
B
B
So
the
first
thing
it
does
is,
if
it
you
know
once
it
loads
if
it
finds
that
overdue
class,
it's
adding
this
overdue
table
attribute
to
the
whole
table
and
then,
when
it
finds
that
attribute
it's,
it's
adding
the
the
banner
at
the
top.
That
says,
patreon
has
overdue
items
and
then
it's
taking
all
of
the
rows
that
have
that
overdue
class,
and
it's
inserting
them
after
this
header
that
says
patron
has
overdue
items.
So
it's
really
simple.
B
It's
just
doing
a
couple
things,
but
that's
going
to
push
all
of
the
overdue
items
to
the
top
of
the
table
where
it's
easier
for
staff
to
see
them,
and
it
was
something
simple
that
I
did
to
solve
a
problem
seven
years
ago.
So
it's
been
around
for
a
while
and
not
long
after
I
wrote
this
and
shared
it
on
the
wiki.
Christopher
rewrote
it.
So
let
me
take
my
code
out
here
and
stop
sharing
my
screen,
and
I
will
let
christopher
show
you
what
the
next
iteration
of
this
did.
A
So
I
I
technically
did
not
rewrite
it,
but
I
enhanced
it.
I
added
some
new
functionality
to
it.
So
if
you
look
at
george's
code
right
below
it
is
a
newer
one,
it
has
more
lines
to
it,
so
this
was
an
enhancement
of
an
enhancement,
and
this
builds
off
of
his
code
by
highlighting
the
barcode
in
pink.
When
there
are
overdues,
it
will
also
add
functionality
by
removing
the
pink
header
in
pink
from
the
barcode.
A
Let's
see
here
by
removing
the
pink
header
and
pink
from
the
barcode
and
removing
the
overdue
message
when
there
are
no
longer
overdues,
less
it'll
check,
because
that
table
does
get
refreshed
and
updated
without
changing
the
page,
so
it
is
adding
some
more
functionality
to
that,
just
as
a
refresher.
This
is
how
it
comes
out
of
the
box.
A
A
Throughout
here
so
on
this
code,
you
know
we're
looking
again
we're
waiting
for
that
table
to
load,
and
it
is
on
this
one.
I
can't
remember
if
I
don't
think
you
checked
the
width
of
the
table,
but
because
the
the
columns
can
now
be
adjusted
to
whatever
you
want
to
show
on
the
admin
page,
you
can
select
what
columns
are
showing
in
that
table.
I
had
it
checking
and
it
doesn't
work
perfectly
because
see
here.
You've
got
four
columns
that
weren't
being
highlighted
here.
A
A
So
this
is
this
is
where
the
logic
is
where
anytime
the
table's
refreshed
or
changed
it's
going
to
recheck
the
overdue
status
on
that
page
and
set
that
marker
to
to
hide
or
show
right.
So
there's
the
logic
to
where
you
know
it
sets
this
particular
value
to
hide
or
show
and
it'll
check,
and
do
something
based
on
that
right.
So
that's
the
the
nuts
and
bolts
of
it
and
again,
I'm
sorry
for
how
vague
I
am
on
on
some
of
this,
because
it's
been
forever
since
I've
we've
done
this
right.
A
So
this
newer
code-
I
can
only
say
I
know
it-
works
with
2005
and
go
from
there
if
other
people
have
earlier
versions,
are
welcome
to
update
the
wiki
to
say
it's
been
confirmed
to
work
with
other
versions,
but
for
now
all
I
can
say
is
this
just
works
with
our
current
version.
It
is
now
fully
filling
up
that
that
row
right
and
yeah
I've
made
it
a
little
bit
bigger,
so
yeah,
I'm
using
the
font
awesome
fonts
with
that
made
that
stand
out
a
little
bit
bigger.
A
It's
not
just
a
pink
background,
but
it
stands
out
a
little
differently
and
I'm
using
a
label
if
it's
finding
the
state
I'm
using
a
label
here
it
is
part
of
bootstrap.
I
believe,
but
you
can
add
a
class
label
and
this
particular
color
is
labeled
danger,
and
then
I
can
tell
it
what
I
want
it
to
have
in
that
label
and
I
put
it
in
there.
So
I
add
that
right
above
that
date,
and
it
adds
that
so
it
stands
out
pretty
nicely.
A
B
A
A
A
I
I
just
wanted
to
address
it
up
a
little
bit
more
and
I've
been
using
labels
in
various
places
on
our
website,
and
it
just
made
sense
to
to
do
this
and
those
labels
actually
stand
out
better.
I
use
those
for
some
statuses
in
various
places,
and
so
I
like
to
look
at
those
labels.
This
really
makes
it
look
professional
and
clean,
so
you
know
we're
just
building
off
of
each
other's
ideas.
A
This
is
always
great
and
if
you
have
ideas
and
some
enhancements
to
what
we've
done
in
any
of
our
code,
I
encourage
you
to
post
them
on
there.
I
you
know
if
you
go
into
the
wiki
and
you
find
something
and
you
find
something
doesn't
work
or
you
can
make
it
look
a
little
bit
better
or
add
some
functionality.
A
The
best
way
to
do
it
I
found
is
to
not
change
the
original
code,
but
to
go
in
and
post
it
right,
underneath
it
with
your
enhancements,
and
you
know
if
you
can
well,
if
you
can't,
I
would
encourage
you
to
always.
You
know
credit,
the
original
person
that
that
did
the
code
or
the
or
the
people
that
that
you
built
your
code
off
of
just
to
make
sure
that
people
are
getting
the
credit.