checkout.html

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

<script type="text/x-red" data-template-name="checkout">
    <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-stripeCredentials"><i class="fa fa-user-secret"></i> Stripe Credentials</label>
        <input type="text" id="node-input-stripeCredentials">
    </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="checkout">
    <p>
        The Checkout node checks out a shopping cart, of a defined Customer. Therefore the Customer, YaaS and Stripe Credentials have to be defined for this node.
    <p>
        It is also possible to send the Customer Id (email address) as input (<code>msg.payload</code>). In this case the defined Customer will be ignored.
    </p>
    <p>
        The node returns the Order Id as text in the <code>msg.payload</code>.
    </p>
</script>