wunderlist-config.html

<script type="text/javascript">
  RED.nodes.registerType('wunderlist-config',{
    category: 'config',
    defaults: {
      name: { value: 'My Wunderlist account', required: true },
      clientId: { value: '', required: true },
      accessToken: { value: '' }
    },
    label: function() {
      return this.name;
    }
  });
</script>

<script type="text/x-red" data-template-name="wunderlist-config">
  <div class="form-row">
    <label for="node-config-input-name"><i class="icon-tag"></i> Name</label>
    <input type="text" id="node-config-input-name">
  </div>
  <div class="form-row">
    <label for="node-config-input-client-id"><i class="fa fa-code"></i> Client ID</label>
    <input type="text" id="node-config-input-clientId">
  </div>
  <div class="form-row">
    <label for="node-config-input-access-token"><i class="fa fa-code"></i> Access Token</label>
    <input type="text" id="node-config-input-accessToken">
  </div>
</script>

<script type="text/x-red" data-help-name="wunderlist-config">
  <p>Configures the fields needed for all Wunderlist nodes</p>

  <ul>
    <li>
      <b>Client Id</b> that is generated for you when you create your Wunderlist app.
      <br />Go <a href="https://developer.wunderlist.com/apps/new" target="_blank">here</a> to create your app.
    </li>
    <li>
      <b>Access Token</b> that is generated when the user authorizes your application.
      <br />If it's left blank in the node it must be set in the incoming message on <code>msg.wunderlistAccessToken</code>
    </li>
  </ul>
</script>