Giter VIP home page Giter VIP logo

rui-fe's People

Contributors

tobiasuhmann avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Forkers

kantholtz

rui-fe's Issues

Quickfix docker-compose

When starting RUI via docker-compose, API calls don't work because the backend container is only reachable from within the Docker network.

As a quickfix, publish the backend container's port 5000.

Expand/collapse nodes on +/- and select on click

Currently, clicking an item in the taxonomy selects it and toggles its expansion status, i.e. expands it if collapsed and vice versa.

image

Instead, clicking the item should only select it, while clicking the +/- icon on its left should expand/collapse it. To facilitate clicking the icon, its size should be increased.

Show all predicted nodes in taxonomy

On the predictions page, the current node (specified in the URL) is highlighted in the taxonomy:

image

In addition, the taxonomy should also highlight nodes that are part of other predictions. The highlighting should be different. Note: This might require showing further root nodes and updating the highlighting when the predictions page is switched.

Breadcrumbs

The user should be aware where he is within the application. On the upload and taxonomy pages, the respective headers are bold. On the predictions page, this is not the case:

image

Add breadcrumbs that show the current location within the app and allow navigating "upwards" intuitively.

Loading Layer over Main Content - Not Header/Footer

Currently, the loading indicator layer covers the whole page:

image

Instead, the loading indicator should only cover the main content.

Also, check that handling page switches while loading something is handled correctly when navigating via the then active header. (This is already possible by changing the URL while loading).

Test Docker in Pipeline

Currently, the Docker image is built in the pipeline. In addition, it should be tested whether it can be deployed.

Sort prediction by score

Currently, the backend returns the paged predictions in the order they were inserted:

image

Instead, the most promising predictions should be shown at the top. Therefore, a score shall be calculated for each prediction as follows:

  1. The top normalized synonym and child scores should be averaged. If no synonym or child prediction is available, only the normalized child or synonym score is taken, respectively.
  2. If multiple entries have the same total normalized score, the non-normalized score (calculated the same way as the normalized score) is taken.

The total normalized and non-normalized scores shall be displayed in the to-be-created header of the prediction cards. The scores shall be calculated in the backend to keep pagination possible.

Fix pipeline

The rui-fe pipeline is broken. Unit and e2e do not pass on main. Also, the Docker deployment tests do not pass.

Annotating: Select tokens -> Update mention (after editing)

On the predictions page, when selecting tokens for a prediction, the proposed mention updates respectively. However, after editing the proposed mention manually, the mention is not updated anymore. This was intended but should be changed. The proposed mention should always update to match the selected tokens when the token selection changes.

image
Example: Selecting "mollis" after editing the proposed mention

Loading Indicator

Currently, there is no direct feedback when triggering an action like adding an entity. This easily leads to the user performing the action multiple times.

Therefore, a loading indicator should be implemented that blocks further UI interaction and tells the user what he is currently waiting for. The loading indicator should only appear if the action takes longer than 100ms.

Highlight clickable taxonomy and tokens on hover

The user should immediately recognize elements he can interact with, such as items in the taxonomy as well as clickable tokens on the predictions page. Currently, the cursor changes to a pointer when hovering over those elements:

In addition, the respective element should be highlighted by changing its color. Also, fix the behavior for non-clickable taxonomy items - the cursor should not change for those.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.