Giter Club home page Giter Club logo

wemulate-frontend's Introduction

CI codecov
A modern WAN Emulator developed by the Institute for Networked Solutions

WEmulate

Have a look at the documentation for detailed information.

Installation

Requirements

  • At least two network interfaces for LAN-A and LAN-B
  • A third management interface if you would like to use the api and frontend module
  • Ubuntu installed
  • Root permissions

Getting Started

To install only the WEmulate cli with bash, simply run this command in your terminal of choice:

bash -c "$(curl -fsSL https://raw.githubusercontent.com/wemulate/wemulate/main/install/install.sh)"

There are different arguments available in order to enhance the installation experience:

-h               Prints the help message
-f               Skip the confirmation prompt during installation
-i <int1,int2>   List of interfaces which should be used as management interfaces
-a               Install the api module
-v               Install the frontend module

You can for example install the cli, api and frontend module together with one management interface with the following command:

curl -fsSL https://raw.githubusercontent.com/wemulate/wemulate/main/install/install.sh | bash -s -- -a -v -i ens2 -f

Usage

WEmulate CLI Commands

# Add a new connection
$ wemulate add connection -n connectionname -i LAN-A LAN-B

# Delete a connection
$ wemulate delete connection -n connectionname

# Add parameters bidirectional
$ wemulate add parameter -n connectionname -j 20 -d 40

# Add parameters in specific direction
$ wemulate add parameter -n connectionname -j 20 -d 40 -src LAN-A -dst LAN-B

Development

Configure poetry to create the environment inside the project path, in order that VSCode can recognize the virtual environment.

$ poetry config virtualenvs.in-project true

Install the virtualenv.

$ poetry install

Testing

In order to test WEmulate and to use an in-memory sqlite database, the following environment variable has to be set:

export WEMULATE_TESTING=true

Install the dev dependencies:

poetry install --with dev-dependencies

The tests can then be executed with pytest.

wemulate-frontend's People

Contributors

dependabot[bot] avatar dns320 avatar jklaiber avatar marcom4rtinez avatar severindellsperger avatar

Stargazers

avatar avatar avatar avatar

Watchers

avatar avatar

Forkers

marcom4rtinez

wemulate-frontend's Issues

Highlight the connection name

Is your feature request related to a problem? Please describe.
No.

Describe the solution you'd like
At the moment, the connection name is unremarkable. Still, it is an important field thus I would like to highlight it with e.g. a larger font size.

Describe alternatives you've considered
Maybe highlight it in bold or some other style.

Additional context
Add any other context or screenshots about the feature request here.

Input validation Error on Enter

Describe the bug
When i put a number in packet loss field and press enter, the validator tells its invalid.
But i can apply it with the save button without any problem.

To Reproduce
Steps to reproduce the behavior:

  1. Enter 0.1 into packetloss field
  2. Press Enter

Expected behavior
No validation Error

Screenshots
image

Reset Button

Is your feature request related to a problem? Please describe.
Nope, it's an enhancement.
It would be nice to have a reset button in the "connection edit view" to set the parameters to their default values. If many parameters are configured it's annoying to delete each of them manually.

Describe the solution you'd like
I can think of an reset button here:
image

Maybe the following Icon is a good choice:
image
import RestartAltIcon from '@mui/icons-material/RestartAlt';ere.

Confirm before delete

Is your feature request related to a problem? Please describe.
Not really - it would be really nice to have a confirmation message after the connection delete button was clicked, which asks the user if the connection should be deleted or not.
I think it adds safety if the user accidentally misclicked and deletes the connection.

Describe the solution you'd like
A new window that asks if the user really wants to delete the connection. If the user confirms the connection is deleted, if not the connection stays.

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.