@hypericon/node-red-hypertable/nodes/hypertable-connection.html

Node-RED plugin to interact with Hypertable

<!-- Node HTML file docs: https://nodered.org/docs/creating-nodes/node-html -->

<!-- the main node definition that is registered with the editor -->
<script type="text/javascript">
  RED.nodes.registerType('hypertable-connection', {
    category: 'config',
    color: '#EDF2F7',
    defaults: {
      name: { value: "Hypertable Cloud" },
      baseUrl: { value: "https://hypertable.cloud", required: true },
      // workspaceId: { value: "", required: true },
      projectId: { value: "", required: true },
      apiKey: { value: "", required: true },
    },
    inputs: 1,
    outputs: 1,
    icon: "hypertable-logo-w.png",
    label: function () {
      return this.name || "hypertable config";
    }
  });
</script>

<!-- the node edit template -->
<!-- Docs: https://nodered.org/docs/creating-nodes/edit-dialog -->
<script type="text/html" data-template-name="hypertable-connection">

  <div class="form-row">
    <label for="node-config-input-name"><i class="fa fa-tag"></i> Config Label</label>
    <input type="text" id="node-config-input-name" placeholder="Name">
  </div>

  <div class="form-row">
    <label for="node-config-input-baseUrl"><i class="fa fa-globe"></i> Base URL</label>
    <input type="text" id="node-config-input-baseUrl" placeholder="Base URL">
  </div>

  <!-- <div class="form-row">
    <label for="node-config-input-workspaceId"><i class="fa fa-database"></i> Workspace ID</label>
    <input type="text" id="node-config-input-workspaceId" placeholder="Workspace ID">
  </div> -->

  <div class="form-row">
    <label for="node-config-input-projectId"><i class="fa fa-database"></i> Project ID</label>
    <input type="text" id="node-config-input-projectId" placeholder="Project ID">
  </div>

  <div class="form-row">
    <label for="node-config-input-apiKey"><i class="fa fa-key"></i> API Key</label>
    <input type="text" id="node-config-input-apiKey" placeholder="API Key">
  </div>

  <!-- <div class="form-row">
    <button type="button" class="red-ui-button">Test</button>
  </div> -->

  <!-- TODO: link to hypertable node-red integration docs -->
  <!-- <div class="form-tips"><b>Tip:</b> This is here to help.</div> -->

</script>

<!-- the help text -->
<script type="text/html" data-help-name="hypertable-connection">

  <!-- The first p tag is used as a tooltip -->
  <p>Config node to specify and authenticate a connection to a Hypertable project</p>

</script>