►
Description
Hold on to your facets, because you ain't seen nothing yet! This week Christopher takes the helm as he navigates viewers through the bizarre world of search facets. One could almost say it's "facet"-nating!
Referenced code:
https://wiki.koha-community.org/wiki/JQuery_Library#Enhanced_Search_Facets_for_Staff
https://wiki.koha-community.org/wiki/JQuery_Library#Enhanced_Search_Facets_for_OPAC
Music: https://www.bensound.com
A
A
A
That's
cohort
dashus.org!
If
you
go
to
the
learn
from
koha
us
link
and
you
can
pop
right
to
the
videos
with
our
jump
to
link
up
at
the
top
says.
Koha
us
videos
and
everything
that
we
have
posted
is
in
there,
and
this
looks
a
little
different,
because
I
added
some
descriptions
so
that
it
was
a
little
bit
more
informative
rather
than
just
the
links
to
the
videos.
A
A
So,
as
I
said,
we're
going
to
be
focusing
on
facets
we're
getting
away
from
sql
for
a
little
bit
just
to
give
everybody
a
break
and
something
different
to
play
with
you're
going
to
find
the
code
for
this
in
the
jquery
library.
If
you
go
to
the
wiki.com
community.org
wiki
jquery,
underscore
library
we're
going
to
search
for.
A
Search
facets:
it
has
been
a
long
day,
enhanced
search
facets.
I
have
this
in
the
jquery
library
I
have
it
for
both
the
staff
side
and
the
opec.
So
there's
going
to
be
two
different
listings
in
here,
but
you'll
find
the
code
for
this,
and
I
just
tested
this
on
the
demo
site
and
just
pasted
it
right
in
there
and
it
works
right
out
of
the
box.
A
A
So
I've
pasted
this
both
into
the
internet.
User.Js
I've
put
the
staff
code
there
and
then
I
have
a
slightly
modified
version
of
it.
That
goes
into
the
o
pack
and,
like
I
said,
you'll
find
those
both
on
the
wiki
so
just
pasted
those
in
there
saved
them,
and
this
is
what
it's
going
to
end
up.
Looking
like
when
you're
done,
you're
going
to
have
a
nice
neat
facet
over
a
facet
group
over
on
the
left.
A
A
Out
of
the
box,
when
you
choose
a
facet,
I'm
clicking
here
on
a
production
server
that
can
take
a
look
a
little
bit
longer
and
you
wonder
if,
when
you
click
something
did
it
work
and
then,
when
you
have
the
facet
enabled
it
isn't
very
clear
as
to
the
fact
that
a
facet
is
enabled
on
here,
it
doesn't
stand
out
very
well.
The
only
thing
that
you
have
is
this
little
x
at
the
end
here
little
teeny,
tiny
x
and
it
blends
in
with
the
text.
A
A
And
I'm
going
to,
let
me
just
submit
the
search
again
so
start
fresh.
So
now,
if
I
go
in
here,
it'll
expand
the
section
that
I
want.
I
have
check
boxes.
If
I
select
something
I
get
a
little
spinner
telling
me,
it's
actually
doing
something,
and
then
I
have
a
check
box.
That
shows
me
what
is
actually
active
for
facets
and
I
can
also
you
know
check
what
I
want.
I
can
check
it.
Uncheck
it
works.
Really.
Nice
works
really
smooth
and
I
have
the
same
thing
over
on
the
the
opaque
side.
A
Although
I'm
going
to
go
back
and
review
the
the
jquery,
because
you
know
versions
of
cohort
change,
and
one
thing
that
I'm
noticing
in
this
is
that
the
the
carrots
that
are
next
to
the
titles
are
not
showing
in
the
opaque
side.
So
that's
something
that
I'll
go
back
and
try
and
fix
in
the
the
library.
A
So
let
me
just
go
over
a
few
key
elements
with
these
changes.
You'll
also
notice
that
I
I
have
on
here.
The
availability
facet
is
missing
in
the
when
I,
when
I
created
this
at
the
time
we
were
in
1911
and
and
1911
the
that
particular
facet
did
not
didn't
work
right,
yeah.
We
were
getting
really
hit
and
miss
results
with
that
that
facet,
it
wasn't
really
yeah.
B
So
if
one
item
was
available,
if
one
item
was
not
available,
it
wouldn't
show
any
items.
That's
all
it
took.
Was
one
unavailable
item
to
to
hide
all
of
it.
You
know
you
couldn't
have
a
you
can
have
an
item
where
you
couldn't
use
the
facets.
If
one
of
the
items
was
unavailable,
even
if
it
was
like
something
like
jimmy
b
jones,
where
there's
one
copy
checked
out
and
50
others
checked
in
it
would
show
them
they
would
all
disappear
when
you
use
the
availability,
yeah.
A
Exactly
so,
we
have
that
I
have
that
in
the
the
code,
disabled
libraries
that
use
this
code,
if
you
want
to
re-enable
that
all
you
have
to
do,
is
remove
that
last
line
or
remark
it
out
and
test
it
and
see.
If,
if
it's
working,
as
I
said,
this
was
1911
6
that
I
had
disabled
it
so
we're
in
2005
right
now
and
I've
turned
it
back
on
on
our
library
just
so
we
can
play
with
it
and
see
how
it's
working
these
days.
A
So
I
had
to
I'm
not
going
to
go
over
every
single
aspect
of
this.
I'm
going
to
go
over
some
key
components
in
this.
Just
simply
because
you
know
I,
I
don't
remember
every
single
piece
that
I
did,
but
I
had
to
move
some
things
around
and
I
had
to
add
some
labeling
in
order
for
me
to
get
the
basic
structure
in
order
to
to
collapse
things
as
I
needed.
There's
some
there's
some
cleanup
in
here.
A
A
A
This
is
where
we're
starting
to
look
at
each
of
those
facets
and
change
some
of
the
the
information
that's
in
there.
I'm
adding
looks
like
we're
turning
more
h5
header
wrappers
in
here,
but
down
below
this.
This
is
where
we're
starting
to
add
the
the
elements,
so
I'm
wrapping
a
switch,
so
it
is
reactive,
so
this
is
what's
going
to
expand
and
contract
those
those
different
categories
right
and
then
the
next
line
adds
the
carrot.
B
B
A
B
A
B
Limit
the
number
of
facets
to,
I
think
it's
like
five
or
six
yeah.
So
if
you've
got
10
facets
on,
if
you've
got
10
different
likes,
let's
say
topics
which
are
the
subject
headings
it'll
it'll
only
show
the
first
like
five
and
then
it'll
show
a
show
more
and
so
you're
just
getting
it.
So
that's
since
they're
already
collapsed.
Why
bother
to
hide
those
last
ones
right
exactly.
A
B
It's
a
system
that
comes
with
everything
yeah,
it's
a
system,
preference
that
you
tell
coha
how
many,
how
many
results
to
build
the
facets
off
of.
I
don't
remember
the
name
of
the
system,
preference,
but
you
can
tell
it
you
you
know.
If
the
default
first
page
is
20
items
you
can
say
just
build
it
off
the
first
20.
right
so.
A
You
know
showing
showing
all
of
those
facets
in
that
category
doesn't
necessarily
mean
it's
going
to
give
you
all
facets
that
exist.
It's
giving
you
all,
it's
showing
you
all
the
facets
that
it's
returning
from
based
off
of,
however
many
pages
or
results
that
you
that
you're
you've
got
that
setting
set
to
so
it's
just
not
we're
no
longer
giving
you
a
smattering
of
facet
results
based
off
of
you
know,
however,
many
that
you've
chosen
to
show
it's
going
to
show
all
of
those
in
that
in
that.
A
Looking
for
the
switch
for
this,
and
it
is
adding
the
carrots
it's
so
it's
going
to
change
the
carrots
next
to
the
category,
so
you'll
notice
that
if
I
contract
it
points
to
the
right,
if
I
expand
it
points
down,
so
that's
what
that
this
section
is
doing.
Is
it's
changing
it
based
on
you
know
it's
looking
at
you
know
what
is
the
care
currently
at
and
it's
going
to
change
it
when
you,
when
you
change
the
viewability
of
that
particular
category.
A
A
A
Here's
our
trigger
for
triggering
those
check
boxes
when
you,
when
you
check
on
a
check
box,
you'll
notice
that
it
doesn't
just
put
a
check
mark
in
there.
Koha
has
to
think
about
this
and
re
research
based
on
what
you're
checking,
and
so
it
does
a
little
spinner
here,
and
this
is
font
awesome
as
well.
A
So
it
does.
You
know,
while
it's
while
it's
searching
until
that,
that
page
is
reloaded
that
spinner
is
set
into
motion.
So
I
use
a
font.
Awesome
called
fa
spin,
but
you
can
or
excuse
me
f.
A
spinner
is
the
name
of
the
actual
font
that's
being
used,
but
one
thing
that
I
had
learned
in
this
process
was
that
you
can
actually
tell
font
awesome
to
spin
that
icon
cool.
So
you
can.
I
think
you
can
do
this
with
practically
any
icon.
It
doesn't
have
to
be
necessarily
a
spinner
icon.
B
A
A
Let's
see
here
and
then
this
just
changes
a
class.
This
changes
the
class
from
the
square
to
the
the
spinner
or
the
from
the
a
checked
square
to
the
spinner.
So
I've
got
that
for
each
so,
depending
on.
If
it's
an
empty
check
box
or
if
it's
a
check
check
box,
it
will
change
the
spinner
it'll
automatically
reset
itself
to
whatever
it's
supposed
to
set.
Once
the
page
has
refreshed.
A
So
that's
pretty
much
it
for,
for
that.
The
opac
side
is
pretty
much
identical,
as
I
pointed
out,
there's
one
little
thing:
glitch,
I'm
seeing
it
and
that's
the
the
carrots
that
are
not
showing
up,
and
hopefully
we
we
post
this
I'll,
have
that
fixed
in
the
library
I'll
figure
out
why
those
carrots
aren't
showing.
A
A
A
I
think
I
think
one
of
the
aspects
of
this
too
is
when
you
do
when
you
do
check
something
it's
going
to
go
through
and
unless
you
know
that
it's
working
it
looks
and
it
it
tells
you
it
keeps
the
the
section
expanded
that
has
something
checked
in
it.
So
in
there
somewhere
I
have.
I
have
it
making
sure
that
if,
if
something
is
selected,
it's
going
to
keep
that
open.
So
you
can
see
that
you
have
something
selected,
so
it
won't
just
keep
it
compact
and
you
have
to
go.