gaf-mobile/app/views/view-project/view-project-landings.html

GAF mobile Web site

<!-- Project Info and Bids views -->
<div class="projectnew scroll-container" fl-analytics-section="ProjectViewLanding">

    <section class="projectnew-hero hero">
        <div class="hero-inner section-inner">
            <h1 class="hero-title">{{ ctrl.project.title | stripUrl }}</h1>
            <!-- Active -->
            <span ng-if="ctrl.project.status === 'active'" class="hero-sub-title">This project is ending<strong><span ng-if="ctrl.projectObj.getDaysLeft() >= 1"> in {{ ctrl.projectObj.getDaysLeft() }} days</span><span ng-if="ctrl.projectObj.getDaysLeft() < 1">today</span></strong> and has an average bid price of <strong>{{ (ctrl.project.bid_stats.bid_avg || 0) |number:0 | currency:ctrl.project.currency.sign }} {{ctrl.project.currency.code}}</strong>.</span>
            <!-- Awarded -->
            <span ng-if="ctrl.project.status === 'closed' && ctrl.project.frontend_project_status === 'work_in_progress'" class="hero-sub-title">This project was awarded to <strong>{{ctrl.project.selected_bids[0].bidder.username}}</strong> for <strong>{{ctrl.project.selected_bids[0].amount | currency:ctrl.project.currency.sign }} {{ctrl.project.currency.code}}</strong>.</span>
            <!-- Completed -->
            <span ng-if="ctrl.project.status === 'closed' && ctrl.project.frontend_project_status === 'complete' && ctrl.project.sub_status === 'closed_awarded'" class="hero-sub-title">This project has been successfully completed.</span>
            <!-- Closed + No bids -->
            <span ng-if="ctrl.project.status === 'frozen' || ctrl.project.status === 'closed' && ctrl.project.frontend_project_status === 'complete' && ctrl.project.sub_status !== 'closed_awarded'" class="hero-sub-title">This project is now closed with a project budget of <strong>{{ ctrl.project.budget.minimum | currency:ctrl.project.currency.sign }} - {{ ctrl.project.budget.maximum | currency:ctrl.project.currency.sign }} {{ctrl.project.currency.code}}</strong>.</span>
            <!-- Cleanup when RearrangePVPBtns A/B test is done -->
            <div ng-if="ctrl.rearrangePVPBtns">
                <!-- If it's an hourly project, repost & bids goes to Desktop -->
                <a ng-if="ctrl.projectObj.isHourlyProject()" class="btn hero-btn" fl-gaf-link ng-href="https://www.freelancer.com/buyers/repost.php?id={{ctrl.project.id}}" fl-analytics="GoToPostProject" fl-analytics-label="PostSimilar">
                    <span class="icon-external-link"></span>
                    Post a similar project
                </a>
                <!-- Otherwise handle the repost -->
                <button ng-if="!ctrl.projectObj.isHourlyProject()" class="btn hero-btn hero-btn-post-project" ng-click="ctrl.repost(ctrl.project)" fl-analytics="GoToPostProject" fl-analytics-label="PostSimilar">
                    Post a similar project
                </button>
            </div>
            <button ng-if="ctrl.project.status === 'active'" class="btn btn-default" ng-click="ctrl.modal.showBidForm = true" fl-analytics="ToggleModal" fl-analytics-label="ShowBidForm">
                Bid on this project
            </button>
            <!-- Cleanup when RearrangePVPBtns A/B test is done -->
            <div ng-if="!ctrl.rearrangePVPBtns">
                <!-- If it's an hourly project, repost & bids goes to Desktop -->
                <a ng-if="ctrl.projectObj.isHourlyProject()" class="btn btn-tertiary hero-btn" fl-gaf-link ng-href="https://www.freelancer.com/buyers/repost.php?id={{ctrl.project.id}}" fl-analytics="GoToPostProject" fl-analytics-label="PostSimilar">
                    <span class="icon-external-link"></span>
                    Post a similar project
                </a>
                <!-- Otherwise handle the repost -->
                <button ng-if="!ctrl.projectObj.isHourlyProject()" class="btn btn-tertiary hero-btn" ng-click="ctrl.repost(ctrl.project)" fl-analytics="GoToPostProject" fl-analytics-label="PostSimilar">
                    Post a similar project
                </button>
            </div>
        </div>
    </section>

    <section class="make-row make-row-responsive" ng-if="ctrl.project.local">
      <ui-gmap-google-map center="ctrl.project.location" zoom="12" options="ctrl.mapOptions">
          <ui-gmap-marker idKey="1" coords="ctrl.project.location">
          </ui-gmap-marker>
      </ui-gmap-google-map>
    </section>

    <section class="projectnew-info section-inner">
        <h1>Project Description</h1>

        <div class="projectnew-data">
            <div class="projectnew-data-cost">
                <span class="projectnew-data-title">Project Budget</span>
                <span class="projectnew-data-content">{{ ctrl.project.budget.minimum | currency:ctrl.project.currency.sign  }} <span ng-show="ctrl.project.budget.maximum">-{{ ctrl.project.budget.maximum | currency:ctrl.project.currency.sign }}</span> {{ctrl.project.currency.code}}<span ng-show="ctrl.projectObj.isHourlyProject()"> / hour</span></span>
            </div>
            <div ng-show="ctrl.project.bid_stats.bid_count" class="projectnew-data-bids">
                <span class="projectnew-data-title">Total Bids</span>
                <span class="projectnew-data-content">{{ ctrl.project.bid_stats.bid_count }}</span>
            </div>
        </div>
        <p>
          <span class="projectnew-description">{{ ctrl.project.description | stripUrl }}</span>
        </p>
        <div class="projectnew-skills">
            <h2>Skills Required</h2>
            <a class="projectnew-skills-item" ng-repeat="job in ctrl.project.jobs" ng-href="/hire/{{job.seo_url}}" fl-analytics="GoToHire" fl-analytics-label="HirePage">{{ job.name }}</a>
        </div>
        <div ng-if="ctrl.project.status === 'closed' && ctrl.project.sub_status === 'closed_awarded' && ctrl.project.frontend_project_status !== 'complete'" class="projectnew-freelancer">
            <h2>Awarded to</h2>
            <div class="user-profile freelancer-bid">
                <a class="profiles-user user-profile" href="/u/{{ ctrl.project.selected_bids[0].bidder.username }}" fl-analytics="GoToUser" fl-analytics-value="p.id">
                    <div class="user-profile-avatar">
                       <img class="profiles-user-avatar" ng-src="{{ ctrl.project.selected_bids[0].bidder.avatar_cdn }}" title="{{ ctrl.project.selected_bids[0].bidder.username }}" alt="{{ ctrl.project.selected_bids[0].bidder.username }}" />
                    </div>
                    <div class="profiles-user-details user-profile-details">
                        <div class="user-profile-username">
                            <strong>{{ ctrl.project.selected_bids[0].bidder.username }}</strong>
                            <!--<span class="user-profile-onlinestatus onlinestatus is-online"></span>-->
                        </div>
                        <!-- Commenting out the tagline for the moment, waiting for hte search team to add it to the query in getFreelancer.php
                        <div>
                          {{fl.tagline}}
                        </div> -->
                        <div class="user-profile-rating user-rating" data-rating="{{ ctrl.project.selected_bids[0].bidder.reputation.entire_history.overall | number:1 }}">
                            <span class="user-rating-progress"></span>
                            <label class="user-rating-label">
                                <span ng-if="ctrl.project.selected_bids[0].bidder.reputation.entire_history.reviews === 0">(no reviews)</span>
                                <span ng-if="ctrl.project.selected_bids[0].bidder.reputation.entire_history.reviews === 1">(1 review)</span>
                                <span ng-if="ctrl.project.selected_bids[0].bidder.reputation.entire_history.reviews > 1">({{ ctrl.project.selected_bids[0].bidder.reputation.entire_history.reviews }} reviews)</span>
                            </label>
                        </div>
                        <div class="user-profile-rate">
                            <span class="user-profile-rate-value">${{ ctrl.project.selected_bids[0].bidder.hourly_rate }}</span> {{ ctrl.project.selected_bids[0].bidder.primary_currency.code }} / hour
                        </div>
                        <div class="user-profile-location">
                            <span class="user-profile-location-icon">
                                <fl-svg class="location-pin" src="/images/icons/location-pin.svg"></fl-svg>
                            </span>
                            <small class="user-profile-location-content">
                              <span ng-if="fl.location.city">{{ ctrl.project.selected_bids[0].bidder.location.city + ',' }} </span>
                              {{ ctrl.project.selected_bids[0].bidder.location.country.name }}
                            </small>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <a class="projectnew-seoawards" href="https://www.freelancer.com/info/awards.php" title="Freelancer Awards" fl-analytics="GoToAwards">
            <fl-svg class="projectnew-seoawards-logo logo-forbes" src="/images/project/logo-forbes.svg"></fl-svg>
            <fl-svg class="projectnew-seoawards-logo logo-time" src="/images/project/logo-time.svg"></fl-svg>
            <fl-svg class="projectnew-seoawards-logo logo-aimia" src="/images/project/logo-aimia.svg"></fl-svg>
            <fl-svg class="projectnew-seoawards-logo logo-brw" src="/images/project/logo-brw.svg"></fl-svg>
            <fl-svg class="projectnew-seoawards-logo logo-nytimes" src="/images/project/logo-nytimes.svg"></fl-svg>
        </a>
    </section>

    <mobile-footer></mobile-footer>

</div>