fix: jobs ui

This commit is contained in:
Jannat Patel
2022-01-10 21:39:26 +05:30
parent 326bc88f19
commit 8fff1cd817
9 changed files with 125 additions and 42 deletions

View File

@@ -3,32 +3,47 @@
{% block title %}{{ _('Job Openings') }}{% endblock %}
{% block content %}
{% set allow_posting = frappe.db.get_single_value("Job Settings", "allow_posting") %}
<div class="common-page-style">
<div class="container">
<a class="button is-primary pull-right" href="/job-opportunity">{{ _("Post a Job") }}</a>
{% if allow_posting and jobs | length %}
<a class="button is-primary pull-right" href="/job-opportunity?new=1">{{ _("Post a Job") }}</a>
{% endif %}
<div class="course-home-headings">{{ _("Job Openings") }}</div>
<div class="cards-parent">
{% if jobs | length %}
<div class="job-card-parent">
{% for job in jobs %}
<div class="common-card-style course-card">
<div class="job-card">
<div>
<div class="course-tags">
<div class="course-card-pills">{{ _(job.type) }}</div>
<div class="course-card-pills">{{ job.location }}</div>
</div>
<div class="job-card-info">
<div class="bold-title">{{ _(job.job_title) }}</div>
<small>{{ job.company_name }}</small>
</div>
</div>
<div class="avatar avatar-large" title="{{ job.company_name}}">
<span class="avatar-frame company-logo" style="background-image: url( {{ job.company_logo | urlencode }} );"></span>
</div>
<div class="job-card-info">
<div class="d-flex mb-1">
<div class="course-card-pills">{{ _(job.type) }}</div>
<div class="course-card-pills">{{ job.location }}</div>
</div>
<div class="card-heading">{{ _(job.job_title) }}</div>
<div>{{ job.company_name }}</div>
</div>
<div class="small">Posted on: {{ frappe.utils.format_date(job.creation, "medium") }}</div>
</div>
<a class="stretched-link" href="/jobs/{{ job.name }}"></a>
</div>
{% endfor %}
</div>
{% else %}
<div class="empty-state text-center">
<img class="icon icon-xl" src="/assets/frappe/icons/timeless/message.svg">
<div class="course-home-headings mt-4 mb-0" style="color: inherit;"> {{ _("No open positions") }} </div>
<div class="small mb-6"> {{ _("There are no job openings available.") }} </div>
{% if allow_posting %}
<a class="button is-secondary dark-links m-auto" href="/job-opportunity?new=1">{{ _("Post a Job") }}</a>
{% endif %}
</div>
{% endif %}
</div>
</div>
{% endblock %}

View File

@@ -8,7 +8,7 @@ def get_context(context):
},
[
"job_title", "location", "type", "company_name",
"company_logo", "name"
"company_logo", "name", "creation"
],
order_by="creation desc")

View File

@@ -8,23 +8,28 @@
<div class="container">
{{ BreadCrumb(job) }}
<div class="common-card-style thread-card">
<div class="job-card">
<div>
<span class="course-tags">
<div class="course-card-pills">{{ _(job.type) }}</div>
<div class="course-card-pills">{{ job.location }}</div>
</span>
<div class="job-card-info">
<div class="card-heading">{{ _(job.job_title) }}</div>
<a class="dark-links" href="{{ job.company_website }}">{{ job.company_name }}</a>
<div class="small mt-1">Posted On: {{ frappe.utils.format_date(job.creation, "medium") }}</div>
</div>
</div>
<div class="d-flex">
<div class="avatar avatar-large" title="{{ job.company_name}}">
<span class="avatar-frame company-logo" style="background-image: url( {{ job.company_logo | urlencode }} );"></span>
</div>
<div class="job-card-info">
<span class="d-flex mb-1">
<div class="course-card-pills">{{ _(job.type) }}</div>
<div class="course-card-pills">{{ job.location }}</div>
</span>
<div class="">
<div class="card-heading">{{ _(job.job_title) }}</div>
<a class="dark-links" href="{{ job.company_website }}">{{ job.company_name }}</a>
</div>
</div>
<div>
<div class="small">Posted On: {{ frappe.utils.format_date(job.creation, "medium") }}</div>
<a class="pull-right mt-3" href="/job-opportunity/{{ job.name }}">Edit</a>
</div>
</div>
<div class="job-description-section">
<div class="mt-5">
<div>{{ _(job.description) }}</div>
<a class="button is-primary mt-5" href="{{ job.application_link }}">{{ _("Apply Now") }}</a>
</div>