Uploaded image for project: 'PUBLIC - OAuth2'
  1. PUBLIC - OAuth2
  2. OAUTH2-163

Apply Felipe's styling review

    Details

    • Type: Task
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: None
    • Labels:
      None

      Description

       

      OAuth 2

      Implementation Design Review

       

      1. Administration Page

       

      1. The page title should be "OAuth Administration" instead of "OAuth2 Administration";
      2. Remove the "OAuth2 Application" tab. That is something that was already asked by the Lexicon team. We should not use single tab;
      3. The default "Display Style" should be "List" instead of "Table";
      4. Add the text on the empty state component: "No OAuth Applications yet. Register a new OAuth Application to get started.";
      5. We should not display the 'Client ID" in the table view mode, only in the details page. In this page we only need to display the information to identify the applications;
      6. In the list view mode, the list item title should be bold, to indicate it's clickable (https://clayui.com/docs/components/list.html)

       

      2. Add OAuth Application

      1. Remove the question mark on the header;
      2. The form container should be 808px (8 columns), not 1224px;
      3. The fields  help text shouldn't be in the question mark, but just below the field (https://clayui.com/docs/components/forms/form_elements.html);
      4. The "Website URL" field should be mandatory;
      5. If we are going to use a textarea to input the URLs, we need to teach the user how to add multiple values. We can use the help text for that.
      6. The dropdown field should have a width of 212px;

       

      3. Application Page - Credentials

      1. Remove the question mark on the header;
      2. The form container should be 808px (8 columns), not 1224px;
      3. The edit button for the "Client ID" and "Client Secret" should be in the same line;
      4. The alert on the modal should be warning one (orange), not for error (red). (https://clayui.com/docs/components/alerts.html)
      5. The modals are not centralized on the screen;
      6. The fields  help text shouldn't be in the question mark, but just below the field (https://clayui.com/docs/components/forms/form_elements.html);
      7. We should not provide a default image for new application;
      8. We need to create the squared area to preview the icon file;
      9. When the user doesn't uploaded any icon image, we should place the button "Upload Image" instead of the group button "Change and Delete";
      10. The label of the checkboxes group should be the same size of the input fields - 14px, not 19px, as implemented;

       

      3. Application Page - Scopes

      1. The form container should be 808px (8 columns), not 1224px;
      2. We are using a lot not technical and system terms, we should make sure if the user will understand those terms;

                                                              

        Attachments

          Activity

            People

            • Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:

                Packages

                Version Package