gaf-mobile

<div class="work-directory scroll-container" fl-analytics-section="WorkDirectory" fl-scrollpos="ctrl.position.scroll" fl-scrollpos-container fl-in-viewport-container> <div class="work-directory-inner"> <section>  <a id="recommended"></a> <a id="categories"></a> <header class="PageHeader" ng-if="ctrl.projects.length !== 0"> <div class="section-inner"> <h1 class="PageHeader-title" ng-show="tab.name === 'recommended'">Recommended {{ctrl.jobName}} Projects</h1> <h1 class="PageHeader-title" ng-show="(ctrl.jobName || (tab.name === 'latest' && !ctrl.isLoggedIn)) && (ctrl.projects && ctrl.projects.length !== 0)">Latest {{ctrl.jobName}} Projects</h1> <h1 class="PageHeader-title" ng-show="tab.name === 'categories' && !ctrl.category && !ctrl.jobName">Project Categories</h1> <h1 class="PageHeader-title" ng-show="tab.name === 'categories' && ctrl.category">{{ ctrl.category.name }}</h1> </div> </header> <nav class="PageNav"> <ul class="PageNav-list"> <li class="PageNav-item" ng-if="ctrl.isLoggedIn"> <a fl-active-tab class="PageNav-link" ng-click="ctrl.changeTab('recommended')" tab="recommended" fl-analytics="GoToRecommendedTab"> Recommended </a> </li> <li class="PageNav-item" ng-if="!ctrl.isLoggedIn"> <a fl-active-tab class="PageNav-link" ng-click="ctrl.changeTab('latest')" tab="latest" fl-analytics="GoToLatestTab"> Latest </a> </li> <li class="PageNav-item"> <a fl-active-tab class="PageNav-link" ng-click="ctrl.changeTab('categories')" tab="categories" fl-analytics="GoToCategoriesTab"> Categories </a> </li> </ul> </nav> <div class="work-directory-header section-inner"> <div class="work-directory-loader" ng-if="ctrl.loading"> <div class="loadingicon">Loading...</div> </div> </div> <div class="my-projects-empty section-inner" ng-if="ctrl.projects.length === 0" fl-analytics-subsection="EmptyJobsDirectory"> <div class="icon-roundy-square large-icon watermark-icon"> <span class="icon-file-powerpoint large-icon-inner"></span> </div> <h2>There are no {{ ctrl.jobName }} projects</h2> <p>Come back later to check if a {{ ctrl.jobName }} project has been posted.</p> <fl-button class="post-project-btn btn btn-primary" ng-click="ctrl.changeTab('categories')" fl-analytics="GoBackToCategories">Go Back</fl-button> </div> <div class="work-directory-categories section-inner" ng-if="ctrl.projects.length !== 0">   <section class="work-directory-list" ng-show="tab.name === 'recommended' || tab.name === 'latest' || ctrl.jobName"> <ul class="work-directory-jobs-list"> <li class="work-directory-job" ng-repeat="p in ctrl.projects"> <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 && !ctrl.isLoggedIn"> <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> <a ng-if="ctrl.isLoggedIn && tab.name === 'recommended'" class="ProjectSnapshot-btn btn btn-primary btn-small" href="/projects/{{ p.seo_url }}#placebid">Place bid</a> </div> </li> </ul>  <div class="work-directory-jobs-loading" ng-if="ctrl.hasMoreProjects"> <a class="loadingicon" fl-in-viewport="ctrl.loadMoreProjects()">Loading...</a> </div> </section>   <section class="work-directory-list" ng-show="tab.name === 'categories' && !ctrl.category && !ctrl.jobName"> <ul class="work-directory-categories-list"> <li class="work-directory-category"> <a ng-click="ctrl.showCategory(1)" class="Category" fl-analytics="GoToJobCategory" fl-analytics-value="websites"> <fl-svg class="Category-icon" src="images/category/website.svg"></fl-svg> <div class="Category-detail"> <h3 class="Category-title">Websites, IT & Software</h3> <p class="Category-counter">{{ (ctrl.categories[1].active_project_count || 0) | number:0 }} open projects</p> </div> </a> </li> <li class="work-directory-category"> <a ng-click="ctrl.showCategory(2)" class="Category" fl-analytics="GoToJobCategory" fl-analytics-value="writing"> <fl-svg class="Category-icon" src="/images/category/writing.svg"></fl-svg> <div class="Category-detail"> <h3 class="Category-title">Writing & Content</h3> <p class="Category-counter">{{ (ctrl.categories[2].active_project_count || 0) | number:0 }} open projects</p> </div> </a> </li> <li class="work-directory-category"> <a ng-click="ctrl.showCategory(3)" class="Category" fl-analytics="GoToJobCategory" fl-analytics-value="design"> <fl-svg class="Category-icon" src="/images/category/graphic-design.svg"></fl-svg> <div class="Category-detail"> <h3 class="Category-title">Design & Architecture </h3> <p class="Category-counter">{{ (ctrl.categories[3].active_project_count || 0) | number:0 }} open projects</p> </div> </a> </li> <li class="work-directory-category"> <a ng-click="ctrl.showCategory(4)" class="Category" fl-analytics="GoToJobCategory" fl-analytics-value="dataentry"> <fl-svg class="Category-icon" src="/images/category/data.svg"></fl-svg> <div class="Category-detail"> <h3 class="Category-title">Data Entry & Admin</h3> <p class="Category-counter">{{ (ctrl.categories[4].active_project_count || 0) | number:0 }} open projects</p> </div> </a> </li> <li class="work-directory-category"> <a ng-click="ctrl.showCategory(5)" class="Category" fl-analytics="GoToJobCategory" fl-analytics-value="engineering"> <div class="Category-iconContainer"> <fl-svg class="Category-icon" src="/images/category/engineering.svg"></fl-svg> </div> <div class="Category-detail"> <h3 class="Category-title">Engineering & Science</h3> <p class="Category-counter">{{ (ctrl.categories[5].active_project_count || 0) | number:0 }} open projects</p> </div> </a> </li> <li class="work-directory-category"> <a ng-click="ctrl.showCategory(6)" class="Category" fl-analytics="GoToJobCategory" fl-analytics-value="sales"> <fl-svg class="Category-icon" src="/images/category/marketing.svg"></fl-svg> <div class="Category-detail"> <h3 class="Category-title">Sales & Marketing</h3> <p class="Category-counter">{{ (ctrl.categories[6].active_project_count || 0) | number:0}} open projects</p> </div> </a> </li> <li class="work-directory-category"> <a ng-click="ctrl.showCategory(7)" class="Category" fl-analytics="GoToJobCategory" fl-analytics-value="business"> <fl-svg class="Category-icon" src="/images/category/business.svg"></fl-svg> <div class="Category-detail"> <h3 class="Category-title">Business, Legal & Accounting</h3> <p class="Category-counter">{{ (ctrl.categories[7].active_project_count || 0) | number:0 }} open projects</p> </div> </a> </li> <li class="work-directory-category"> <a ng-click="ctrl.showCategory(8)" class="Category" fl-analytics="GoToJobCategory" fl-analytics-value="mobile"> <fl-svg class="Category-icon" src="/images/category/mobile.svg"></fl-svg> <div class="Category-detail"> <h3 class="Category-title">Product Manufacturing</h3> <p class="Category-counter">{{ (ctrl.categories[8].active_project_count || 0) | number:0}} open projects</p> </div> </a> </li> <li class="work-directory-category"> <a ng-click="ctrl.showCategory(10)" class="Category" fl-analytics="GoToJobCategory" fl-analytics-value="translation"> <fl-svg class="Category-icon" src="/images/category/translation.svg"></fl-svg> <div class="Category-detail"> <h3 class="Category-title">Translation & Languages</h3> <p class="Category-counter">{{ (ctrl.categories[10].active_project_count || 0) | number:0 }} open projects</p> </div> </a> </li> <li class="work-directory-category"> <a ng-click="ctrl.showCategory(12)" class="Category" fl-analytics="GoToJobCategory" fl-analytics-value="localjobs"> <fl-svg class="Category-icon" src="/images/category/localjobs.svg"></fl-svg> <div class="Category-detail"> <h3 class="Category-title">Local Jobs & Services</h3> <p class="Category-counter">{{ (ctrl.categories[12].active_project_count || 0) | number:0 }} open projects</p> </div> </a> </li> <li class="work-directory-category"> <a ng-click="ctrl.showCategory(99)" class="Category" fl-analytics="GoToJobCategory" fl-analytics-value="other"> <fl-svg class="Category-icon" src="/images/category/others.svg"></fl-svg> <div class="Category-detail"> <h3 class="Category-title">{{ ctrl.categories[99].name }}</h3> <p class="Category-counter">{{ (ctrl.categories[99].active_project_count || 0) | number:0 }} open projects</p> </div> </a> </li> </ul> </section>   <section class="work-directory-list" ng-show="tab.name === 'categories' && ctrl.category && !ctrl.jobName"> <ul class="work-directory-categories-list"> <li class="work-directory-category" ng-repeat="job in ctrl.category.jobs | orderBy: 'name.toString()'"> <a class="Category Category--small" href="/jobs/{{ job.seo_url }}"><span class="Category-title">{{ job.name }}</span> <span class="Category-counter">{{ job.active_project_count || 0 }} open projects</span></a> </li> </ul> </section> </div> </section> </div> </div>