Giter Club home page Giter Club logo

orb-community / orb Goto Github PK

View Code? Open in Web Editor NEW
567.0 567.0 29.0 41.5 MB

Orb is a dynamic network observability platform with agent fleet orchestration and data pipelines with OpenTelemetry

Home Page: https://orb.community

License: Mozilla Public License 2.0

Dockerfile 0.06% Shell 0.21% Go 45.19% Makefile 0.40% JavaScript 0.24% TypeScript 14.05% HTML 6.15% SCSS 7.24% Gherkin 14.18% Python 12.26% Smarty 0.02%
analysis cloud-native control-plane dns edge fleet-management flow metrics monitoring network-visibility o11y observability opentelemetry packet-analyser self-hosted telemetry

orb's People

Contributors

bethanyjross avatar brnvalenca avatar brunofariasdeo avatar daitan-rovaris avatar dependabot[bot] avatar dscabral avatar eric-daitan avatar etaques avatar fhaze avatar gbottega avatar gpazuch avatar iatdaitan avatar jabyrd3 avatar joao-mendonca-encora avatar joaoguilherme2003 avatar lbarberio avatar lpegoraro avatar manrodrigues avatar mclcavalcante avatar mfiedorowicz avatar nickstinemates avatar paulabrasileiro-git avatar rboucher-me avatar testwill avatar weyrick avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

orb's Issues

Sink Creation page

The Sink Creation page contains a vertical step-by-step form that allows the user to create a new sink by providing at least Sink Name and Service Type.

https://www.figma.com/proto/5jZNpc8JMsY2Tj3OQJzgxt/Orb-Product-Portal-UI?node-id=353%3A4337&scaling=min-zoom&page-id=277%3A730

According to UI SPEC page must have the following sections and fields.

Sink Details:

  • Sink Name (required)
  • Sink Description

Sink Destination:

  • Service type (required)
  • Backend specific fields (dynamic and required)

Review

By submitting the form creation date and author (should) should also be saved as it will be used on the Sink details modal.

Bootstrap Feature Pages & Route Scaffolding

Add scaffolding and bootstrap each of the services modules

  • Pages

    • Agent Groups Management
    • Dataset Explorer
    • Fleet Management
    • Sink Management
  • Services

    • Agent Groups Management
    • Dataset Explorer
    • Fleet Management
    • Sink Management
  • Routing

policy manager service

a microservice responsible for validating and managing orb and pktvisor collection policies.
Policy - page 1

Agent group creation page

Step 1: Agent Group list view
Given user access Agent Groups list view page.
When click on "+ New Agent Group" button
Then must be redirect to Agent Group creation page
image

Step 2: Agent Group name and Description
Given user access the Agent Group creation page
When seeing the first step
Then step title, caption, and forms input must be consistent with Figma layout

Note*: Agent Group name is a required field
image

Step 3: Agent Group tags
Given user is on the Agent Group creation page
When filling the second step
Then step title, caption, and forms input must be consistent with Figma layout

Note 1*: On the highlighted part of the screenshot we must include a message with a counter similar to the one shown in the next step. Figma will be updated later.
Note 2*: Tags are not required, but if the user wants to add them, key and value are needed and required.
image

Step 4: Agent Group creation review
Given user is on the Agent Group creation page
When it is reviewing the creation process
Then step title, caption, and forms input must be consistent with Figma layout

Note 1*: It must include the message about how many agents this group will match
Note 2*: Expand and Collapse table you be addressed in a different issue.
image

By submitting the form, an Agent Group must be created using all the information provided by the user during the steps. After the creation, the user must be redirected to the Agent Groups list view page where the created Agent Group must be listed.

Review orb/ui/tsconfig.json

Some features are not integrated correctly, depending on your IDE of choice or where do you select as the ROOT of your project.

Currently, some IntelliJ Idea configuration files are being shared.

Verify if tsconfig path and other linter options should solve the problem without the need for additional/IDE-specific files.

Enable faster frontend development using mock API

For frontend developers looking to accelerate the app development process, having a mocking service should be enough to enable the development of the results page without running the whole app.

Figma UI and Wireframe Checklist

Check all necessary files and information are available and properly documented.

  • Fonts
  • Color Palette/Scheme
  • Icons
  • Wireframing

Produce .scss | .css file overriding Mainflux is .scss style.

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.