send.html

<div id="angular-demo" class="content" role="main">
    <div *ngIf="showLoading" class="loader">
        <img src="../assets/loader.svg" />
    </div>
    <h1>Send document from template</h1>
    <div>
        <p class="description">
            Try filling in the below form and send the document to check how it works!
            <br />
            The form is prefilled with a Template ID which is a template created on
            <a class="text-decoration-none" href="https://app.boldsign.com">BoldSign Web App.</a>
        </p>
        <i style="padding: 15px 0; display: block">Note: Learn how to create a template from
            <a class="text-decoration-none"
                href="https://boldsign.com/help/getting-started/creating-templates/">here</a></i>
        <p style="color: #141d30; margin: 32px 0px">
            Click the button to send for signing using template!
        </p>
        <form id="document-sent" [formGroup]="userForm" (ngSubmit)="onSubmit()">
            <div class="label-details">
                <label for="templateId"> Template ID </label>
                <input id="templateId" type="text" formControlName="templateId" placeholder="Enter the template id" />
                <div style="text-align: right; font-size: 12px; padding-top: 4px">
                    ID of a template created in
                    <a class="text-decoration-none" href="https://app.boldsign.com">BoldSign Web App</a>
                </div>
            </div>

            <div class="label-details">
                <label for="name"> Signer Name </label>
                <input id="name" type="text" formControlName="name" placeholder="Enter the signer name" />
            </div>

            <div class="label-details">
                <label for="email"> Signer Email </label>
                <input id="email" type="email" formControlName="email" placeholder="Enter the signer email" />
            </div>

            <button class="button" type="submit">Send Document for Signing</button>
        </form>
    </div>

    <div *ngIf="isDocumentSend" style="margin-top: 60px; max-width: 900px; line-height: 28px">
        <p>
            You have successfully sent out your document for signature. You will be
            notified as the other recipients view or sign the document.
        </p>
        <p>
            You have logged in to BoldSign application to search this document ID
            <b>{{documentId}}</b> in "My Documents" listing page to track the status
            of this document.
        </p>
    </div>
</div>