From ad0a35d914d36d9f1f918e93d560c4e26db769b1 Mon Sep 17 00:00:00 2001 From: Odei Maiz <33152403+odeimaiz@users.noreply.github.com> Date: Tue, 15 Oct 2024 14:21:02 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20[Frontend]=20Rebranding:=20S4L?= =?UTF-8?q?=20lite=20->=20Sim4Life.lite=20(#6524)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- services/static-webserver/client/compile.json | 2 +- .../source/class/osparc/dashboard/GridButtonNew.js | 12 ++++++++++++ .../source/class/osparc/dashboard/ListButtonNew.js | 6 ++++++ .../source/class/osparc/dashboard/NewStudies.js | 9 +-------- .../source/class/osparc/product/AboutProduct.js | 4 ++-- .../osparc/product/quickStart/s4llite/Dashboard.js | 8 ++++---- .../product/quickStart/s4llite/S4LLiteSpecs.js | 10 +++++----- .../osparc/product/quickStart/s4llite/S4LLiteUI.js | 4 ++-- .../osparc/product/quickStart/s4llite/Welcome.js | 8 ++++---- .../client/source/resource/osparc/new_studies.json | 2 +- 10 files changed, 38 insertions(+), 27 deletions(-) diff --git a/services/static-webserver/client/compile.json b/services/static-webserver/client/compile.json index 780532e3cf0..7ede67de747 100644 --- a/services/static-webserver/client/compile.json +++ b/services/static-webserver/client/compile.json @@ -56,7 +56,7 @@ "class": "osparc.Application", "theme": "osparc.theme.products.s4l.ThemeDark", "name": "s4llite", - "title": "Sim4Life Lite", + "title": "Sim4Life.lite", "include": [ "iconfont.material.Load", "iconfont.fontawesome5.Load", diff --git a/services/static-webserver/client/source/class/osparc/dashboard/GridButtonNew.js b/services/static-webserver/client/source/class/osparc/dashboard/GridButtonNew.js index 2ae24d22dd8..4a2a3577e31 100644 --- a/services/static-webserver/client/source/class/osparc/dashboard/GridButtonNew.js +++ b/services/static-webserver/client/source/class/osparc/dashboard/GridButtonNew.js @@ -37,6 +37,12 @@ qx.Class.define("osparc.dashboard.GridButtonNew", { }); if (title) { + title = osparc.utils.Utils.replaceTokens( + title, + "replace_me_product_name", + osparc.store.StaticInfo.getInstance().getDisplayName() + ); + const titleLabel = this.getChildControl("title"); titleLabel.set({ value: title, @@ -45,6 +51,12 @@ qx.Class.define("osparc.dashboard.GridButtonNew", { } if (description) { + description = osparc.utils.Utils.replaceTokens( + description, + "replace_me_product_name", + osparc.store.StaticInfo.getInstance().getDisplayName() + ); + const descLabel = this.getChildControl("subtitle-text"); descLabel.setValue(description.toString()); } diff --git a/services/static-webserver/client/source/class/osparc/dashboard/ListButtonNew.js b/services/static-webserver/client/source/class/osparc/dashboard/ListButtonNew.js index b979981a5a2..d9bb0679f46 100644 --- a/services/static-webserver/client/source/class/osparc/dashboard/ListButtonNew.js +++ b/services/static-webserver/client/source/class/osparc/dashboard/ListButtonNew.js @@ -34,6 +34,12 @@ qx.Class.define("osparc.dashboard.ListButtonNew", { }); if (title) { + title = osparc.utils.Utils.replaceTokens( + title, + "replace_me_product_name", + osparc.store.StaticInfo.getInstance().getDisplayName() + ); + const titleLabel = this.getChildControl("title"); titleLabel.set({ value: title, diff --git a/services/static-webserver/client/source/class/osparc/dashboard/NewStudies.js b/services/static-webserver/client/source/class/osparc/dashboard/NewStudies.js index a129fefe8db..7c01ff5c74d 100644 --- a/services/static-webserver/client/source/class/osparc/dashboard/NewStudies.js +++ b/services/static-webserver/client/source/class/osparc/dashboard/NewStudies.js @@ -167,14 +167,7 @@ qx.Class.define("osparc.dashboard.NewStudies", { const newStudyClicked = () => this.fireDataEvent("newStudyClicked", templateInfo); const title = templateInfo.title; - let desc = templateInfo.description; - if (desc) { - desc = osparc.utils.Utils.replaceTokens( - desc, - "replace_me_product_name", - osparc.store.StaticInfo.getInstance().getDisplayName() - ); - } + const desc = templateInfo.description; const newPlanButton = new osparc.dashboard.GridButtonNew(title, desc); newPlanButton.setCardKey(templateInfo.idToWidget); osparc.utils.Utils.setIdToWidget(newPlanButton, templateInfo.idToWidget); diff --git a/services/static-webserver/client/source/class/osparc/product/AboutProduct.js b/services/static-webserver/client/source/class/osparc/product/AboutProduct.js index a7300e09031..97e18eeadfd 100644 --- a/services/static-webserver/client/source/class/osparc/product/AboutProduct.js +++ b/services/static-webserver/client/source/class/osparc/product/AboutProduct.js @@ -108,14 +108,14 @@ qx.Class.define("osparc.product.AboutProduct", { __buildS4LLiteLayout: function() { // https://zurichmedtech.github.io/s4l-lite-manual/#/docs/what_is_s4l_lite - const introText = "S4Llite is a powerful web-based simulation platform that allows you to model and analyze real-world phenomena and to design complex technical devices in a validated environment. With its intuitive interface and advanced tools, S4Llite makes it easy to develop your simulation project, wherever you are."; + const introText = "Sim4Life.lite is a powerful web-based simulation platform that allows you to model and analyze real-world phenomena and to design complex technical devices in a validated environment. With its intuitive interface and advanced tools, Sim4Life.lite makes it easy to develop your simulation project, wherever you are."; const licenseUrl = "https://zurichmedtech.github.io/s4l-lite-manual/#/docs/licensing/copyright_Sim4Life"; const licenseText = `Click ${osparc.utils.Utils.createHTMLLink("here", licenseUrl)} to read the license agreements.`; // more info ZMT website const moreInfoUrl = "https://zmt.swiss/"; - const moreInfoText = `For more information about S4Llite, visit ${osparc.utils.Utils.createHTMLLink("our website", moreInfoUrl)}.`; + const moreInfoText = `For more information about Sim4Life.lite, visit ${osparc.utils.Utils.createHTMLLink("our website", moreInfoUrl)}.`; [ introText, diff --git a/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/Dashboard.js b/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/Dashboard.js index 6075367284e..8b6e54d7bb2 100644 --- a/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/Dashboard.js +++ b/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/Dashboard.js @@ -40,7 +40,7 @@ qx.Class.define("osparc.product.quickStart.s4llite.Dashboard", { this._add(dashboardProjects); const newProjectText = this.tr("\ - 1) Start S4Llite: Click the + Start S4Llite button to create a new project. This will start the user interface of S4Llite.\ + 1) Start Sim4Life.lite: Click the + Start Sim4Life.lite button to create a new project. This will start the user interface of Sim4Life.lite.\ "); const newProject = osparc.product.quickStart.Utils.createLabel(newProjectText); this._add(newProject); @@ -53,7 +53,7 @@ qx.Class.define("osparc.product.quickStart.s4llite.Dashboard", { this._add(otherProjects); const otherProjects2Text = this.tr("\ - 3) TUTORIALS: A set of pre-built read-only tutorial projects with results is available to all S4Llite users. When a tutorial is selected, a \ + 3) TUTORIALS: A set of pre-built read-only tutorial projects with results is available to all Sim4Life.lite users. When a tutorial is selected, a \ copy is automatically created and added to the user’s Projects tab. This new copy is editable and can be shared.\ "); const otherProjects2 = osparc.product.quickStart.Utils.createLabel(otherProjects2Text); @@ -68,8 +68,8 @@ qx.Class.define("osparc.product.quickStart.s4llite.Dashboard", { this._add(dashboardTutorials); const importProjectsText = this.tr("\ - 4) To open an existing desktop project in S4Llite: \ - - Click the + Start S4Llite button to create a new project.
\ + 4) To open an existing desktop project in Sim4Life.lite: \ + - Click the + Start Sim4Life.lite button to create a new project.
\ - Click the menu and select “File Browser…”.
\ - Click “Upload File” for the .smash project and select the file from your desktop. Repeat the same step, but this \ time select “Upload Folder” and then select the result folder from your desktop. Close the window
\ diff --git a/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/S4LLiteSpecs.js b/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/S4LLiteSpecs.js index 4b605b8c694..fcdd411c10b 100644 --- a/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/S4LLiteSpecs.js +++ b/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/S4LLiteSpecs.js @@ -19,23 +19,23 @@ qx.Class.define("osparc.product.quickStart.s4llite.S4LLiteSpecs", { extend: osparc.product.quickStart.SlideBase, construct: function() { - const title = this.tr("S4Llite: Features and Limitations"); + const title = this.tr("Sim4Life.lite: Features and Limitations"); this.base(arguments, title); }, members: { _populateCard: function() { const introText = this.tr("\ - S4Llite is a powerful web-based simulation platform that allows you to model and analyze real-world phenomena and to \ - design complex technical devices in a validated environment. S4Llite has been created specifically for students to \ + Sim4Life.lite is a powerful web-based simulation platform that allows you to model and analyze real-world phenomena and to \ + design complex technical devices in a validated environment. Sim4Life.lite has been created specifically for students to \ facilitate their understanding of computational modeling and simulations for various topics, ranging from wireless communication \ - to medical applications. The access to S4Llite is available free of charge to students enrolled at registered universities.\ + to medical applications. The access to Sim4Life.lite is available free of charge to students enrolled at registered universities.\ "); const intro = osparc.product.quickStart.Utils.createLabel(introText); this._add(intro); const featuresText = this.tr("\ - S4Llite offers
\ + Sim4Life.lite offers
\ - Framework (GUI, Modeling, Postprocessing)
\ - 3D modeling environment (based on the ACIS toolkit) and CAD translators
\ - Postprocessing and visualization of the simulation results (2D and 3D viewers, 2D planar slice, volume rendering, streamlines, surface fields on arbitrary 3D structures, radiation and far-field data)
\ diff --git a/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/S4LLiteUI.js b/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/S4LLiteUI.js index 59c2d0c81e7..09e29fc108a 100644 --- a/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/S4LLiteUI.js +++ b/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/S4LLiteUI.js @@ -19,14 +19,14 @@ qx.Class.define("osparc.product.quickStart.s4llite.S4LLiteUI", { extend: osparc.product.quickStart.SlideBase, construct: function() { - const title = this.tr("S4Llite"); + const title = this.tr("Sim4Life.lite"); this.base(arguments, title); }, members: { _populateCard: function() { const introText = this.tr("\ - To check the S4Llite manual, please open a project and access the documentation via Help in the menu as shown below. Enjoy!\ + To check the Sim4Life.lite manual, please open a project and access the documentation via Help in the menu as shown below. Enjoy!\ "); const intro = osparc.product.quickStart.Utils.createLabel(introText); this._add(intro); diff --git a/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/Welcome.js b/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/Welcome.js index b6816398a2b..77e187a1d8c 100644 --- a/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/Welcome.js +++ b/services/static-webserver/client/source/class/osparc/product/quickStart/s4llite/Welcome.js @@ -30,13 +30,13 @@ qx.Class.define("osparc.product.quickStart.s4llite.Welcome", { this._add(welcome); const introText = this.tr("\ - This quick user’s guide gives a short introduction to S4Llite. We will show:
\ + This quick user’s guide gives a short introduction to Sim4Life.lite. We will show:
\ - how to get started with a new project,
\ - how to get started from an existing tutorial project
\ - - how to open Sim4Life lite desktop simulation projects in S4Llite,
\ - - S4Llite features, limitations and user interface
\ + - how to open Sim4Life desktop simulation projects in Sim4Life.lite,
\ + - Sim4Life.lite features, limitations and user interface
\
\ - For more specific technical information, please refer to the Dashboard Manual and the S4Llite Manual.\ + For more specific technical information, please refer to the Dashboard Manual and the Sim4Life.lite Manual.\ "); const intro = osparc.product.quickStart.Utils.createLabel(introText); this._add(intro); diff --git a/services/static-webserver/client/source/resource/osparc/new_studies.json b/services/static-webserver/client/source/resource/osparc/new_studies.json index bd56ab64a2a..cac8acd2f8f 100644 --- a/services/static-webserver/client/source/resource/osparc/new_studies.json +++ b/services/static-webserver/client/source/resource/osparc/new_studies.json @@ -140,7 +140,7 @@ "linkedResource": "services", "resources": [{ "expectedKey": "simcore/services/dynamic/sim4life-lite", - "title": "Start S4Llite", + "title": "Start ${replace_me_product_name}", "description": "New project", "newStudyLabel": "New project", "idToWidget": "startS4LButton"