Code Monkey home page Code Monkey logo

otlpview's People

Contributors

ievangelist avatar samsp-msft avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

ievangelist

otlpview's Issues

Top level work required

Highest priority

  • Clean up the UI. There needs to be some consistency across the list controls etc. Ideally using a toolkit that already has controls like lists/tree's etc.
    • Started - replacing mudblazor with FluentUI
  • Fix the css styling and have a pass with a Ux designer
  • Record/Pause capability to limit the amount of items that are being collected, and stopping items from being pushed out
  • Circular cache limits for each resource type

Feature areas for work:

Logging

  • Fix the sizing issue so that the grid control is not scrolling off screen
  • Provide a way to select which columns should be shown
    • There is a list of properties for the extended columns based on the events that have been seen, but it is resulting in a very wide view.
    • I think having a multi-select list of checkbox-like UI on the right side might be a good way to enable that capability.
  • Filtering based on values.
  • A way to filter based on any columns by specifying explicit values
  • Filtering should include the ability to remove/clear specific filters
  • Although offering an "and | or" grouping UI for filtering would be fun - it's probably out of scope
  • Click a row to get a popup with all the details of that row, even if the columns are not shown.
    • semi-implemented with a button on each row- ideally would be based on clicking on the row
    • Log details should have a filter button per row that will add a filter to the main table based on that row's values for a specific column
  • When filtering occurs show the number of total records in addition to those of the filter
    • if the filter is resulting in no rows, show a banner to say that no items match the filter

Metrics

  • Keep the overall structure, but make it much prettier
  • Move the applications down to be a list rather than as tabs
  • Show each metric/dimension combo with both a graph (using the timespans for start/end of a value that are part of the datamodel) and a list of latest values
    • it would be great to have a client-side time-since control that will show how long since an event.
      • 0-90 secs shown as xx seconds ago
      • 0-90 min shown as xx minutes ago
      • 90 min to yesterday, shown as 4 hours ago
      • yesterday to 2 days ago - shown as Yesterday
      • 2 days - a week ago shown as xx days ago
      • 1 week+ shown as xx weeks ago
        This could be used with anything that has a timestamp. It should be client-side so that the UI doesn't need to round-trip with the server every tick.
  • Replace the graphing component (@samsp-msft looking into alternatives)
  • When pause functionality is implemented, change the date/time comparison to be the time it was paused, so that metrics don't fall off screen during the investigation. Alternatively use the last time a metric was received.

Tracing

  • clean up the UI and use proper controls for the tree.
  • Improve the box-model layout when bars get too small to show the contents. Have a tooltip to show the details.
  • Select an item and get a popup panel (at the bottom) for the logs associated with that SpanId.
  • Fix the color banding - its not working aesthetically as well as it should.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.