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

Create new application details page

    Details

    • Type: New Feature
    • Status: Resolved
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 4.0.0
    • Fix Version/s: 4.1.0
    • Component/s: UI
    • Labels:
      None
    • Sprint:
      CDAP UI 01/30, CDAP UI 02/06
    • Rank:
      1|hzy3if:

      Description

      As a user, I need to be able to view and manage every single detail of an application.
      I need click on the detail button in the overview pane and view all the details of the application on a dedicated page. The detail view should have a unique URL that can be navigated to using a link.

      Acceptance Criteria
      NAVIGATION

      • Top bar represents navigation.
      • Should have a back button that allows user to go back to the page where they came from
      • Navigation bar should also show the application name

      TITLE

      • Shows Application Name
      • Must have Icon

      VERSION DROPDOWN

      • Lists available versions of the application.
      • By default, the latest one is selected
      • Users can also select an older version from the drop down, upon which the entire page shows details about the older version.

      CREATION TIME

      • Displays the exact creation time in the format MM/DD/YYYY HH:mm

      DESCRIPTION

      • If non-empty, truncate description and add ellipsis after 120 characters. (Lea need your input here)
      • "More" will display the remaining description pushing down the content below, as appropriate
      • If description is not available display: "no description available"

      OWNER

      • If specified, display the owner. Else "No owner specified"

      ARTIFACT

      • Specifies the name and version of the artifact

      VIEW APP CONFIG LINK

      • Opens a modal with a table that contains the App Config.
      • The app config should be flattened to a single level key value pairs

      TAGS

      • Tags and total number of tags set for that application
      • System tags are not removable
      • Business tags can be removed and added
      • Clicking on Tags, opens a search results modal. Re-use the global search modal. For search, only select datasets and streams as the target types, since we only have detail pages for them.
      • Clicking on a search result takes you to the details page of the search result.
      • If there are no tags, show the message "No tags found. Click Add Tag to add a new business tag"

      FAST ACTIONS

      • Preferences: opens the Application Preferences modal
      • Delete: opens the Delete modal asking the user to confirm action:
      • If the user confirms delete, the modal closes, user goes back to the previous page
      • Tool tip with name of Fast Action is displayed on hover

      TABS
      PROGRAMS

      • Display number of programs in then app
      • Display title: "Programs in <App Name>
      • Display number of programs currently running: "Number of Running Programs: #"
      • Toggle to display List or card view

      LIST VIEW (default)
      Rows are clickable (not in 4.1) and will take user to detail page of the Program.

      • List is sortable by:
      • Name: Alphabetically A-Z; Z-A (Default)
      • Type: Alphabetically A-Z; Z-A
      • Last Started: Most recently started; Least recently started
      • Staus: Alphabetically A-Z; Z-A
      • Name: display names of programs 50 character max (longer names, truncate and add ellipsis) (Lea need your input here)
      • Type: Display type of program
      • Last Started: Display date and time program was run last. If Program is currently running display time in real time.
      • User can start or stop a program by clicking the [play] and [stop] toggle icon:
      • "Stopped" label is displayed in grey
      • "Running" label is displayed in green
      • User can view, create and edit preference modal for a program by clicking the [preferences] icon
      • Bulk action: User can start or stop multiple programs at the same time by clicking on the check box and using the drop down menu to either bulk start or bulk stop programs.

      CARD VIEW

      • Programs are displayed in card format
      • programs are sorted alphabetically
      • Last Started metric is displayed in the card (mm/dd/yyyy - hh:mm). If Program is currently running display time in real time.
      • Cards should not contain application name

      DATASETS

      • Display number of datasets in then app
      • Display title: "Datasets in <App Name>"
      • Toggle to display List or card view

      LIST VIEW (default)

      • Rows change color on hover
      • Rows are clickable and will take user to detail page of the Dataset/Stream.
      • List is sortable by:
        • Name: Alphabetically A-Z; Z-A (Default)
        • Type: Alphabetically A-Z; Z-A
        • Reads: 0 to ...; ... to 0
        • Writes: to ...; ... to 0
        • Events: to ...; ... to 0
        • Size (MB): to ...; ... to 0 (Lea, need help here, this doesn't seem right)

      CARD VIEW

      • Datasets and Streams are displayed in card format
      • Datasets are sorted alphabetically
      • Do not show application name in cards
      • Cards are clickable and will take user to detail page of the Dataset/Stream.

      FAST ACTIONS (for both list and card view)

      • icons change color when hovered
      • Icons are clickable
      • Appropriate modal is open when icon is selected

      HISTORY AND DASHBOARD TABS ARE FOR LATER RELEASES

      PROPERTIES TAB

      • Displays key value pairs of metadata properties (from the metadata system)
      • Scope column specifies System vs Business
      • Has a search button with similar behavior as tag search. Search should be called with [key]:[value]
      • Business properties have an delete (trash) icon
      • If no properties are present, show the text "No business or system properties found for this application. Click to add a business property."

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                ajai Ajai Narayan
                Reporter:
                bhooshan Bhooshan Mogal
              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: