gaf-mobile/app/components/nda-form/nda-form.html

GAF mobile Web site

<div class="NdaForm scroll-container" fl-analytics-section="NDAForm">
    <!-- Page Header -->
    <header class="PageHeader">
        <div class="section-inner">
            <h1 class="PageHeader-title">Sign Non-Disclosure Agreement</h1>
        </div>
    </header>

    <section class="NdaForm-section">
        <!-- Loading state -->
        <div class="NdaForm-loading" ng-if="ctrl.loading">
            <div class="loadingicon">Loading...</div>
        </div>

        <form name="ndaForm" ng-if="!ctrl.loading" ng-submit="ctrl.submitNdaForm(ctrl.user)">
            <div class="SectionDetails">
                <div class="SectionDetails-row">
                    <span>Before proceeding a bid you must agree to the employers Non-Disclosure agreement.
                    <p><a fl-gaf-link href="https://www.freelancer.com/NDA/NDA-print-contract.php?project_id=10001560" fl-analytics="ViewNDADocument" download>Download the agreement</a></p> Please note that this is a legal document and as such you should get independent legal advice before signing it.
                    </span>
                </div>
                <div class="SectionDetails-row">
                    <h4 class="NdaForm-header"> Confirm Details & Sign Agreement </h4>
                    <p class="NdaForm-label">Confirm your name and address to use in the Non-Disclosure Agreement.</p>

                    <label class="SectionDetails-label" for="fullname">
                        Full name/Company
                    </label>
                    <div class="input-group">
                        <input type="text" id="fullname" required name="fullname" ng-model="ctrl.user.fullname">
                        <div ng-if="ndaForm.$submitted || ndaForm.fullname.$touched" ng-messages="ndaForm.fullname.$error">
                          <span class="validation-error NdaForm-error alert alert-error" ng-message="required">
                              You need to enter your full name
                          </span>
                        </div>
                    </div>

                    <label class="SectionDetails-label" for="phone">
                        Phone
                    </label>
                    <div class="input-group">
                        <input type="number" id="phone" required name="phone" ng-model="ctrl.user.phone">
                        <div ng-if="ndaForm.$submitted || ndaForm.phone.$touched" ng-messages="ndaForm.phone.$error">
                          <span class="validation-error NdaForm-error alert alert-error" ng-message="required">
                              You need to enter your phone number
                          </span>
                        </div>
                    </div>

                    <label class="SectionDetails-label" for="address">
                        Address
                    </label>
                    <div class="input-group">
                        <input type="text" id="address" required name="address"  ng-model="ctrl.user.address">
                        <div ng-if="ndaForm.$submitted || ndaForm.address.$touched" ng-messages="ndaForm.address.$error">
                          <span class="validation-error NdaForm-error alert alert-error" ng-message="required">
                              You need to enter your address
                          </span>
                        </div>
                    </div>

                    <label class="SectionDetails-label" for="country">
                        Country
                    </label>
                    <div class="input-group">
                        <select id="country" required name="country" ng-model="ctrl.user.country">
                            <option ng-repeat="country in ctrl.countries">{{country}}</option>
                        </select>
                        <div ng-if="ndaForm.$submitted || ndaForm.country.$touched" ng-messages="ndaForm.country.$error">
                          <span class="validation-error NdaForm-error alert alert-error" ng-message="required">
                              You need to select your country
                          </span>
                        </div>
                    </div>

                    <label class="SectionDetails-label" for="state">
                        State/Region
                    </label>
                    <div class="input-group">
                        <input type="text" id="state" required name="state"  ng-model="ctrl.user.state">
                        <div ng-if="ndaForm.$submitted || ndaForm.state.$touched" ng-messages="ndaForm.state.$error">
                          <span class="validation-error NdaForm-error alert alert-error" ng-message="required">
                              You need to enter your state or region
                          </span>
                        </div>
                    </div>

                    <label class="SectionDetails-label" for="city">
                        City/Town
                    </label>
                    <div class="input-group">
                        <input type="text" id="city" required name="city"  ng-model="ctrl.user.city">
                        <div ng-if="ndaForm.$submitted || ndaForm.city.$touched" ng-messages="ndaForm.city.$error">
                          <span class="validation-error NdaForm-error alert alert-error" ng-message="required">
                              You need to enter your city or town
                          </span>
                        </div>
                    </div>
                </div>
                <!-- Agreement checkbox -->
                <label class="NdaForm-agreement inline-label" for="checkAgreement">
                    <input id="checkAgreement" name="checkAgreement" type="checkbox" ng-model="ctrl.user.agree" fl-analytics="SignNDAAgreement" fl-analytics-value="ctrl.user.agree">
                    I have read the employer's non-disclosure agreement and agree to it in its entirety.
                </label>
                <div ng-messages="ctrl.error">
                    <span class="validation-error NdaForm-error alert alert-error" ng-message="PROJECT_NDA_ALREADY_SIGNED">
                      You have already signed this NDA file.
                    </span>
                    <span class="validation-error NdaForm-error alert alert-error" ng-message="UNKNOWN_ERROR">
                      Something went wrong. Please try again.
                    </span>
                </div>
                <button type="submit" class="NdaForm-btn btn" ng-class="{ 'btn-processing': ctrl.submittingForm, 'btn-secondary': ctrl.user.agree && ndaForm.$valid }" ng-disabled="!ctrl.user.agree || !ndaForm.$valid" ng-if="!ctrl.error.PROJECT_NDA_ALREADY_SIGNED" fl-analytics="SubmitNDAForm">Sign Agreement</button>
                <a href="{{ctrl.return}}" class="NdaForm-btn NdaForm-btn--skip btn btn-primary" fl-analytics="SkipNDAForm">I have already done this.</a>
            </div>
        </form>
    </section>
</div>