Git Product home page Git Product logo

sources-ui's Introduction

Sources

Main screen with "Add a new Source" wizard

Build Status Test Coverage

List of Sources for Red Hat Hybrid Cloud Console.

This application allows to

  • view all sources (filtering, sorting)
  • add a new source (AWS, Google, Azure, OpenShift, ...)
  • connect an application to a source (Cost Management, RHEL management bundle, ...)
  • remove an application from a source
  • pause/resume a source/application

Table of Contents

Getting Started

Run app

  1. npm install

  2. npm run start

    • starts webpack bundler and serves the files with webpack dev server on https://stage.foo.redhat.com:1337/settings/sources/
  3. npm run start:beta

    • starts webpack bundler and serves the files with webpack dev server on https://stage.foo.redhat.com:1337/beta/settings/sources/

You have to be connected to Red Hat VPN and use Red Hat squid proxy settings (check source.redhat.com for a guide). Check also, if you have updated /etc/hosts/ file to route these adresses to localhost. (See script)

Check our proxy documenation for more options.

Debug functions

Sources UI provides easy way how to test different states of the application when running in dev environment.

Run from the console one of following commands:

  • sourcesDebug.showEmptyState

Sets number of currently loaded sources to 0. Shows empty state.

  • sourcesDebug.setCount

Changes number of sources to a value you need.

  • sourcesDebug.removePermissions

Removes write permissions.

  • sourcesDebug.setPermissions

Grants write permissions.

Queries

You can use queries to modify the initial state of the application. Read more here.

Testing

  • Travis is used to test the build for this code.
    • npm run test will run tests locally,
    • npm run lint will run just the linter.

Patternfly

Data-driven forms

Insights Chrome

Insights Chrome is an application that wraps all the UI applications in Red Hat Hybrid Cloud Console. It using Federated modules to do that.

Config

Cloud Services Config manages the UI navigation and Akamai configuration.

Insights Components

Red Hat Insights Frontend Components

Insights Platform will deliver components and static assets through npm.

AddSourceWizard

ADD SOURCE WIZARD WAS MOVED TO THIS REPOSITORY!

Documentation is here.

Updating steps in the wizard

  • See Update wizard. This guideline provides info how to update the add source wizard.

API

Sources Javascript API client

This API client is no longer in the UI because of its huge bundle size. However, is useful to use is a documentation to the API.

Insights Frontend Assets

Static assets are deployed to Insights Frontend Assets repository. If you need to add/change/remove some icon, please do it there.

Deploying

  • The Platform team is using Travis to deploy the application

How it works

Branch updates environment
master => stage/beta and stage/stable
prod-beta => prod/beta
prod-stable => prod/stable

Example:

  • any push to the master branch will deploy to a sources-ui-build master branch => Stage/Beta and Stage/Stable

License

This project is available as open source under the terms of the Apache License 2.0.

sources-ui's People

Contributors

rvsia avatar hyperkid123 avatar martinpovolny avatar dependabot-preview[bot] avatar dependabot[bot] avatar ryelo avatar gtanzillo avatar karelhala avatar epwinchell avatar gmcculloug avatar syncrou avatar fryguy avatar jharting avatar agrare avatar dlabrecq avatar iphands avatar boaz0 avatar chambridge avatar adberglund avatar jason-rh avatar lgalis avatar pkomanek avatar

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.