Spaces:

celise88
/

Pathfinder

Runtime error

App Files Files Community

Caitlin Blackmore commited on Feb 9, 2023

Commit

2f1b978

1 Parent(s): 793cdd0

add find my new hire page

Browse files

Files changed (7) hide show

main.py +22 -2
match_utils.py +8 -1
static/styles.css +20 -0
templates/candidate_matcher.html +85 -0
templates/find_hire.html +32 -0
templates/find_my_match.html +1 -0
templates/job_list.html +1 -0

main.py CHANGED Viewed

@@ -13,7 +13,7 @@ from fastapi.staticfiles import StaticFiles
 from fastapi.responses import HTMLResponse
 import pandas as pd
 from scrape_onet import get_onet_code, get_onet_description, get_onet_tasks
-from match_utils import neighborhoods, get_resume, skillNER, sim_result_loop
 import time
 # APP SETUP
@@ -66,4 +66,24 @@ async def post_matches(request: Request, resume: UploadFile = File(...)):
     skills = await skillNER(resume)
     simResults = await sim_result_loop(resume)
     print(time.time() - t)
-    return templates.TemplateResponse('find_my_match.html', context={'request': request, 'resume': resume, 'skills': skills, 'simResults': simResults})

 from fastapi.responses import HTMLResponse
 import pandas as pd
 from scrape_onet import get_onet_code, get_onet_description, get_onet_tasks
+from match_utils import neighborhoods, get_resume, skillNER, sim_result_loop, get_links
 import time
 # APP SETUP
     skills = await skillNER(resume)
     simResults = await sim_result_loop(resume)
     print(time.time() - t)
+    return templates.TemplateResponse('find_my_match.html', context={'request': request, 'resume': resume, 'skills': skills, 'simResults': simResults})
+@app.get("/find-my-hire/", response_class=HTMLResponse)
+def get_hires(request: Request):
+    return templates.TemplateResponse('candidate_matcher.html', context={'request': request})
+# POST
+@app.post('/find-my-hire/', response_class=HTMLResponse)
+async def post_matches(request: Request, jobdesc: UploadFile = File(...)):
+    t = time.time()
+    jobdesc = get_resume(jobdesc)
+    skills = await skillNER(jobdesc)
+    simResults = await sim_result_loop(jobdesc)
+    links = get_links(simResults)
+    print(time.time() - t)
+    print(links)
+    return templates.TemplateResponse('candidate_matcher.html', context={'request': request, 'jobdesc': jobdesc, 'skills': skills, 'simResults': simResults, 'links': links})
+@app.get("/find-hire/", response_class=HTMLResponse)
+def find_hire(request: Request):
+    return templates.TemplateResponse('find_hire.html', context={'request': request})

match_utils.py CHANGED Viewed

@@ -13,6 +13,7 @@ from numpy.linalg import norm
 import ssl
 from dotenv import load_dotenv
 import plotly_express as px
 # SSL CERTIFICATE FIX
 try:
@@ -109,4 +110,10 @@ async def skillNER(resume):
     resume = [word for word in resume if "(" not in word]
     skills = {}
     [skills.update({word : "Skill"}) if classifier(word)[0]['label'] == 'LABEL_1' else skills.update({word: "Not Skill"}) for word in resume]
-    return skills

 import ssl
 from dotenv import load_dotenv
 import plotly_express as px
+from scrape_onet import get_onet_code
 # SSL CERTIFICATE FIX
 try:
     resume = [word for word in resume if "(" not in word]
     skills = {}
     [skills.update({word : "Skill"}) if classifier(word)[0]['label'] == 'LABEL_1' else skills.update({word: "Not Skill"}) for word in resume]
+    return skills
+def get_links(simResults):
+    links = []
+    titles = simResults["JobTitle"]
+    [links.append("https://www.onetonline.org/link/summary/" + get_onet_code(title)) for title in titles]
+    return links

static/styles.css CHANGED Viewed

