GitLab

ensures that the hidden attribute doesn't get overridden by another css
display rule

make the inputs look a little bit nicer with a little bit of css from
bootstrap

makes better use of space for adding multiple patients/runs/sets in a
single form.

Having a single controller and view, is better for clean code practices,
since changes to the form/controller won't require two forms and
controllers to be changed.

So when the changes for the multi-patient form come in, we'll have less
to do and a cleaner code-bade to work from.

I also took the opportunity to build the from with divs rather than a
table since we're going to need a more flexible layout when the time
comes. Also less DOM nodes.

set the cursor to a pointer when hovering the cross icon inside the
token span

See #2976

using CSS, hides the sample id string prefix and displays the full name
of the set type.

See #2981

this was css copied into our sass file. So it makes sense to make the
most of the sass syntax and nesting feature.

when highlighting a samle id string, we want it to match the colour of
the token that will be inserted.

See #2981

We are going to be using these again so we want a nice variable to make
things easier.

prevents the token div from expanding too much and allows the token
spans to wrap within the parent div.

Making it clear when it is possible to click in order to start typing a
set token

Makes it look as though the tokens are inside some kind of textarea
rather than a separate div from the input.

See #2978

in some cases there can be a lot of samples to view in the infoBox of a
clone, so we need a way of scrolling to see this information.

See #3057

Close #2116.

See #2582

Controller to be used to switch between graph and scatterplot

See #2688.

Although the jquery plugin autocomplete.js was providing the basic
functionnality we needed, it was not natively able to display the list
of suggestions in the desired position for our textareas.

At.js is capable through the use of Caret.js of displaying a suggestion
box under the caret in a textarea.

This javascript code is heavily inspired by the code present in the
gitlab-ce project and allows us to have a nicely cached data-set to
limit database queries.

Width stuff, for the inside of axisBox to be aligned

"pointer" class wasn't used, and made axis_menu css rule useless

See #2395

See #2175

See #2175

See #2348.

500px was too much. 300px is more reasonnable and won't create as much
vertical overflow.

jstree component now has a maximum height with a scrollbar to manage
overflow.
text elements of jstree now have a maximum width and an ellipsis
overflow management.

jstree is creating overflow and we need to be able to scroll if
necessary.

moving the page navigation buttons and redesigning it a litte to match
the rest of the style and make it a little more visible