2013-09-05 10:28:35 -07:00
{% extends "base.html" %}
2013-09-05 20:35:49 -07:00
{% load humanize %}
2013-09-05 10:28:35 -07:00
{% load pagination_tags %}
{% block page-title %}Snipt Jobs{% endblock %}
2013-09-05 22:09:07 -07:00
{% block body-class %}{{ block.super }} static jobs search{% endblock %}
{% block js %}
window.jobs = [
{% for job in jobs %}
{{ job.data|safe }}{% if not forloop.last %},{% endif %}
{% endfor %}
];
{% endblock %}
2013-09-05 10:28:35 -07:00
{% block breadcrumb %}
< li > < a href = "/jobs/" > Snipt Jobs< / a > < / li >
{% endblock %}
{% block content %}
2013-09-05 22:09:07 -07:00
< div ng-controller = "JobSearchController" ng-cloak class = "ng-cloak" >
< div class = "static-box {% if page.object_list|length > 0 %}has-snipts{% endif %}" >
< form method = "get" class = "form-search" action = "." >
< input ng-model = "query" type = "text" class = "search-query" name = "q" placeholder = "Filter jobs" / >
< / form >
< / div >
2013-09-05 22:21:06 -07:00
< div class = "loading-jobs" ng-show = "!jobs" >
Loading jobs…
< / div >
2013-09-05 22:32:44 -07:00
< div class = "pagination ng-cloak" ng-cloak ng-show = "jobs" >
2013-09-05 22:09:07 -07:00
< button class = "btn prev" style = "margin: 0 10px;" href ng-disabled = "currentPage == 0" ng-click = "currentPage=currentPage - 1" > Previous< / button >
< span class = "page" > {[{ currentPage + 1 }]} / {[{ numberOfPages() }]}< / span >
2013-09-05 22:32:44 -07:00
< button class = "btn next" style = "margin: 0 10px;" ng-disabled = "currentPage >= filteredJobs.length / pageSize - 1" ng-click = "currentPage=currentPage + 1" > Next< / button >
2013-09-05 22:09:07 -07:00
< / div >
< section class = "jobs" >
< ul >
2013-09-05 22:32:44 -07:00
< li ng-repeat = "job in filteredJobs|startFrom:currentPage * pageSize|limitTo:pageSize" >
2013-10-21 12:22:47 -07:00
< a href = "{[{ job.url }]}?aff=dbe7e" class = "group job-link" >
2013-09-06 07:42:38 -07:00
< img ng-show = "job.company.logo" ng-src = "{[{ job.company.logo }]}" / >
2013-09-05 10:28:35 -07:00
< span class = "left" >
2013-09-05 22:09:07 -07:00
< span class = "job" > {[{ job.title }]}< / span >
< span class = "company" > {[{ job.company.name }]}< / span >
2013-09-05 10:28:35 -07:00
< / span >
< span class = "right" >
2013-09-05 22:09:07 -07:00
< span class = "location" > {[{ job.company.location.city }]}< / span >
< span class = "date" > {[{ job.created }]}< / span >
2013-09-05 10:28:35 -07:00
< / span >
< / a >
< / li >
2013-09-05 22:09:07 -07:00
< / ul >
< / section >
2013-09-05 22:32:44 -07:00
< div class = "pagination ng-cloak" ng-cloak ng-show = "jobs" >
2013-09-05 22:09:07 -07:00
< button class = "btn prev" style = "margin: 0 10px;" href ng-disabled = "currentPage == 0" ng-click = "currentPage=currentPage - 1" > Previous< / button >
< span class = "page" > {[{ currentPage + 1 }]} / {[{ numberOfPages() }]}< / span >
2013-09-05 22:32:44 -07:00
< button class = "btn next" style = "margin: 0 10px;" ng-disabled = "currentPage >= filteredJobs.length / pageSize - 1" ng-click = "currentPage=currentPage + 1" > Next< / button >
2013-09-05 22:09:07 -07:00
< / div >
< / div >
2013-09-05 10:28:35 -07:00
{% endblock %}
2013-09-05 10:47:24 -07:00
2013-10-21 12:22:47 -07:00
{% block ad %}{% endblock %}
2013-09-05 10:47:24 -07:00
{% block aside-top %}
< div class = "post-job" >
2013-10-21 12:22:47 -07:00
< a id = "post-job" href = "http://www.authenticjobs.com/post/?aff=dbe7e" class = "btn btn-large btn-success" > Post a job< / a >
2013-09-05 10:47:24 -07:00
< p >
2013-10-21 12:22:47 -07:00
We use < a class = "job-link" href = "http://www.authenticjobs.com?aff=dbe7e" > Authentic Jobs< / a > for our job board provider. Once you post your ad, it will appear on Snipt within 30 minutes.
2013-09-05 10:47:24 -07:00
< / p >
< / div >
{% endblock %}