GitLab

See #3127.

Follows b01398e5. The color for patient was not so neutral.

It was a bit short for uploaded files.
Moreover we use the ellipsis for the network files
(it doesn't work for uploaded files).

It should be better to have the add buttons before the form rather than after.
When they are after they move each time a row is added. Therefore if one knows
that s⋅he needs 10 samples, s⋅he couldn't click 10 times quickly on the link,
s⋅he had to click, wait for the new row to appear, adjust the mouse position,
click, and so on…

Prevents the form from expanding if the filename is too long.

makes it clearer that the user can click a button to select a file from
jstree

instead of having an instance of jstree for each file form, we can share
the instance in a popup window.

This is a step towards #2208

See #3044

introduces the modal css class to allows the use of modal windows
outside the context of info and data containers.

instead of just plain width, so our form elements can expand.

it doesn't look very good.

less vertical space, more inline things.

See #3046

add height to token_input and form_control classes.

Allows for our forms to look more uniform.

rather than displaying 'generic'

float was actually causing it to behave in an unexpected manner.
and remove duplicate clear rule.

set autocompletion displays actual tokens that will be inserted

It served a purpose but caused some strange visual effect.

Changes to the forms (namely due to the multi upload changes)
caused the pointer cursor to break on the close icon (css class no
longer exists).

This restores the cursor and alters the styling slightly when not
encased in a .set_token

For clarity purposes we don't want the users to have to trigger the
mouseover event in order to display the jstree file selector. So using
the onload event is much better in that respect. Howver given the way
these DOM elements are loaded, that event is not triggered by the
browser. Therefore we need to trigger it ourselves.

For this we need to target the specific DOM node we want the event to be
triggered on since the 'load' event does not bubble, so triggering it on
for instance the div with id "db_content" does not work for us.

some ids became classes and the want to save space so these changes
should help with aesthetics and space economy

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