@@ -118,6 +118,19 @@ html {
     text-align:center;
   }
 .upload {
     max-width: fit-content;
     display: flex;
@@ -211,6 +224,13 @@ html {
     font-weight: bold;
 }
 .footer {
     background-color: #323f43;
     padding: 40px 0;

     text-align:center;
   }
+.radio__submit {
+    margin: auto;
+    background-color: #3cd0ff;
+    border: none;
+    max-width: fit-content;
+    font-size: 16px;
+    font-weight: bold;
+    padding: 5px 30px;
+    border-radius: 20px;
+    color: white;
+    cursor: pointer;
+  }
 .upload {
     max-width: fit-content;
     display: flex;
     font-weight: bold;
 }
+.output__table-item {
+    font-size: 14px;
+    color: #2c2161;
+    margin-bottom: 10px;
+    margin-right: 10px;
+    text-align: left;
+}
 .footer {
     background-color: #323f43;
     padding: 40px 0;

templates/candidate_matcher.html ADDED Viewed

	@@ -0,0 +1,85 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dashboard</title>
+    <link rel="stylesheet" href="/static/styles.css">
+</head>
+<body>
+    <header class="navbar">
+        <div class="navbar__brand">
+            <img src="/static/PF.png" class="navbar__logo" alt="Pathfinder logo" />
+            <a href="/" class="navbar__logo">Pathfinder</a>
+        </div>
+        <ul class="navbar__navigation">
+            <li class="navbar__navigation-item"><a href="/explore-job-neighborhoods/" class="navbar__link">Explore Job Neighborhoods</a></li>
+            <li class="navbar__navigation-item"><a href="/find-my-match/" class="navbar__link">Find My Match</a></li>
+            <li class="navbar__navigation-item"><a href="/find-my-hire/" class="navbar__link">Find My Next Hire</a></li>
+        </ul>
+    </header>
+    <main class="main">
+        <h1 class="pagetitle">Find my Next Hire!</h1>
+        <h2 class="pagesubtitle">We'll match the perfect candidate to your role! Upload your job description to get started!</h2>
+        <form class="upload" method="POST" enctype="multipart/form-data">
+            <input type="file" name="jobdesc" id="jobdesc" class="upload__file">
+            <button type="submit" class="form__submit">Submit</button>
+            <p class="alert">Note: This can take a while. Please be patient.</p>
+        </form>
+        <section class="output">
+            {% if jobdesc %}
+            <article class="output__section">
+                <h2 class="output__subtitle">Extracted Skills</h3>
+                <ul>
+                {% for word in jobdesc.lower().replace("-"," ").replace(")","").replace("(","").replace(":","").replace(",","").replace("/"," ").split(" ") %}
+                    {% if skills.get(word) == "Skill" %}
+                        <span class="output__list-coloreditem">{{ word }}</span>
+                    {% else %}
+                        <span class="output__list-item">{{ word }}</span>
+                    {% endif %}
+                {% endfor %}
+            </ul>
+            </article>
+            <article class="output__section">
+                <h2 class="output__subtitle">We Think Your Job Description Most Closely Matches these Roles</h3>
+                <p class="alert">Click on the links to find out more. When you have decided which job title is most closely aligned with your job description, click "Submit."</p>
+                <form action="/find-hire/" method="GET">
+                    <table>
+                        <thead class="output__list">
+                            <tr>
+                                <th class="output__list-coloreditem">Job Title</th>
+                                <th class="output__list-coloreditem" scope="col">Match Score</th>
+                            </tr>
+                        </thead>
+                        <tbody class="output__table"></tbody>
+                            {% for n in range(1,11) %}
+                                <tr>
+                                    <th class="output__list-item" scope="row">
+                                        <input type="radio" id="jobselection" name="jobselection" value={{ simResults.loc[n, 'JobTitle'] }}>
+                                        <a class="output__table-item" href={{ links[n] }}>{{ simResults.loc[n, 'JobTitle'] }}</a>
+                                    </th>
+                                    <td class="output__list-item">
+                                        {{ simResults.loc[n, 'Similarity'] }}
+                                    </td>
+                                </tr>
+                            {% endfor %}
+                        </tbody>
+                    </table>
+                    <br>
+                    <div class="radio__submit">
+                        <button type="submit" class="radio__submit">Submit</button>
+                    </div>
+                </form>
+            </article>
+            {% endif %}
+        </section>
+    </main>
+    <footer class="footer">
+        <ul class="footer__text">
+            <li class="footer__text-item">© 2023 Pathfinder</li>
+            <li class="footer__text-item">For details on the finetuned distilbert model being used in this step, please see: <a class="footer__text-link" href="https://www.github.com/celise88/Pathfinder">github.com/celise88/Pathfinder</li>
+        </ul>
+    </footer>
+</body>
+</html>

templates/find_hire.html ADDED Viewed

	@@ -0,0 +1,32 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dashboard</title>
+    <link rel="stylesheet" href="/static/styles.css">
+</head>
+<body>
+    <header class="navbar">
+        <div class="navbar__brand">
+            <img src="/static/PF.png" class="navbar__logo" alt="Pathfinder logo" />
+            <a href="/" class="navbar__logo">Pathfinder</a>
+        </div>
+        <ul class="navbar__navigation">
+            <li class="navbar__navigation-item"><a href="/explore-job-neighborhoods/" class="navbar__link">Explore Job Neighborhoods</a></li>
+            <li class="navbar__navigation-item"><a href="/find-my-match/" class="navbar__link">Find My Match</a></li>
+            <li class="navbar__navigation-item"><a href="/find-my-hire/" class="navbar__link">Find My Next Hire</a></li>
+        </ul>
+    </header>
+    <main class="main">
+        <h1 class="pagetitle">Under Construction</h1>
+        <h2 class="pagesubtitle">We're sorry! This page is currently under construction. Please check back soon!</h2>
+    </main>
+    <footer class="footer">
+        <ul class="footer__text">
+            <li class="footer__text-item">© 2023 Pathfinder</li>
+        </ul>
+    </footer>
+</body>
+</html>

templates/find_my_match.html CHANGED Viewed

@@ -16,6 +16,7 @@
         <ul class="navbar__navigation">
             <li class="navbar__navigation-item"><a href="/explore-job-neighborhoods/" class="navbar__link">Explore Job Neighborhoods</a></li>
             <li class="navbar__navigation-item"><a href="/find-my-match/" class="navbar__link">Find My Match</a></li>
         </ul>
     </header>
     <main class="main">

         <ul class="navbar__navigation">
             <li class="navbar__navigation-item"><a href="/explore-job-neighborhoods/" class="navbar__link">Explore Job Neighborhoods</a></li>
             <li class="navbar__navigation-item"><a href="/find-my-match/" class="navbar__link">Find My Match</a></li>
+            <li class="navbar__navigation-item"><a href="/find-my-hire/" class="navbar__link">Find My Next Hire</a></li>
         </ul>
     </header>
     <main class="main">

templates/job_list.html CHANGED Viewed

@@ -16,6 +16,7 @@
         <ul class="navbar__navigation">
             <li class="navbar__navigation-item"><a href="/explore-job-neighborhoods/" class="navbar__link">Explore Job Neighborhoods</a></li>
             <li class="navbar__navigation-item"><a href="/find-my-match/" class="navbar__link">Find My Match</a></li>
         </ul>
     </header>
     <main class="main">

         <ul class="navbar__navigation">
             <li class="navbar__navigation-item"><a href="/explore-job-neighborhoods/" class="navbar__link">Explore Job Neighborhoods</a></li>
             <li class="navbar__navigation-item"><a href="/find-my-match/" class="navbar__link">Find My Match</a></li>
+            <li class="navbar__navigation-item"><a href="/find-my-hire/" class="navbar__link">Find My Next Hire</a></li>
         </ul>
     </header>
     <main class="main">