gaf-mobile

<div class="scroll-container dashboard" fl-analytics-section="Dashboard"> <div class="section-inner"> <div class="dashboard-header"> <greeter name="{{ ctrl.displayName }}"></greeter> <p class="dashboard-desc" ng-if="!ctrl.isSearching && !ctrl.isShowingSearchResults">Here are some tasks for today.</p> <span ng-if="ctrl.isSearching">Searching...</span> <span ng-if="!ctrl.isSearching && ctrl.isShowingSearchResults && ctrl.searchTotal > 0">We found {{ ctrl.searchTotal }} projects.</span> <div class="dashboard-search input-group"> <input type="text" placeholder="Search for projects" ng-model="ctrl.searchQuery"> <span ng-if="(!ctrl.isSearching && !ctrl.isShowingSearchResults) || ctrl.searchedQuery !== ctrl.searchQuery" class="input-group-addon ng-binding icon-search" ng-click="ctrl.projectSearch(ctrl.searchQuery)"> </span> <span ng-if="(ctrl.isSearching || ctrl.isShowingSearchResults) && ctrl.searchedQuery === ctrl.searchQuery" class="input-group-addon ng-binding icon-remove" ng-click="ctrl.clearSearchField()"> </span> </div> </div> <center ng-if="ctrl.showSpinner"> <div class="loadingicon">Loading...</div> </center> <div ng-if="!ctrl.isShowingSearchResults"> <div ng-if="ctrl.awardProjects.length > 0" ng-repeat="proj in ctrl.awardProjects"> <section class="Card Card--quinary"> <header class="Card-header"> <h3 class="Card-title">Award Project</h3> </header> <div class="Card-bodySection"> <p class="Card-desc"><strong>"{{proj.title}}"</strong> is waiting for you to award a project</p> <a class="btn btn-secondary" href="/projects/{{proj.seo_url}}#bids" fl-analytics="AwardProject"> Award Now </a> </div> </section> </div> <div ng-if="ctrl.acceptProjects.length > 0" ng-repeat="proj in ctrl.acceptProjects"> <section class="Card Card--primary"> <header class="Card-header"> <h3 class="Card-title">Accept Project</h3> </header> <div class="Card-bodySection"> <p class="Card-desc"><strong>"{{proj.title}}"</strong> is waiting for you to accept</p> <a class="btn btn-secondary" href="/projects/{{proj.seo_url}}#bids" fl-analytics="AcceptProject"> Accept Now </a> </div> </section> </div> <div ng-if="ctrl.createMilestoneProjects.length > 0" ng-repeat="proj in ctrl.createMilestoneProjects"> <section class="Card Card--secondary"> <header class="Card-header"> <h3 class="Card-title">Create a Milestone</h3> </header> <div class="Card-bodySection"> <p class="Card-desc"><strong>"{{proj.title}}"</strong> is waiting for you to create a milestone</p> <a class="btn btn-secondary" href="/projects/{{proj.seo_url}}#management" fl-analytics="CreateMilestone"> Create Now </a> </div> </section> </div> <div ng-if="ctrl.releaseMilestoneProjects.length > 0" ng-repeat="proj in ctrl.releaseMilestoneProjects"> <section class="Card Card--primaryLight"> <header class="Card-header"> <h3 class="Card-title">Release a Milestone</h3> </header> <div class="Card-bodySection"> <p class="Card-desc"><strong>"{{proj.title}}"</strong> is waiting for you to release a milestone</p> <a class="btn btn-secondary" href="/projects/{{proj.seo_url}}#management" fl-analytics="ReleaseMilestone"> Release Now </a> </div> </section> </div> <div ng-if="ctrl.recommendedProjects.length > 0" ng-repeat="proj in ctrl.recommendedProjects"> <section class="Card Card--tertiary"> <header class="Card-header"> <h3 class="Card-title">Recommended Project</h3> </header> <div class="Card-bodySection"> <p class="Card-desc"><strong>"{{proj.title}}"</strong></p> <a class="btn btn-secondary" href="/projects/{{proj.seo_url}}" fl-analytics="Recommended Project"> Go Now </a> </div> </section> </div> <section class="Card Card--senary" ng-if="ctrl.upsellTrial"> <header class="Card-header"> <h3 class="Card-title">Free Membership Trial</h3> </header> <div class="Card-bodySection"> <p class="Card-desc">Experience the amazing benefits of <strong>{{ctrl.upsellTrial.display_name | capitalize}}</strong> Membership today!</p> <p class="Card-footnote">*The membership will continue for {{ctrl.upsellTrial.prices[0].amount | currency:ctrl.user.primary_currency.sign}} every {{ctrl.upsellTrial.prices[0].duration.type}} after the {{ctrl.upsellTrial.prices[0].duration.cycle}}-{{ctrl.upsellTrial.prices[0].duration.type}} trial period.</p> <a class="btn btn-secondary" href="/membership?subscribeToTrial=true" fl-analytics="MembershipUpsell"> Start FREE trial </a> </div> </section> <section class="Card Card--senary" ng-if="!ctrl.user.status.phone_verified"> <header class="Card-header"> <h3 class="Card-title">Verify Phone Number</h3> </header> <div class="Card-bodySection"> <p class="Card-desc">Provide a phone number to use as verification of your account </p> <a class="btn btn-secondary" href="/verify-phone" fl-analytics="VerifyNumber"> Set up security number </a> </div> </section> <section class="Card Card--senary"> <header class="Card-header"> <h3 class="Card-title">Freelancer Mobile</h3> </header> <div class="Card-bodySection"> <p class="Card-desc">Create new projects, find freelancers, and collaborate with contacts on the go with the official Freelancer app for iOS and Android. </p> <a class="app-store-link" href="https://bnc.lt/m/8DVMWCoAis" title="Get the Android app from Google play" fl-analytics="DownloadiOSApp"> <img class="app-store-link-badge app-store-link-android" src="/images/mobile/google-play-store_eng.svg" alt="Download the Freelancer Android app from Google play"/> </a> <a class="app-store-link" href="https://bnc.lt/m/8DVMWCoAis" title="Get the iOS app from the Apple App Store" fl-analytics="DownloadAndroidApp"> <img class="app-store-link-badge app-store-link-ios" src="/images/mobile/apple-app-store_eng.svg" alt="Download the Freelancer iOS app from the Apple App Store"/> </a> </div> </section> </div> </div> <div class="work-directory section-inner" ng-if="ctrl.isShowingSearchResults"> <div class="dashboard-searchResults"> <h3 ng-if="ctrl.searchTotal > 0">Search Results</h3> <p ng-if="ctrl.searchTotal === 0">Sorry, we could not find any projects related to that search key.</p> <section class="work-directory-list" ng-if="ctrl.searchTotal > 0"> <ul class="work-directory-jobs-list"> <li class="work-directory-job" ng-repeat="p in ctrl.searchResults"> <div class="ProjectSnapshot"> <a href="/projects/{{ p.seo_url }}" class="ProjectSnapshot-overlayLink" fl-analytics="GoToProject" fl-analytics-value="p.id"> <div class="ProjectSnapshot-promotions"> <span class="promotion-tag promotion-tag-featured" ng-if="p.upgrades.featured">Featured</span> <span class="promotion-tag promotion-tag-urgent" ng-if="p.upgrades.urgent">Urgent</span> <span class="promotion-tag promotion-tag-assisted" ng-if="p.upgrades.assisted">Assisted</span> <span class="promotion-tag promotion-tag-sealed" ng-if="p.upgrades.sealed">Sealed</span> <span class="promotion-tag promotion-tag-full-time" ng-if="p.upgrades.fulltime">Full Time</span> <span class="promotion-tag promotion-tag-private" ng-if="p.upgrades.nonpublic">Private</span> <span class="promotion-tag promotion-tag-nda" ng-if="p.upgrades.NDA">NDA</span> </div> <h3 class="ProjectSnapshot-title">{{ p.title }}</h3> <p class="ProjectSnapshot-desc">{{ p.preview_description }}</p> <div class="ProjectSnapshot-tags"> <small ng-repeat="j in p.jobs">{{ j.name }}<span ng-if="!$last">, </span></small> </div> <div class="ProjectSnapshot-details"> <span class="ProjectSnapshot-budget"> {{ p.bid_stats.bid_avg || 0 | currency:p.currency.sign:0}} <span class="work-directory-job-currency">{{ p.currency.code }} <span class="paymentverified paymentverified-small is-verified" ng-if="ctrl.users[p.owner_id].status.payment_verified"> <span class="icon-payment-verified paymentverified-icon"> </span> </span> </span> </span> <span class="ProjectSnapshot-detail"> {{ p.submitdate | timeAgoFilter }} ago - {{ p.bid_stats.bid_count }} bids </span> </div> </a> </div> </li> </ul>  <fl-button class="btn btn-primary" action="ctrl.projectSearch(ctrl.searchQuery, true)" ng-if="ctrl.hasMoreProjects()" fl-analytics="LoadMore" fl-analytics-label="Projects">Load more</fl-button> </section> </div> </div> </div>