@mindconnect/mindconnect-nodejs
Version:
NodeJS Library for Siemens Insights Hub Connectivity - TypeScript SDK for Insights Hub and Industrial IoT - Command Line Interface - Insights Hub Development Proxy (Siemens Insights Hub was formerly known as MindSphere)
251 lines (230 loc) • 14.2 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: "Insights Hub and Industrial IoT CLI 3.24.2",
appId: "_mdspcontent",
appInfoPath: "/app-info.json",
polyfills: {
promise: true,
},
});
window.onload = init;
</script>
</div>
</body>
</html>