Code Monkey home page Code Monkey logo

web's Introduction

Nalej UI

Nalej UI

Nalej web UI is the friendly layer that allows the user to interact with the Nalej platform in a visual way. The user can easily identify application or resources entities and their relationships in addition to managing users.

Develop Anything. Deploy Anywhere.

PRs Welcome Apache

The front end for NALEJ

Deploy

Table of contents

Overall features

Brand new UI Frontend for Nalej.

  • Sidebar with navigation
    • Edit profile
    • Organization
    • Infrastructure
    • Resources
    • Devices
    • Applications
    • Logout
  • Organizations view
    • Top indicators with organization info
    • Members user list with action buttons
    • Subscription plan
  • Infrastructure view
    • Left indicators
      • Vertical aggregated capabilities summary
    • Right indicators
      • Static quick filters by inventory item type
      • Inventory list with specific type actions menu
      • ECs/Asset and devices modal windows navigation
  • Resources view
    • Left indicators
      • Summary info
      • Cluster-instances list
    • Right indicators
      • Clusters-instances graph based on NGX-Graph
  • Clusters view
    • Top indicators
      • Cluster status info
      • Summary info
    • Breadcrumbs
    • Nodes list
  • Devices view
    • Top indicators
      • Summary info
      • Devices status timeline
    • Bottom indicators
  • Applications view
    • Left indicators
      • Summary info
      • App instances and registered list
    • Right indicators
      • Register an app
      • Deploy new app
      • Manage connections button
      • Quick filters
      • Cluster-instances-registered graph based on NGX-Graph
  • Instances and registered view
    • Breadcrumbs
    • Left indicators
      • Instance/Registered info card
    • Right indicators
      • Services graph
      • Services info tables

To see older logs check CHANGELOG file

Tested and supported resolutions in pixels:

  • 1280 x 720
  • 1280 x 800
  • 1366 x 768
  • 1440 x 900
  • 1613 x 917
  • 1613 x 1027
  • 1680 x 1027
  • 1920 x 1080
  • 1920 x 1200
  • 2560 x 1440
  • 2560 x 1800

Getting Started

Requirements

Installation

  1. Clone the repository
  2. Change to project directory
  3. npm install

Development server

  1. Modify apiUrl in the src/environments/environment.ts with your own api url.
  2. Run npm start for a dev server.
  3. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files, also in this task, every change will be linted.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

In order to build and compile this repository run npm run build to build(dev version) the project. If you want a production build you just run npm run build-prod, in both cases the build artifacts will be stored in the dist/ directory. Also you can generate a build using our local profile running npm run build-local. On the other hand, if you want generate a production version and serve it in local just run npm run build-and-serve-prod-local.

Linting

  • Run npm run lint to check that the code accomplish with every tslint rule.
  • Run npm run fix-lint to fix every error in the code that don't accomplish with every tslint rule.
  • Run npm run style-lint to check that the code accomplish with every style lint rule.

Running unit tests

Run npm run test to execute the unit tests via Karma.

Documentation

Compodoc is the integrated library that automates the documentation generation. To update the documentation just run npm run compodoc and the updated version will be available to serve it in documentation folder (http-server could be used for this purpose).

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Contributing

Please read contributing.md for details on our code of conduct, and the process for submitting pull requests to us. โ€‹

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

See also the list of contributors who participated in this project. โ€‹

License

This project is licensed under the Apache 2.0 License - see the LICENSE file for details.

web's People

Contributors

blazama avatar dhiguero avatar ivdiaz avatar mariaglezg avatar nalej-jarvis avatar rodynnz avatar

Watchers

 avatar

Forkers

dhiguero blazama

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.