►
Description
Holy enhanced features, Batman! This is the feature you've all been waiting for. No more delays! This week, Christopher shows of a brand new tweak that will really make those suspended holds stand out, and even shed some light on future holds.
Referenced code:
https://wiki.koha-community.org/wiki/JQuery_Library#Enhanced_Search_Facets_for_Staff
https://wiki.koha-community.org/wiki/JQuery_Library#OPAC_Enhanced_Suspended_Hold_Listings
Music: https://www.bensound.com
B
A
And
today
we
are
going
to
be
talking
about
an
enhancement
for
suspended
holes
ribbons,
something
that
I
was
tinkering
around
with
a
few
weeks
ago
and
really
liked
the
outcome
of
it.
A
So
we're
going
to
be
playing
with
that
today,
but
before
we
get
started,
we
are
on
the
koha
us
website,
koha
us
coho,
dash
us.org,
and
you
can
find
all
of
our
trainings
under
learn
from
quahog
us
and
you
can
click
the
quick
link
down
to
the
koha
us
videos
and
you'll
see
all
of
our
marvelous
video
trainings
we've
done
so
far,
and
we
are
on
episode.
14
today.
A
B
B
A
So
today
we're
going
to
be
looking
at
an
enhancement
for
the
suspended
holds,
and
this
is
what
it's
going
to
look
like
when
we're
finished,
it's
very
cool.
Looking
at
the
the
patron
side,
the
the
patron
account
really
in
the
staff
module,
and
so
I'm
looking
at
a
all
the
holds
that
I
have,
and
I
have
one
that
is
suspended
and
one
that
is
set
for
in
the
future.
B
A
A
A
You
know
that
when
you've
got
a
bunch
of
holds,
the
only
thing
that
really
stands
out
is
the
button
and
a
little
message,
and
even
then
you
know
you
can't
tell
that
it
really
doesn't
stand
out
that
this
this
hole
is
for
in
the
future
right.
This
hole
is
just
suspended
other
than
that
message
down.
There
wanted
to
stand
out
a
little
bit
a
little
bit
more
same
for
on
the
page.
There's
not
there's
not
a
lot,
except
when
you
know
right.
The
unsuspecting
okay,
suspend.
B
A
Exactly
doesn't
really
make
that
stand
out
and
when
you're
looking
at
an
account
that
has
both
suspended
or
bib
that
has
both
suspended
and
holds
that
are
for
the
future.
You
know
there's
very
little
distinction
between
the
the
two.
I
often
have
staff
that
are
a
little
confused
about.
Why
isn't
this
whole
triggering?
You
have
to
look
at
right
because
they
set
it
for
in
the
future.
A
So
we're
going
to
talk
about
that,
and
just
so
you
know
I
do
have
these
both
the
the
opaque
side
and
the
the
staff
side
on
the
jquery
library.
A
So
I
will
provide
links
to
those
in
the
video
and
on
the
the
koha
us
learning
page,
so
you
can
find
those
easily,
but
I've
included
both
the
css
and
the
jquery
that
is
required
for
that
cool.
So,
let's
go
back
and
we're
going
to
start
off
with
our
css.
Let
me
grab
the
opac
css.
A
Stick
it
in
here
and
talk
about
this
briefly
and
I
do
have.
There
are
some
slight
differences
between
the
opac
css
and
the
the
staff
side,
the
intranet
css,
simply
because
the
layouts
are
slightly
different
right
and
I
have
to
accommodate
for
for
both
of
those.
So.
B
B
Of
classes
here,
I
don't
recognize
so
rip
right,
adjust
and
suspend
ribbon.
Those
are
those
must
be
classes
you're,
creating
with
the
jquery
right.
A
So
the
the
first
section
here
the
ribbon
row
adjust
I
assign
that
that
class
to
the
row
that
has
a
suspended
hole
because
I'm
making
a
little
bit
more
room
for
that
ribbon.
Otherwise
it
starts
covering
up
things
information
and
we
don't
want
to
cover
up
information
as
much
as
possible.
So
right.
I've
expanded
that
road
just
a
little
bit
so
I'll,
find
that
row
and
I'll
assign
that
class
to
it
and
that'll
give
that
that
height
that
we
need
for
that
ribbon
to
be
added.
A
Underneath
in
that
first
cell,
I
have
two
other
classes
that
I've
created,
suspend
ribbon
and
delayed
ribbon,
so
I've
I've.
I
have
a
class
to
distinguish
between
the
two
so
that
I
can
treat
them
a
little
bit
differently
and
show
them
differently.
You
know
the
blade
ribbon
is
more
gold.
The
the
suspend
ribbon
is
red,
so
they're
different
colors
and
the
delayed
ribbon
has
a
little
bit
more
information
in
it
because
it's
including
a
word
and
then
the
the
actual
date
that
the
right
the
hold
is
going
to
take
place.
A
So
I
had
to
make
that
a
little
bit
wider,
so
anything
that
that
has
to
do
with
both
of
them.
That's
that's
common
are
thrown
in
here.
I
have
some
sections
in
here
and
I
can't
explain
how
this
works.
I
I
actually
found
this
this
code
out
on
the
the
internet
when
I
was
searching
for
a
way
to
you
know,
enhance
the
look
and
this
grabbed
my
attention.
A
So
I
you
know
stole
this
right,
but
you
know
part
of
this
has
to
do
with
with
you
know,
we
we
have
changed
the
look
of
the
div
around
that
information,
and
this
is
adding
some
components
before
and
after
that
to
make
the
the
ribbon
stick
out
and
look
like
it's
coming
from
behind
the
table
and
then
another
piece
that
adds
the
triangle
to
the
end.
That
makes
it
look
like
a
pointer,
not
just
a
a
block.
A
So
you
know
again,
there's
some
commonalities,
so
we
have
the
before
and
after
we
have
some
commonalities
between
this
the
suspend
and
the
delayed.
Then
we
have
some
distinctive
sections,
for
you
know:
adjustments
like
width
and
color
color
or
for
the
the
specific
ribbons.
A
A
The
oppac
jquery
is
fairly
short,
they've
made
it
a
little
bit
well,
it's
short
because
we're
only
showing
holds
in
the
patron
summary
in
the
patreon
summary
we're
not
showing
it.
On
the
the
record
like
we
are
on
the
staff
side,.
B
A
A
This
bit
of
information
here,
so
it's
adding
the
the
font
awesome
in
front
of
the
word-
suspended
it's
appending
it
to
that
that
cell,
basically
that
it's
in
and
then
every
time
it
is
finding
a
class
reserve
date.
A
A
Now
there
is
a
little
bit
of
there's,
probably
a
little
bit
of
redundancy
here,
but
part
of
that
is
because
you
know
I'm
doing
some
of
this
information
within
a
function,
so
it
doesn't
necessarily
carry
over
to
another
function,
and
so
I
have
to
fetch.
You
know
the
today's
date.
You
know
twice.
You
know
if
there's
a
if
there's
a
more
streamlined
way
of
doing
this,
I'm
all
for
it,
and
you
know
I
may
not
be
completely
code
savvy
here,
but
you
know
it
works.
A
You
just
haven't
figured
it
out.
Yet
no,
I
haven't
so
this
one
is
for
the
request:
dot,
pl
page,
it's
very
similar
to
what
we
saw
in
the
old
pack.
This
one
is
just
for
the
request.pl
page,
and
this
one
down
here
is
for
the
more
member
page
that
shows
the
holes
and.
A
Go
back
in
there
and
go
back
to
my
account
here,
look
the
holds,
and
there
we
have
our
whole
so
the
rows.
It
knows
that
there's
a
there's
a
hold
on
this
particular
row,
that's
suspended
and
it's
making
it
just
a
little
bit
taller
for
that
ribbon.
So
let's
get
the
ribbon
in
there
yeah
covering
stuff
up
before.
If
I
didn't
do
that,
it
was
covering
up
part
of
the
next
row,
things
were
running
into
each
other.
A
So
there
is
that
and
then
back
over
on
the
patron
side,.
A
A
A
B
Yeah
I
like
how
it
I
mean
it
really
makes
them
stand
out.
It
makes
it
a
lot
easier
for
staff.
You
know,
depending
on
what
kind
of
library
you're
at
you
know,
I've
worked
at
some
libraries
where
you're
checking
out
things
to
like
you
know,
30
people
an
hour
and
anything
that
makes
it
quicker
for
you
to
realize.
What's
going
on,
is
going
to
be
a
huge
benefit
to
staff,
so
this
is
really
good.
I
like
it
a.
A
Lot
yeah,
I
I
find
that
you
know
koha
out
of
the
box
is
good.
I've
done
things
to
enhance
buttons.
You
know
the
buttons
that
staff
are
supposed
to
press,
make
things
that
that
stand
out
for
your
particular
library.
You
know
anything
you
can
do
to
streamline
what
the
staff
is
doing
and
help
them
get
through
the
information.
A
little
bit
quicker
is
always
a
plus,
and
you
know
I
I
take
pride
in
how
things
look
before
before
this
last
update.
I
was
just
changing
the
text
for
suspended
holds
red.
B
A
And
you
know,
and
that
helps,
but
I
wanted
to
take
it
a
step
further
and,
and
you
know,
make
it
look
a
little
more
professional
a
little
nicer
than
just
oh
well.
I
just
turned
the
text
red,
so
you
know
this.
This
was
a
nice
upgrade
and
you
know,
while
I
was
doing
it,
I
thought
oh
well,
I
can
distinguish
between
the
two,
so
let's
make
them
look
a
little
bit
different
and
I
I
think
that
helps
too.
You
know.
B
B
The
one
thing
I'm
going
to
have
to
test
you
know
now
that
it's
up
on
the
library
where
I
can
go,
get
it.
We
have
in
our
system.
In
the
staff
side,
we
have
the
holds
cues
broken
into
branch
by
branch.
B
So
if
you
were
to
go
to
the
the
item
record
or
the
title
record
for
like
harry
potter
there,
if
you've
got
a
title
where
there's
like
holds
in
a
bunch
of
different
libraries,
it
shows
all
the
holds
for
the
baser
library
in
one
group
here
and
all
the
holes
for
the
leavenworth
library
here
and
all
the
loads
for
the
osawatomy
library
here.
B
And
so
I'm
wondering
if
how
this
would
look
on
that
if
all
of
the
classes
are
are
transferable,
because
that
changes
the
whole
table
structure
so
and
your
libraries
that
are
using
that
there
might
be
some
ways
to
tweak
it
or
or
it
might
just
work
out
of
the
box.
I
don't
know.
A
Yet
try
it
if
it
doesn't,
if
you
can
figure
out
some
tweaks
to
make
it
work,
for
your
situation,
feel
free
to
add
notes
to
the
the
jquery
library
yeah
yeah,
because
you
know
we
don't.
We
don't
operate
like
that,
and
so
it's
it's
hard
for
me
to
to
write
something
which
only
you
know
we're
not
functioning,
and
I
I
guess
I
could
go
in
here
in
the
demo
and
try
to
set
all
those
parameters
up
and
you
know
split
those
holes
apart
but
and
then
and
test
it
but
yeah.
B
A
One
thing
that
I
am
currently
working
on-
this
is
probably
something
that
I
will
show
down
in
the
future
is
and
you'll
notice
that
I
have
some
checkouts.
I
have
a
checkout
here
that
has
some
wonky
flags
on
it
because
who
has
a
damaged
item,
that's
long
overdue,
but
I
was
trying
to
to
show
some
of
these
things.
So
I
can.
I
can
do
some
testing.
A
A
So
you
know
address
it
up
a
little
bit
more
and
utilize
what
I've
learned
with
the
holds,
so
I
I've
played
with
it.
I
I
do
have
some
code
there
that
that
I'm
tinkering
with
and
I've,
you
know
shown
a
few
staff
members
and
they've
liked
that
and
they
would
welcome
it.
So
I'm
gonna
play
with
it
and
stick
it
out
there,
and
somebody
wants
to
use
it
great
if
not
no
harm,
no,
essentially
a
preview
of
the
future
episodes.