Skip to content

openslx/eaas-client

Repository files navigation

EaaS client JavaScript library

How to use EaaS custom elements

  1. Import eaas-client:
<script type="module" src="https://emulation-as-a-service.gitlab.io/eaas-client/webcomponent.js"></script>
  1. Include an <eaas-environment> element in your page:
<eaas-environment id="example1"
  eaas-service="https://your-eaas-instance.example/emil/"
  environment-id="56a1936b-63f0-4c1d-9cbb-b0a813657a00"
  autoplay
  style="border: red solid 10px;">
<strong>Please wait</strong> while the environment is being started ...
</eaas-environment>

By including the autoplay boolean attribute, the environment will be started as soon as the page loads. Otherwise, you can have to start the environment yourself using JavaScript: document.getElementById("example1").play().

In the element's content, you can include any placeholder elements of your own. They will be shown while EaaS is starting the environment, which might need some time.

You can style the <eaas-environment> element like any other element (i.e., using the style attribute or style sheets).

How to import the library for direct use from JavaScript

import { Client } from "./eaas-client.js";