cart.html

<script type="text/javascript">
    RED.nodes.registerType('add to cart',{
        category: 'yaas',
        color: '#1b91e2',
        defaults: {
            yaasCustomerCredentials: {type:"yaas-customer-credentials"},
            yaasCredentials: {type:"yaas-credentials", required:true},
            quantity : {value:"1", required:true},
            siteCode : {value:"main", required:true},
            currency : {value:"USD", required:true}
        },
        inputs: 1,
        outputs: 1,
        icon: "yaas.png",
        paletteLabel: 'add to cart',
        label: function() {
            return 'add to cart';
        }
    });
</script>

<script type="text/x-red" data-template-name="add to cart">
    <div class="form-row">
        <label for="node-input-yaasCustomerCredentials"><i class="fa fa-user"></i> Customer</label>
        <input type="text" id="node-input-yaasCustomerCredentials">
    </div>
    <div class="form-row">
        <label for="node-input-yaasCredentials"><i class="fa fa-user-secret"></i> Credentials</label>
        <input type="text" id="node-input-yaasCredentials">
    </div>
    <div class="form-row">
        <label for="node-input-quantity"><i class="fa fa-plus"></i> Quantity</label>
        <input type="text" id="node-input-quantity">
    </div>
    <div class="form-row">
        <label for="node-input-siteCode"><i class="fa fa-globe"></i> Site code</label>
        <input type="text" id="node-input-siteCode">
    </div>
    <div class="form-row">
        <label for="node-input-currency"><i class="fa fa-money"></i> Currency</label>
        <input type="text" id="node-input-currency">
    </div>
</script>
<script type="text/x-red" data-help-name="add to cart">
    <p>
       Add a product (<code>body</code> object in <code>msg.payload</code> to a cart. The "product by ID" or "product by query" response with a product object in <code>msg.payload.body</code>.
    </p>
</script>

<script type="text/javascript">
    RED.nodes.registerType('apply discount',{
        category: 'yaas',
        color: '#1b91e2',
        defaults: {
            yaasCustomerCredentials: {type:"yaas-customer-credentials", required:true},
            yaasCredentials: {type:"yaas-credentials", required:true},
            siteCode : {value:"main", required:true},
            currency : {value:"USD", required:true}
        },
        inputs: 1,
        outputs: 1,
        icon: "yaas.png",
        paletteLabel: 'apply discount',
        label: function() {
            return 'apply discount';
        }
    });
</script>

<script type="text/x-red" data-template-name="apply discount">
    <div class="form-row">
        <label for="node-input-yaasCustomerCredentials"><i class="fa fa-user"></i> Customer</label>
        <input type="text" id="node-input-yaasCustomerCredentials">
    </div>
    <div class="form-row">
        <label for="node-input-yaasCredentials"><i class="fa fa-user-secret"></i> Credentials</label>
        <input type="text" id="node-input-yaasCredentials">
    </div>
    <div class="form-row">
        <label for="node-input-siteCode"><i class="fa fa-globe"></i> Site code</label>
        <input type="text" id="node-input-siteCode">
    </div>
    <div class="form-row">
        <label for="node-input-currency"><i class="fa fa-money"></i> Currency</label>
        <input type="text" id="node-input-currency">
    </div>
</script>
<script type="text/x-red" data-help-name="apply discount">
    <p>
       Apply Discount
    </p>
</script>