apim-developer-portal1/src/components/users/signup/ko/runtime/signup.html

API management developer portal

<!-- ko if: isUserRequested -->
<p id="confirmationMessage">Follow the instructions from the email to verify your account.</p>
<!-- /ko -->


<!-- ko ifnot: working -->
<!-- ko ifnot: isUserRequested -->
<form data-bind="submit: signup">
    <fieldset>
        <div class="form-group">
            <label for="email">Email</label>
            <input aria-required="true" autofocus="autofocus" spellcheck="false" class="form-control" id="email" name="email"
                autocomplete="email" placeholder="e.g. name@example.com" type="email" data-bind="textInput: email">
        </div>
        <div class="form-group">
            <label for="password">Password</label>
            <input aria-required="true" class="form-control" id="password" name="password"
                autocomplete="new-password" type="password" data-bind="textInput: password">
        </div>
        <div class="form-group">
            <label for="confirmPassword">Confirm password</label>
            <input aria-required="true" class="form-control" id="confirmPassword" name="confirm"
                autocomplete="new-password" type="password"
                data-bind="textInput: passwordConfirmation">
        </div>
        <div class="form-group">
            <label for="firstName">First name</label>
            <input aria-required="true" class="form-control" id="firstName" name="firstName"
                placeholder="e.g. John" type="text" data-bind="textInput: firstName">
        </div>
        <div class="form-group">
            <label for="lastName">Last name</label>
            <input aria-required="true" class="form-control" id="lastName" name="lastName"
                placeholder="e.g. Doe" type="text" data-bind="textInput: lastName">
        </div>

        <!-- ko if: requireHipCaptcha -->
        <hip-captcha></hip-captcha>
        <!-- /ko -->       
        
        <!-- ko if: termsOfUse -->
        <div class="form-group">
            <!-- ko if: isConsentRequired -->
            <div class="form-check">
                <input class="form-check-input" type="checkbox" data-bind="checked: consented" id="consented" required>
                <label class="form-check-label" for="consented">I agree to the Terms of Use.</label>
                <a href="#" class="btn-link" data-bind="click: toggleRegistrationTerms, text: showHideLabel"></a>
            </div>
            <!-- /ko -->

            <!-- ko ifnot: isConsentRequired -->
            <div class="row">
                <p>
                    Please review Terms of Use.
                    <a href="#" class="btn-link" data-bind="click: toggleRegistrationTerms, text: showHideLabel"></a>
                </p>
            </div>
            <!-- /ko -->

            <!-- ko if: showTerms -->
            <div class="row">
                <textarea class="col-md-12" rows="10" readonly data-bind="text: termsOfUse"></textarea>
            </div>
            <!-- /ko -->
        </div>
        <!-- /ko -->

        <div class="form-group">
            <button type="button" id="signup" class="button button-primary" data-bind="click: signup, disable: working">
                Sign up
            </button>
        </div>
    </fieldset>
</form>
<!-- /ko -->
<!-- /ko -->