Skip to content

Toolbar with Breadcrumbs, improved Start/Stop and more #2098

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 35 commits into from
Jan 25, 2021

Conversation

odeimaiz
Copy link
Member

@odeimaiz odeimaiz commented Jan 20, 2021

What do these changes do?

  • New toolbar in both modes (workbench and guided mode). Contains:
    • Breadcrumb
    • Node Status icon in breadcrumb + tooltip (only guided)
    • Prev/Next buttons (only guided)
    • Run/Stop buttons
      • Different options for Run Button
        • "Run"
        • "Run Node(s)" + "Run All"

Bonus

  • Quality can be viewed/updated by clicking the stars on card
  • SVG layer initialization improved

New toolbar:
toolbar

Stop/Run (workbench):
runStop

Stop/Run (guided):
runStop2

Quality by clicking the stars on card:
quality

Related issue/s

related to ITISFoundation/osparc-issues#327

How to test

Checklist

@odeimaiz odeimaiz added the a:frontend issue affecting the front-end (area group) label Jan 20, 2021
@odeimaiz odeimaiz added this to the Chronos milestone Jan 20, 2021
@odeimaiz odeimaiz self-assigned this Jan 20, 2021
@codecov
Copy link

codecov bot commented Jan 20, 2021

Codecov Report

Merging #2098 (54d2e34) into master (ebae9d0) will decrease coverage by 0.0%.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff            @@
##           master   #2098     +/-   ##
========================================
- Coverage    73.5%   73.5%   -0.1%     
========================================
  Files         452     452             
  Lines       16704   16704             
  Branches     1661    1661             
========================================
- Hits        12282   12280      -2     
- Misses       3969    3971      +2     
  Partials      453     453             
Flag Coverage Δ
integrationtests 65.2% <ø> (ø)
unittests 67.0% <ø> (-0.1%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files Coverage Δ
...erver/src/simcore_service_webserver/director_v2.py 86.4% <0.0%> (-2.6%) ⬇️
.../director/src/simcore_service_director/producer.py 60.6% <0.0%> (-0.5%) ⬇️
...webserver/computation_comp_tasks_listening_task.py 90.9% <0.0%> (+3.4%) ⬆️

@odeimaiz odeimaiz marked this pull request as ready for review January 22, 2021 18:55
@odeimaiz odeimaiz changed the title WIP: Guided Mode: Nodes with state Toolbar with Breadcrumb and more Jan 22, 2021
@odeimaiz odeimaiz changed the title Toolbar with Breadcrumb and more Toolbar with Breadcrumbs, improved Start/Stop and more Jan 24, 2021
Copy link
Contributor

@KZzizzle KZzizzle left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

go go go! (NICE)

Copy link
Member

@pcrespov pcrespov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Every iteration looks better and better
I enjoy a lot seeing how much data is getting displayed and arranged in the UI
well done

PS: i cannot really help by giving meaningful feedback with the code and leave that for more capable reviewers

for (let nodeId in slideShow) {
const node = slideShow[nodeId];
nodes.push({
...node,
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what are those ..., for?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

});
}
nodes.sort((a, b) => (a.position > b.position) ? 1 : -1);
const nodeIds = [];
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

strange language that defines a const can change it :-) I guess const prevent assignment but not chancing the content of the container. ... still strange :-)

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It is a const in the sense that can't be reassigned, but it is mutable:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const

Copy link
Member

@sanderegg sanderegg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

pretty nice!!

@odeimaiz odeimaiz merged commit ba60b12 into ITISFoundation:master Jan 25, 2021
@odeimaiz odeimaiz deleted the feature/guided-mode-bcWstate branch February 24, 2021 16:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a:frontend issue affecting the front-end (area group)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants