Added hotkeys to change labels

[bsekachev]

Motivation and context

Resolved #2990
Resolved #2317

From design

Task: Hotkeys for labels.
Solution: Add key selector button to labels panel in the left sidebar. Clicking on the button will open popover with number selection for 0-9. Unpresented labels will be covered with opacity. [Num key + some modifier key] handler will be added to the standard workspace.

I suppose it should change a label of activated object or change a label to create the next object if no any objects activated

HOW TO USE?

Activate (or deactivate if need to change default label) object and press Ctrl+Num (0...9)
Default binding can be changed like shown on the screenshot below

How has this been tested?

Manual testing

Checklist

• I submit my changes into the develop branch
• I have added description of my changes into CHANGELOG file
• I have updated the documentation accordingly
• I have added tests to cover my changes
• I have linked related issues (read github docs)
• I have increased versions of npm packages if it is necessary (cvat-canvas,
  cvat-core, cvat-data and cvat-ui)

License

• I submit my code changes under the same MIT License that covers the project.
  Feel free to contact the maintainers if that's a concern.
• I have updated the license header for each file (see an example below)

# Copyright (C) 2021 Intel Corporation
#
# SPDX-License-Identifier: MIT

[coveralls]

Coverage increased (+0.05%) to 74.175% when pulling 1d54500 on dk/label-hotkeys into d2a1d12 on develop.

[bsekachev]

Hi @dvkruchinin
We need tests to cover these changes. Three test cases are expected:

1. Change label for an activated object
2. Change default label (label before creating N)
3. Change shortcut for a label and then one of two previous items

[dvkruchinin]

Hi @bsekachev

We need tests to cover these changes. Three test cases are expected:

1. Change label for an activated object
2. Change default label (label before creating N)
3. Change shortcut for a label and then one of two previous items

A test will be prepared.

[nstolyarov]

@bsekachev hello!
Thank you for this feature. It works well, but I've found some bug with label name visualization. When you change label either with hotkeys or with gui tool, the label's color changes properly, but its name becomes unchanged. It changes only when you reload image.

I am using the following version: [develop] Some client code refactoring ( #3077 )

[bsekachev]

Hi @nstolyarov

Just tried it again and it worked for me:

I use the same commit. Could you please provide more details?
Do you have any errors on the browser console?

[nstolyarov]

Hi @bsekachev , I've found the reason of this.

It happens if I have Always show object details flag enabled in the settings. It works fine if flag is disabled.

[bsekachev]

@nstolyarov

Got it, thanks. It will be fixed.

[bsekachev]

@nstolyarov

Fixed by #3084

[baroly2020]

Hi @bsekachev, My Cvat is not show hotkeys in tab labels, How to added hotheys to change labels? I tried downloaded your code and replace folder cvat on my pc but it still doesn't show up, I'm not developer so I don't know what to do. I am sorry to trouble you. Thank u so much.

[bsekachev]

Hi @baroly2020
Need to perform almost the same steps as for initial installation.

First of all update the code:

git checkout develop
git pull origin develop

or redownload .zip, extract and replace all the files if you do not use git.

Then rebuild the images and restart the containers. By default this command would be:
docker-compose -f docker-compose.yml -f docker-compose.dev.yml up -d --build

[ronzhin-dmitry]

Is it possible to use this hotkey feature in Attribute annotation mode? Or some sort of fast label-change in the mentioned mode, except for up and down arrows (i.e. if the list of classes is too long they are not very useful)?

Also, is it possible to quickly delete annotation from attribute annotation mode (by pressing delete for example)?