✨ Frontend: S4L Light product

[odeimaiz]

S4L Light (s4llight):

• Frontend app
• Logos
• Dashboard
  • One + button only: sim4life
  • Templates -> Tutorials
  • Hide Data
• Do not show maximize/restore iframe button

What do these changes do?

Related issue/s

related to ITISFoundation/osparc-issues#740

How to test

Checklist

[codecov]

Codecov Report

Merging #3503 (e4eb958) into master (91774ae) will increase coverage by 0.2%.
The diff coverage is 100.0%.

@@            Coverage Diff            @@
##           master   #3503      +/-   ##
=========================================
+ Coverage    83.4%   83.7%    +0.2%     
=========================================
  Files         834     349     -485     
  Lines       35446   17823   -17623     
  Branches      748     133     -615     
=========================================
- Hits        29583   14919   -14664     
+ Misses       5673    2855    -2818     
+ Partials      190      49     -141     

Flag	Coverage Δ
integrationtests	67.5% <100.0%> (-0.1%)	⬇️
unittests	82.2% <100.0%> (+1.7%)	⬆️

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

Impacted Files	Coverage Δ
...eb/server/src/simcore_service_webserver/statics.py	62.5% <ø> (ø)
...er/src/simcore_service_webserver/statics_events.py	39.2% <ø> (ø)
...src/simcore_service_webserver/statics_constants.py	100.0% <100.0%> (ø)
...-v2/src/simcore_service_director_v2/cli/_client.py	0.0% <0.0%> (-100.0%)	⬇️
...v2/src/simcore_service_director_v2/cli/__init__.py	0.0% <0.0%> (-100.0%)	⬇️
...service_director_v2/cli/_close_and_save_service.py	0.0% <0.0%> (-100.0%)	⬇️
...or-v2/src/simcore_service_director_v2/cli/_core.py	0.0% <0.0%> (-87.5%)	⬇️
...ce_director_v2/modules/db/repositories/clusters.py	23.0% <0.0%> (-71.7%)	⬇️
...ervice_director_v2/api/routes/dynamic_scheduler.py	38.2% <0.0%> (-57.4%)	⬇️
...k/src/simcore_sdk/node_ports_v2/port_validation.py	47.9% <0.0%> (-48.0%)	⬇️
... and 549 more

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[pcrespov]

looks good! :-)

I still think all graphic assets should be moved outside from the repository. This way designers/artists can change those at any time without having to go through all the PR+CI+deploys ... which is currently is in the order of "days" if you want e.g. to deploy in production.

[odeimaiz]

looks good! :-)

I still think all graphic assets should be moved outside from the repository. This way designers/artists can change those at any time without having to go through all the PR+CI+deploys ... which is currently is in the order of "days" if you want e.g. to deploy in production.

Correct. But still, if the designers create a logo which is a bit wider, than the placeholder, we might need to update few numbers in the code, or if we simply want to update one text we also need to go through all the deployments mechanism...

I agree that moving all these images outside would provide more flexibility, but the branding is not just logos.

[pcrespov]

Correct. But still, if the designers create a logo which is a bit wider, than the placeholder, we might need to update few numbers in the code, or if we simply want to update one text we also need to go through all the deployments mechanism...

Just a thought: I am no expert but isn't there any technique in which you can parametrize those "style values" as well? CSS?? then we could do the same with those and the images.

[odeimaiz]

Correct. But still, if the designers create a logo which is a bit wider, than the placeholder, we might need to update few numbers in the code, or if we simply want to update one text we also need to go through all the deployments mechanism...

Just a thought: I am no expert but isn't there any technique in which you can parametrize those "style values" as well? CSS?? then we could do the same with those and the images.

This external provider could also host a css or a json file with metadata, but the frontend layouts might need to be resized or rearranged.