fix: job reporting

school/www/community/index.html

@@ -1,5 +1,4 @@
 {% extends "templates/base.html" %}
-{% from "www/hackathons/macros/card.html" import null_card %}
 {% block title %}{{ _('Community') }}{% endblock %}
 
 {% block content %}

school/www/courses/index.html

@@ -1,5 +1,4 @@
 {% extends "templates/base.html" %}
-{% from "www/hackathons/macros/card.html" import null_card %}
 {% block title %}{{ 'Courses' }}{% endblock %}
 {% block head_include %}
 <style>

school/www/jobs/index.html

@@ -1,5 +1,4 @@
 {% extends "templates/base.html" %}
-{% from "www/hackathons/macros/card.html" import null_card %}
 {% block title %}{{ _('Job Openings') }}{% endblock %}
 
 {% block content %}
@@ -16,20 +15,8 @@
   <div class="job-card-parent">
       {% for job in jobs %}
         <div class="common-card-style course-card">
-          <div class="job-card">
-            <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>
+          {% set show_edit_link = False %}
+          {% include "school/templates/job_card.html" %}
           <a class="stretched-link" href="/jobs/{{ job.name }}"></a>
         </div>
       {% endfor %}
@@ -37,8 +24,8 @@
     {% 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>
+      <div class="course-home-headings mt-4 mb-0" style="color: inherit;"> {{ _("No open jobs") }} </div>
+      <div class="small mb-6"> {{ _("There are no job openings at present.") }} </div>
       {% if allow_posting %}
       <a class="button is-secondary dark-links m-auto" href="/job-opportunity?new=1">{{ _("Post a Job") }}</a>
       {% endif %}

school/www/jobs/index.py

@@ -3,8 +3,8 @@ import frappe
 def get_context(context):
     context.jobs = frappe.get_all("Job Opportunity",
         {
-            "status": "Approved",
-            "job_opportunity_status": "Open"
+            "status": "Open",
+            "disabled": False
         },
         [
             "job_title", "location", "type", "company_name",

school/www/jobs/job.html

@@ -1,5 +1,4 @@
 {% extends "templates/base.html" %}
-{% from "www/hackathons/macros/card.html" import null_card %}
 {% block title %}{{ _(job.job_title) }}{% endblock %}
 
 {% block content %}
@@ -7,31 +6,50 @@
 <div class="common-page-style">
   <div class="container">
     {{ BreadCrumb(job) }}
-    <div class="common-card-style thread-card">
-      <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="mt-5">
+    <div class="common-card-style job-detail-card">
+      {% set show_edit_link = True %}
+      {% include "school/templates/job_card.html" %}
+      <div class="p-4">
         <div>{{ _(job.description) }}</div>
-        <a class="button is-primary mt-5" href="{{ job.application_link }}">{{ _("Apply Now") }}</a>
+        <div class="d-flex justify-content-between mt-5">
+          <a class="button is-primary" href="{{ job.application_link }}">{{ _("Apply Now") }}</a>
+          <div class="button is-secondary" id="report">{{ _("Report this post") }}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="modal fade report-modal" id="report-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
+  aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <div class="font-weight-bold">{{ _("Report this Post") }}</div>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <form class="review-form" id="review-form">
+          <div class="form-group">
+            <div class="clearfix">
+              <label class="control-label reqd" style="padding-right: 0px;">{{ _("Reason for reporting") }}</label>
+            </div>
+            <div class="control-input-wrapper">
+              <div class="control-input">
+                <textarea type="text" autocomplete="off" class="input-with-feedback form-control report-field"
+                  data-fieldtype="Text" data-fieldname="feedback_comments" placeholder="" style="height: 200px;"
+                  spellcheck="false"></textarea>
+              </div>
+            </div>
+          </div>
+          <p class="error-field muted-text"></p>
+        </form>
+      </div>
+      <div class="modal-footer">
+        <div class="button submit-review is-primary" data-job="{{ job.name }}" id="submit-report">
+          Report</div>
       </div>
     </div>
   </div>

school/www/jobs/job.js

@@ -0,0 +1,27 @@
+frappe.ready(() => {
+  $("#report").click((e) => {
+    open_report_dialog(e);
+  });
+
+  $("#submit-report").click((e) => {
+    report(e);
+  });
+});
+
+const open_report_dialog = (e) => {
+  e.preventDefault();
+  $("#report-modal").modal("show");
+};
+
+const report = (e) => {
+  frappe.call({
+    method: "school.job.doctype.job_opportunity.job_opportunity.report",
+    args: {
+      "job": $(e.currentTarget).data("job"),
+      "reason": $(".report-field").val()
+    },
+    callback: (data) => {
+      frappe.msgprint(__("Thanks for informing us about this post. Site admins will look into this and take an appropriate action soon."))
+    }
+  })
+}