Skip to content
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

Update submission portal landing page to emphasize the need to login before submitting #1187

Open
eecavanna opened this issue Mar 15, 2024 · 3 comments · May be fixed by #1188
Open

Update submission portal landing page to emphasize the need to login before submitting #1187

eecavanna opened this issue Mar 15, 2024 · 3 comments · May be fixed by #1188
Assignees

Comments

@eecavanna
Copy link
Collaborator

eecavanna commented Mar 15, 2024

This issue represents the task of addressing the feedback @shreddd posted at #1144 (comment).

The gist of the task is (in my own words): Update the submission portal landing page that is displayed to logged-out users, in a way that makes it more likely that they understand that they won't be able to create a submission unless they login first.

Here is what the (top part of the) page looks like today:

image
@eecavanna
Copy link
Collaborator Author

One thing I've noted while working on this is that the original prompt said:

Login [...] to access the Submission Portal.

Since the page header already says "Submission Portal," visitors might not know what the benefit is of logging in.

That is as opposed to the prompt saying, for example:

Login [...] to submit data.

Here's what the latter looks like in place:

image

@eecavanna
Copy link
Collaborator Author

eecavanna commented Mar 15, 2024

Here's what the latter looks like in place, with a heading above it and with more margin above the gray box.

image
See code (diff) used to achieve this
diff --git a/web/src/views/SubmissionPortal/Components/LoginPrompt.vue b/web/src/views/SubmissionPortal/Components/LoginPrompt.vue
index 50a5d85..68ebe6f 100644
--- a/web/src/views/SubmissionPortal/Components/LoginPrompt.vue
+++ b/web/src/views/SubmissionPortal/Components/LoginPrompt.vue
@@ -12,15 +12,17 @@ export default defineComponent({
 
 <template>
   <v-alert
-    class="mb-0"
+    class="mt-6 mb-0"
     text
   >
     <v-container>
       <v-row align="center">
         <v-col class="justify-content-center">
+          <h3 class="text-h6 font-weight-bold mb-3">
+            Login to submit data
+          </h3>
           <p class="body-1">
-            Login with your ORCID iD
-            to access the Submission Portal.
+            Login with your ORCID iD to submit data.
           </p>
           <p class="body-2 mb-0">
             Don't have an ORCID iD? Individuals can

@eecavanna eecavanna linked a pull request Mar 15, 2024 that will close this issue
@ssarrafan
Copy link

checked with @eecavanna and moving to next sprint

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants