gaf-mobile/app/components/jobs-localjobs/jobs-localjobs.html

GAF mobile Web site

<div class="work-directory scroll-container" fl-analytics-section="BrowseLocalJobs"
    ng-switch="ctrl.page">
    <div ng-switch-when="updateLocation">
        <updatelocation-modal success="ctrl.successCallback"></updatelocation-modal>
    </div>
    <div class="work-directory-inner" ng-switch-when="browseLocal">
        <section>
            <header class="PageHeader">
                <div class="section-inner">
                    <h1 class="PageHeader-title">Local Jobs</h1>
                    <div class="input-group">
                        <input type="text"
                               placeholder="Start by typing your location"
                               g-places-autocomplete
                               ng-model="ctrl.search"
                               ng-model-options="{ debounce: 500 }"
                               ng-value="ctrl.address"
                               ng-change="ctrl.handleLocation()">
                        <a class="input-group-addon ng-binding"
                            ng-click="ctrl.getCurrentLocation()"
                            fl-analytics="{{ ctrl.address }}"
                        ><span class="icon-location"></span></a>
                    </div>
                    <div ng-if="!ctrl.isLocationValid">
                        <span class="form-error">Invalid Location</span>
                    </div>
                </div>
                <div class="section-inner" ng-if="ctrl.address && ctrl.isLocationValid && ctrl.state !== 'searching'">
                    <span class="work-directory-results-text" ng-if="ctrl.count !== 1">{{ctrl.count}} Jobs located near <strong>{{ctrl.address}}</strong></span>
                    <span class="work-directory-results-text" ng-if="ctrl.count === 1">1 Job located near <strong>{{ctrl.address}}</strong></span>
                </div>
            </header>

            <div class="work-directory-categories section-inner" ng-switch="ctrl.state">
                <!--   PAGE VIEW   -->
                <!-- employer projects -->
                <section class="work-directory-list" ng-switch-when="withResults">
                    <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">
                                    <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" ng-if="p.bid_stats.bid_avg">
                                            Average Bid: {{ p.bid_stats.bid_avg | currency:p.currency.sign : 0}}
                                            <span class="work-directory-job-currency">{{ p.currency.code }}</span>
                                        </span>
                                        <span class="ProjectSnapshot-detail" ng-if="ctrl.count !== 1">
                                            {{ p.submitdate | timeAgoFilter }} ago - {{ p.bid_stats.bid_count }} bids
                                        </span>
                                        <span class="ProjectSnapshot-detail" ng-if="ctrl.count === 1">
                                            {{ p.submitdate | timeAgoFilter }} ago - {{ p.bid_stats.bid_count }} bids
                                        </span>
                                    </div>
                                    <div class="ProjectSnapshot-location" ng-if="p.location.vicinity">
                                        <small>{{ p.location.vicinity }}, {{ p.location.country.name }}<span ng-if="p.user_distance"> - {{ p.user_distance | number : 2 }} KM away</span></small>
                                    </div>
                                    <div class="ProjectSnapshot-location" ng-if="!p.location.vicinity">
                                        <small>{{ p.location.country.name }}<span ng-if="p.user_distance"> - {{ p.user_distance | number : 2 }} KM away</span></small>
                                    </div>
                                </a>
                                 <a ng-if="ctrl.isLoggedIn" class="ProjectSnapshot-btn btn btn-primary btn-small" href="/projects/{{ p.seo_url }}#placebid" fl-analytics="PlaceBid">Place bid</a>
                            </div>
                        </li>
                    </ul>
                </section>
                <section class="work-directory-loader" ng-switch-when="searching">
                    <div class="loadingicon">Loading...</div>
                </section>
                <section class="work-directory-list" ng-switch-when="noLocation">
                    Please choose a location
                </section>
                <section class="work-directory-list" ng-switch-when="noResults">
                    Sorry, no results for that location. Please try entering another location.
                </section>
            </div>
        </section>
    </div>
</div>