Uploaded image for project: 'CDAP'
  1. CDAP
  2. CDAP-13180

Implement Namespace Details Page

    XMLWordPrintableJSON

    Details

    • Type: New Feature
    • Status: Resolved
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 5.0.0
    • Component/s: UI
    • Labels:
    • Sprint:
      5.0 03/27
    • Release Notes:
      Hide
      Added a page to view and manage a namespace. Users can click on the current namespace card in the namespace dropdown to go the namespace's detail page. In this page, they can see entities and profiles created in this namespace, as well as preferences, mapping and security configurations for this namespace.
      Show
      Added a page to view and manage a namespace. Users can click on the current namespace card in the namespace dropdown to go the namespace's detail page. In this page, they can see entities and profiles created in this namespace, as well as preferences, mapping and security configurations for this namespace.
    • Rank:
      1|hzy0rc:0irr007zvi

      Description

      A namespace page contains detailed information about a namespace including:
      1. The apps, datasets, streams, pipelines in a namespace
      2. The namespace configuration (storage and compute provider mappings, security configs)
      3. Information about compute profiles, and the ability to add a compute profile.

      Interactions:

      Namespace Dropdown
      1. User clicks on the namespace dropdown
      2. User sees a card for the current namespace
      3. There is a hover effect on the card (Lea to provide the color Hover color Grey_08 #f5f5f5) that conveys to the user that he can click on it.
      4. Clicking on the card takes user to the namespace details page.

      Namespace Details Page

      *Top Panel Behavior*
      1. The namespace details page opens as a full-page overlay.
      2. The top bar contains the name of the namespace (Lea to provide font size 18 pixels), and the ability to close the overlay.
      3. Closing the overlay takes the user back to the page where he came from.
      4. Right below the top panel is the description (Lea to provide font size 13 pixels)

      *Namespace Contents Summary*
      1. The contents summary contains the number of Custom Apps, Pipelines, Datasets and Streams in the namespace. (Lea to provide font size, horizontal rule color and thickness Small headers (e.g.Pipelines): 13px bold, Grey_03 #999999; Numbers: 24px Grey_01; Horizontal rule: 3px Grey_03 #999999)

      *Compute Profiles Section*
      1. Lists all the compute profiles created in this namespace.
      2. Refer to the diagram for columns in the table (Lea to add column width and row height) Namespace Details View Copy 3.png.
      3. The Last 24 hours runs column is a chart that displays the ratio of runs by status - SUCCESSFUL, FAILED, STOPPED. (Lea to provide colors) Succeeded: Green_02; Failed: Red_02; Stopped: Grey_03
      4. The status of the profile (Enabled/Disabled) is displayed in a column.
      5. The only action in this column is to delete a profile. When a user clicks the delete button, the UI prompts him for a confirmation message: "Are you sure you want to delete this profile?" Buttons: Yes, Cancel.
      6. This table shows 10 profiles at a maximum, and after that, it scrolls Displays the link "View All" which opens as an accordion to display all compute profiles. When the accordion opens the link changes to "View Less"
      7. This section also contains a link to create a new profile. Details about creating a new profile will come in a separate jira (Bhooshan Mogal to add a reference to the jira).
      8. When there are no profiles in a namespace, Display a message "No compute profiles have been defined in this namespace. Start by creating one". Where "creating one" is a link to create a new profile.

      *Preferences Section*
      1. Lists key value pairs of preferences for this namespace.
      2. Lists 5 preferences, and scrolls afterwards Display the link "View All" which opens as an accordion to display all preferences. (when accordion opens, the link changes to "View Less"
      3. The Edit button opens the namespace preferences modal.

      *Namespace Mapping Section*
      1. Lists the mappings specified while creating a namespace. Divide the section into two equal columns (50% screen width)

      *Security Section*
      1. Displays the Kerberos Principal and the Keytab location.
      2. Edit button allows users to edit security parameters.

      *New Compute Profile Added*
      1. The user selects "create a new profile" link and creates a profile
      2. The new profile is added to the profile table and highlighted
      Acceptance Criteria

      • The profile is added in the sorting order selected by the user
      • The page scrolls so that the new profile added is in view
      • Row outline 2px Green_03, background Green_03 10% opacity
      • New label in Helvetica Bold (ALL CAPS) 11px Green_02
      • Treatment fades away after 3 seconds

      *New Preferences Added*
      1. The user selects "edit" link, opens the preference modal and adds new preferences.
      2. The preferences are added to the table and highlighted.
      Acceptance Criteria

      • The preferences are added in the sorting order selected by the user.
      • If there are more than 5 preferences and the new preferences are not in the first 5, all the preferences are displayed.
      • The page scrolls so that the first new preference added is in view
      • Row outline 2px Green_03, background Green_03 10% opacity
      • New label in Helvetica Bold (ALL CAPS) 11px Green_02
      • Treatment fades away after 3 seconds

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                tbach Tony Bach
                Reporter:
                bhooshan Bhooshan Mogal
              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: