gaf-mobile/app/views/membership.html

GAF mobile Web site

<!--   PAGE VIEW   -->
<!-- Freelancer MembershipUpsell apps landing page -->
<div class="MembershipUpsell scroll-container" fl-analytics-section="MembershipUpsell">
    <!-- Loading state -->
    <div class="loading-container" ng-if="ctrl.loading">
        <div class="loadingicon">Loading...</div>
    </div>

    <section class="MembershipUpsell-inner section-inner" ng-if="ctrl.showUpsellTrialView">
        <h1 class="MembershipUpsell-inner-title">Try our Membership</h1>
        <div class="MembershipUpsell-inner-byLine">
          {{ctrl.upsellTrialPriceDetails.duration.cycle}} {{ctrl.upsellTrialPriceDetails.duration.type}} FREE trial
        </div>
        <div class="MembershipUpsell-content">
            <fl-svg src="/images/mobile/mobile-icon-membership.svg"></fl-svg>
            <h2 class="MembershipUpsell-content-title">Freelancer {{ctrl.upsellTrial.display_name}}</h2>
            <ul class="MembershipUpsell-content-list">
                <li ng-repeat="benefit in ctrl.upsellTrial.benefits | limitTo:5" class="MembershipUpsell-content-list-item">{{ctrl.getBenefitDisplayText(benefit)}}</li>
            </ul>
            <button ng-click="ctrl.subscribe(ctrl.upsellTrialPriceDetails)" class="MembershipUpsell-content-cta btn btn-secondary" fl-analytics="StartFreeTrial">Start FREE Trial</button>
            <span ng-show="ctrl.error.subcsriptionError" class="MembershipUpsell-content-error validation validation-error">
              <span class="icon-notification"></span>
              Oops, something went wrong with your subscription request. {{ctrl.error.internalError}}
            </span>
        </div>
        <a href="{{ctrl.returnUrl}}" class="MembershipUpsell-btnSkip btn btn-link" fl-analytics="SkipUpsellPage">Skip for now</a>
    </section>
</div>