Study Browser cleanup

[odeimaiz]

What do these changes do?

Dashboard Cleanup

• Move main section selectors (buttons) (Dashboard, Services, Data) to top.
• Remove detail view shown when clicking on a study sheet.
• Activate study on single click
• Move section for templates to top, add new study (use “Empty Study” as label) as normal sheet to front. Use “Create New Study” as title. Move section for existing studies to bottom, use “Recent Studies” as title.
• Center studies in window. Show no more than 5 sheets in one row.

Cleanup of Study Sheets

• Move all text to either top or bottom, but not both. Make use of default fonts.
• Remove "Created by" field for user study sheets.
• Remove “Last change” field for template study sheets.
• Remove “Last change” and "Created by" in front of the actual last change time.
• Add description field for template studies with small text below title.
• Add poop-up-button on right side of title which offers basic commands such as Open, Remove, Rename, Clone, …

Bonus

• Routes to statics are always set (thanks to @pcrespov)

Related issue number

related to ITISFoundation/osparc-issues#163
related to ITISFoundation/osparc-issues#164

Checklist

• Did you change any service's API? Then make sure to bundle document and upgrade version (make openapi-specs, git commit ... and then make version-*)
• Unit tests for the changes exist
• Runs in the swarm
• Documentation reflects the changes
• New module? Add your github username to .github/CODEOWNERS

[codecov]

Codecov Report

Merging #1393 into master will increase coverage by 0.03%.
The diff coverage is 73.33%.

@@            Coverage Diff             @@
##           master    #1393      +/-   ##
==========================================
+ Coverage   70.48%   70.51%   +0.03%     
==========================================
  Files         222      222              
  Lines        8811     8818       +7     
  Branches      967      968       +1     
==========================================
+ Hits         6210     6218       +8     
+ Misses       2324     2322       -2     
- Partials      277      278       +1

Flag	Coverage Δ
#integrationtests	57.24% <20%> (+0.02%)	⬆️
#unittests	65.02% <73.33%> (+0.03%)	⬆️

Impacted Files	Coverage Δ
...eb/server/src/simcore_service_webserver/statics.py	83.01% <73.33%> (+4.75%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 4ecf8d6...72c8005. Read the comment docs.

[pcrespov]

@odeimaiz HOw can I distinguish templates from normal projects in the UI?

[odeimaiz]

@odeimaiz HOw can I distinguish templates from normal projects in the UI?

Templates are the ones in the "New Studies" section, where you can start from scratch or using a template

[pcrespov]

@odeimaiz I will have a look at the issue with the webserver

[pcrespov]

Nice cleanup!

[sanderegg]

looks pretty 👍
very nice and go for it!

[ignapas]

Awesome.
While testing I came up with some improvements, I will try to add them later on...
Only this is happening:

discussed