gaf-mobile/app/components/bid-item/bid-item.html

GAF mobile Web site

<div class="ProfileSnapshot">
    <figure class="ProfileSnapshot-figure">
        <a href="{{ ctrl.linkToBidderProfile }}" fl-analytics="ShowProfile">
            <!-- Clean up once OnlineOffline AB Test is done -->
            <span class="online-status--attached" ng-if="ctrl.abTests.showOnlineOfflineStatus" fl-online-offline-icon 
            user-id="ctrl.bidderDetails.id"></span>
            <!-- End Clean up -->
            <div class="user-profile-avatar">
                <img class="profile-img" ng-src="{{ ctrl.bidderDetails.avatar_cdn }}" title="{{ ctrl.bidderDetails.username }}" />
            </div>
        </a>
    </figure>

    <div class="ProfileSnapshot-content">
        <div class="promotion-tag promotion-tag-recommended bid-promotion" ng-if="ctrl.bid.isRecommended">Recommended</div>
        <span class="ProfileSnapshot-userName">
            <a href="{{ ctrl.linkToBidderProfile }}" fl-analytics="GoToUser" fl-analytics-value="{{ ctrl.bidderDetails.id }}">
                {{ ctrl.bidderDetails.username }}
            </a>
        </span>

        <!-- Clean up once NewFreelancer AB Test is done -->
        <span ng-if="ctrl.bidderDetails.reputation.entire_history.reviews > 0 || !ctrl.abTests.showNewFreelancer">
         <!-- End Clean up -->
            <div class="ProfileSnapshot-rating user-rating" data-rating="{{ ctrl.bidderDetails.reputation.entire_history.overall | number:1 }}">
                <span class="user-rating-progress"></span>
                <label class="user-rating-label">
                    <span ng-show="ctrl.bidderDetails.reputation.entire_history.reviews === 0">(no reviews)</span>
                    <span ng-show="ctrl.bidderDetails.reputation.entire_history.reviews === 1">(1 review)</span>
                    <span ng-show="ctrl.bidderDetails.reputation.entire_history.reviews > 1">({{ ctrl.bidderDetails.reputation.entire_history.reviews }} reviews)</span>
                </label>
            </div>
        </span>
         <!-- Clean up once OnlineOffline AB Test is done -->
        <span ng-if="ctrl.bidderDetails.reputation.entire_history.reviews === 0 && ctrl.abTests.showNewFreelancer">
            <div class="ProfileSnapshot-rating">
                <label class="ProfileSnapshot-newFreelancerLabel">
                    New Freelancer               
                </label>
            </div>
        </span>
         <!-- End Clean up -->

        <p class="ProfileSnapshot-userDesc" fl-read-more="65" fl-read-more-toggle fl-analytics="ReadMoreBtn" ng-if="ctrl.expandable === 'true'">
            <span class="project-freelancer-bid-description" ng-if="ctrl.bid.get().description" fl-read-more-content>{{ ctrl.bid.get().description }}</span>
            <span ng-if="!ctrl.bid.get().description">No project proposal has been provided yet</span>
            <a fl-read-more-more fl-analytics="ReadMoreBtn" fl-analytics-action="more"
            class="ProfileSnapshot-toggleDesc">Read more</a>
            <a fl-read-more-less fl-analytics="ReadMoreBtn" fl-analytics-action="less"
            class="ProfileSnapshot-toggleDesc">Read less</a>
        </p>

        <span class="ProfileSnapshot-bid" ng-if="!ctrl.project.hourly_project_info">
            <span class="ProfileSnapshot-bidProposal">
                {{ ctrl.project.currency.sign }}{{ ctrl.bid.get().amount }}
                <span ng-show="ctrl.bid.get().period === 1">1 day</span>
                <span ng-show="ctrl.bid.get().period > 1">in {{ ctrl.bid.get().period }} days</span>
            </span>
            <time class="ProfileSnapshot-postedDate">
                {{ ctrl.bid.get().time_submitted | timeAgoFilter }} ago
            </time>
        </span>
        <span class="ProfileSnapshot-bid" ng-if="ctrl.project.hourly_project_info">
            <span class="ProfileSnapshot-bidProposal">
                {{ ctrl.project.currency.sign }}{{ ctrl.bid.get().amount }}/hr -
                <span ng-show="ctrl.bid.get().period === 1">1 hour per week</span>
                <span ng-show="ctrl.bid.get().period > 1">{{ ctrl.bid.get().period }} hours per week</span>
            </span>
            <time class="ProfileSnapshot-postedDate">
                {{ ctrl.bid.get().time_submitted | timeAgoFilter }} ago
            </time>
        </span>

        <ng-transclude></ng-transclude>
    </div>
</div>