-
+
@@ -1196,13 +1191,13 @@ export default defineComponent({
if (this.draftDialogStepper.currentStep?.id === FixedDialogStep.PROJECT) { // Project
extendedExplanations.set(count.toString(), {
number: count,
- message: "Please provide the general project information to proceed."
+ message: "Please provide information about your project"
});
count++;
} else if (this.draftDialogStepper.currentStep?.id === FixedDialogStep.SERVICES) { // Services
extendedExplanations.set(count.toString(), {
number: count,
- message: "Please select one of the predefined configurations for the project. If none of the options meet your requirements, choose 'CUSTOM' to create a custom configuration."
+ message: "Please provide information on the resources you are requesting."
});
count++;
} else if (this.draftDialogStepper.currentStep?.id === FixedDialogStep.QUERY && !this.project?.query) { // Query
@@ -1364,6 +1359,7 @@ export default defineComponent({
fieldKey: "Title",
fieldValue: this.project?.label ? [this.project.label] : [],
editProjectParam: [EditProjectParam.LABEL],
+ fieldDescription: "Please provide a title for your project.",
isEditable: true,
editMode: this.editMode,
mandatory: true,
@@ -1374,6 +1370,7 @@ export default defineComponent({
fieldKey: "Description",
fieldValue: this.project?.description ? [this.project.description] : [],
editProjectParam: [EditProjectParam.DESCRIPTION],
+ fieldDescription: "Briefly describe your project in a few words. What is the objective or aim of your project?",
isEditable: true,
editMode: this.editMode,
mandatory: true,
@@ -1446,6 +1443,7 @@ export default defineComponent({
},
{
fieldKey: "Cohort Definition",
+ fieldDescription: "Please briefly list the parameters that determine your requested cohort",
fieldValue: this.project?.cohortDefinition ? [this.project.cohortDefinition] : [],
editProjectParam: [EditProjectParam.COHORT_DEFINITION],
isEditable: true,
@@ -1937,7 +1935,7 @@ export default defineComponent({
.stepper-line2 {
width: 2px;
- height: 60px;
+ height: 70px;
background-color: #9e9e9e;
align-items: flex-start;
margin: 10px 0 10px 14px;
@@ -1962,7 +1960,7 @@ export default defineComponent({
.stepper-step-header {
color: #00489cf2;
- font-size: large;
+ font-size: x-large;
}
.step-circle {
@@ -2147,11 +2145,11 @@ export default defineComponent({
width: 90%;
margin: 2rem 1rem 1rem 1rem;
padding: 1rem 3rem;
- background-image: linear-gradient(to right, #eeddcb, #aed0e6);
+ background-color: #f1f1f1;
}
.project-field-title {
- font-size: larger;
+ font-size: x-large;
font-weight: bold;
color: rgb(0, 72, 156);
}
@@ -2194,4 +2192,11 @@ export default defineComponent({
margin: 1rem 4rem 1rem 0;
background-image: linear-gradient(to right, transparent, rgb(180, 180, 180), transparent);
}
+.clickable {
+ cursor: pointer;
+ color: rgb(51,142,195);
+}
+.clickable:hover {
+ text-decoration: underline;
+}
diff --git a/src/services/fixedDialogStep.ts b/src/services/fixedDialogStep.ts
index ae7b227..ce6ad40 100644
--- a/src/services/fixedDialogStep.ts
+++ b/src/services/fixedDialogStep.ts
@@ -16,29 +16,29 @@ export interface DialogStep {
export const FixedDialogSteps: readonly DialogStep[] = [
{
- id: FixedDialogStep.SERVICES,
- displayName: "Services",
- description: "Choose which services will process the query.",
+ id: FixedDialogStep.QUERY,
+ displayName: "Query",
+ description: "Your selection criteria and query logic",
},
{
id: FixedDialogStep.PROJECT,
displayName: "Project",
- description: "Define the project’s core metadata and context.",
+ description: "Please provide information about your project",
},
{
- id: FixedDialogStep.QUERY,
- displayName: "Query",
- description: "Specify the query logic and selection criteria.",
+ id: FixedDialogStep.SERVICES,
+ displayName: "Services",
+ description: "Please provide information on the resources you are requesting",
},
{
id: FixedDialogStep.CUSTOM,
displayName: "Custom",
- description: "Configure how and where the results will be delivered.",
+ description: "Configure how and where the results will be delivered",
},
{
id: FixedDialogStep.SUMMARY,
displayName: "Summary",
- description: "Review all selections before final submission.",
+ description: "Review all selections before final submission",
},
] as const;