@mindconnect/mindconnect-nodejs
Version:
NodeJS Library for MindSphere Connectivity - TypeScript SDK for MindSphere - MindSphere Command Line Interface - MindSphere Development Proxy
344 lines (324 loc) • 18.5 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<link href="https://static.eu1.mindsphere.io/mdsp-css/v1.3.0/css/mdsp-css.min.css" rel="stylesheet" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>mindconnect-nodejs command line interface configuration</title>
<script
crossorigin="anonymous"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
src="https://code.jquery.com/jquery-3.5.1.min.js"
></script>
<script src="./scripts.js" type="text/javascript"></script>
<template id="listItem">
<li class="list__item">
<div class="item__icon">
<span aria-hidden="true" class="iconMdsp serviceCredential has-color-black"></span>
</div>
<div class="item__content">
<div
class="
content__column content__column--primary
has-default-width-20
xs-100
sm-66
md-33
lg-20
xl-20
"
>
<h4 class="item__title">Index: {{index}}. Type: {{type}}</h4>
<div class="item__description">
Tenant: {{tenant}} UserTenant: {{usertenant}}<br />{{createdAt}}
</div>
</div>
<div class="content__column has-default-width-20 xs-100 xl-10 xs-hide sm-hide">
<div class="item__meta">
<button class="button--ghost has-icon-only">
<span
aria-hidden="true"
class="iconMdsp ok {{color}}"
onclick="select('{{index}}')"
title="select this configuration"
></span>
</button>
</div>
</div>
<div class="content__column has-default-width-20 xs-100 xl-10 xs-hide sm-hide">
<div class="item__metaInfo">
<b>Gateway:</b> {{gateway}}<br />
{{appName}} {{appVersion}}
</div>
</div>
<div
class="content__column has-default-width-20 xs-100 sm-33 md-20 lg-20 xl-20 has-alignment-right"
>
<button class="button--ghost has-icon-only">
<span
aria-hidden="true"
class="iconMdsp delete"
onclick="remove('{{index}}')"
title="delete these credentials"
></span>
</button>
</div>
</div>
</li>
</template>
</head>
<body>
<div class="mdsp mdsp-defaults forceDefaultElements" id="_mdspcontent" style="overflow: auto !important">
<div class="notificationContainer">
<div class="notifications">
<!-- single notification item START -->
<div class="notification is-info" hidden id="saveButtonMessage">
<div class="notification__main">
<h4 class="notification__title">
Save your settings
<a
class="notification__close"
href="#"
title="Close dialog"
onclick="$('#saveButtonMessage').hide()"
></a>
</h4>
<div class="notification__content">
Configuration changed. Click on Save Settings button below to save your settings.
</div>
</div>
</div>
<div class="notification is-error" hidden id="errorMessage">
<div class="notification__main">
<h4 class="notification__title">
Communication Error
<a
class="notification__close"
href="#"
title="Close dialog"
onclick="$('#errorMessage').hide()"
></a>
</h4>
<div id="errorMessageText" class="notification__content"></div>
</div>
</div>
</div>
</div>
<div class="appWrapper">
<div class="appWrapper__regions has-appBar has-bgColor-forced-white" style="overflow: auto !important">
<div class="container" style="margin: 15px">
<div class="container__title">
<div class="title__content">Command Line Interface</div>
<div class="title__actions">
<button class="button--ghost has-icon-only" onclick="showDialog()">
<span aria-hidden="true" class="iconMdsp add" title="Add credentials"></span>
</button>
<button class="button--ghost has-icon-only" id="refreshButton" title="Refresh data">
<span aria-hidden="true" class="iconMdsp update"></span>
</button>
</div>
</div>
<div class="container__content">
<p>
You need to supply the application credentials or (deprecated) service credentials for
the command line interface. Press the add
<span aria-hidden="true" class="iconMdsp add black"></span> button on the right to add a
new set of credentials.<br />The credential set with green checkmark will be used for
cli commands.
<a
class="is-external"
style="text-decoration: none !important"
href="https://opensource.mindsphere.io/docs/mindconnect-nodejs/cli/setting-up-the-cli.html"
target="_new"
>
See more help...
</a>
</p>
<div class="list">
<ul class="list__list" id="configurationList"></ul>
</div>
<div style="text-align: right">
<button
class="button--primary is-disabled"
id="saveButton"
title="Save credential data"
>
<span aria-hidden="true">Save Settings</span>
</button>
</div>
</div>
</div>
</div>
<ul class="appWrapper__appBar">
<li class="appBar__item is-activated">
<a href="#">
<span aria-hidden="true" class="iconMdsp settings"></span>
<span class="item__title">Settings</span>
</a>
</li>
</ul>
</div>
<div class="dialog" id="addDialog">
<div class="dialog__overlay"></div>
<div class="dialog__container">
<div class="dialog__background">
<header class="dialog__title">
<span aria-hidden="true" class="iconMdsp serviceCredential has-color-black"></span>
<b>Add new credentials</b>
</header>
<section class="dialog__content">
<form id="settings">
<!-- Form elements, e.g. fieldsets, form-groups, etc., go here -->
<div class="inputGroup">
<label class="inputGroup__label is-required" for="radio-button01">
<span
aria-hidden="true"
class="iconMdsp serviceCredential has-color-black"
></span>
Credentials
</label>
<div class="radioButtonWrapper">
<input
type="radio"
class="inputGroup__radioButton"
id="radio-button01"
name="radio-button"
value="app"
checked
onclick="$('#appCredentialElements').show()"
/>
<label for="radio-button01">Application Credentials</label>
</div>
<div class="radioButtonWrapper">
<input
type="radio"
class="inputGroup__radioButton"
id="radio-button02"
name="radio-button"
value="service"
onclick="$('#appCredentialElements').hide()"
/>
<label for="radio-button02">Service Credentials (deprecated)</label>
</div>
<label class="inputGroup__label is-required" for="text-passkey"> Passkey </label>
<input
class="inputGroup__textInput"
type="text"
placeholder="passkey for commands which require service credentials"
id="text-passkey"
onblur="validateInput('#text-passkey')"
/>
<div class="inputGroup__description">
Used to decrypt the information. You have to remember it, there is no way to
retrieve it.
</div>
<label class="inputGroup__label is-required" for="text-user"> User </label>
<input
class="inputGroup__textInput"
type="text"
placeholder="credentials: user"
id="text-user"
onblur="validateInput('#text-user')"
/>
<div class="inputGroup__description">
Username for application or service credentials.
</div>
<label class="inputGroup__label is-required" for="text-password"> Password </label>
<input
class="inputGroup__textInput"
type="text"
placeholder="credentials: password"
id="text-password"
onblur="validateInput('#text-password')"
/>
<div class="inputGroup__description">
Password for application or service credentials.
</div>
<label class="inputGroup__label is-required" for="text-gateway"> Gateway </label>
<input
class="inputGroup__textInput"
type="text"
placeholder="eu1, eu2 or https://gateway.eu1.mindsphere.io"
id="text-gateway"
onblur="validateInput('#text-gateway')"
/>
<div class="inputGroup__description">Region string or full gateway url</div>
<label class="inputGroup__label is-required" for="text-tenant"> Tenant </label>
<input
class="inputGroup__textInput"
type="text"
placeholder="your tenant name"
id="text-tenant"
onblur="validateInput('#text-tenant')"
/>
<div class="inputGroup__description">
Tenant or Host Tenant (for application credentials)
</div>
<div id="appCredentialElements">
<label class="inputGroup__label is-required" for="text-usertenant">
User Tenant
</label>
<input
class="inputGroup__textInput"
type="text"
placeholder="your tenant name"
id="text-usertenant"
onblur="validateInput('#text-usertenant')"
/>
<div class="inputGroup__description">
User Tenant (for application credentials)
</div>
<label class="inputGroup__label is-required" for="text-appname">
Application Name
</label>
<input
class="inputGroup__textInput"
type="text"
placeholder="e.g. cli"
id="text-appname"
onblur="validateInput('#text-appname')"
/>
<div class="inputGroup__description">Application name</div>
<label class="inputGroup__label is-required" for="text-appversion">
Application Version
</label>
<input
class="inputGroup__textInput"
type="text"
placeholder="e.g. 1.0.0"
id="text-appversion"
onblur="validateInput('#text-appversion')"
/>
<div class="inputGroup__description">Application version</div>
</div>
</div>
</form>
</section>
<footer class="dialog__footer">
<a class="button button--secondary" onclick="cancelDialog()" href="#">Cancel</a>
<a
class="button button--primary"
onclick="addNew()"
href="#"
title="Add item to credential list"
>Add</a
>
</footer>
</div>
</div>
</div>
<script src="https://static.eu1.mindsphere.io/osbar/v4/js/main.min.js" type="text/javascript"></script>
<script type="text/javascript">
_msb.init({
title: "mindconnect-nodejs 3.16.0",
appId: "_mdspcontent",
appInfoPath: "/app-info.json",
polyfills: {
promise: true,
},
});
window.onload = init;
</script>
</div>
</body>
</html>