gaf-mobile/app/components/updatelocation-modal/updatelocation-modal.html

GAF mobile Web site

<div class="UpdateLocation">
    <form class="UpdateLocation-form" ng-submit="ctrl.updateLocation()" name="modalForm">
    <div class="UpdateLocation-inner">
        <header class="PageHeader">
            <div class="section-inner">
                <h1 class="PageHeader-title">Confirm your location</h1>
                <label class="PageHeader-label" for="add-location">Type your location</label>
                <div class="input-group">
                    <input id="addLocation" type="text"
                    	   name="addLocation"
                           placeholder="Start by typing your location"
                           ng-model-options="{ debounce: 500 }"
                           g-places-autocomplete
                           ng-model="ctrl.location"
                           >
                    <a class="input-group-addon"
                    ng-click="ctrl.getCurrentLocation()"
                    ><span class="icon-location"></span></a>
                </div>
            </div>
        </header>
    </div>
    <div class="UpdateLocation-categories section-inner">
		<aside ng-switch="ctrl.error" ng-if= "ctrl.error" class="UpdateLocation-alert alert alert-error">
			 <span ng-switch-when="locationNotAvailable" class="alert-content">
	     		Location not available
		     </span>
		     <span ng-switch-when="invalidLocation" class="alert-content">
				Invalid Location
		     </span>
		      <span ng-switch-when="errorOcurred" class="alert-content">
				Location can not be saved. Please try again.
		     </span>
		</aside> 
            <div class="UpdateLocation-form-content">
                <label class="inline-label UpdateLocation-form-label clearfix" for="notify-input">
                    <input type="checkbox" 
                    id="notify-input"
                    ng-model="ctrl.notifyInput"
                    class="UpdateLocation-form-checkbox">
                    <span class="UpdateLocation-form-text">Notify me when new jobs are posted in my area</span>
                </label>
            </div>
            <button type="submit" class="btn btn-primary UpdateLocation-form-btn"
            ng-disabled="!ctrl.isValidLocation(ctrl.location)"
            >Confirm and Browse Local Jobs</button>
    </div>
    </form>
</div>