File size: 4,424 Bytes
2f1b978
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2b80df9
20835e9
2f1b978
 
 
 
 
 
 
 
 
 
 
 
 
ebe0782
2f1b978
54919c4
 
 
 
2f1b978
 
ebe0782
d61cc16
 
ebe0782
2f1b978
 
 
 
 
 
 
ebe0782
2f1b978
 
 
0726b70
2f1b978
 
ebe0782
2f1b978
 
 
 
 
 
 
d61cc16
2f1b978
 
 
 
 
 
 
 
 
 
54919c4
2f1b978
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!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>
            <li class="navbar__navigation-item"><a href="/login/" class="navbar__link">Login</a></li>
            <li class="navbar__navigation-item"><a href="/logout/" class="navbar__link">Logout</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</h2>
                <ul>
                    {% for skill in skills %}
                    <li class="sectionlist__item">{{ skill.replace('.','') }}</li>
                    {% endfor %}
                </ul>
            </article>
            <article class="output__section">
                <h2 class="output__subtitle">We Think Your Job Description Most Closely Matches these Roles</h2>
                <p class="alert">(Note: You can click on the links to find out more.)</p>
                <p class="alert">Instructions: When you have decided which job title is most closely aligned with your job description, choose the corresponding radio button and click "Submit."</p>
                <form action="/find-hire/" class="selection__form" 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" style="text-align: left">
                            {% for n in range(1,11) %}
                                <tr>
                                    <th class="output__list-item" scope="row">
                                        <input type="radio" name="jobselection" class="jobselection" value={{ simResults.loc[n, 'JobTitle'].replace(" ", "-") }} />
                                        <a class="output__table-item" href={{ links[n] }}>{{ simResults.loc[n, 'JobTitle'] }}</a>
                                    </th>
                                    <td class="output__list-item" style="text-align: center">
                                        {{ simResults.loc[n, 'Similarity'] }}
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    <br>
                    <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">© 2024 Pathfinder</li>
        </ul>
    </footer>
</body>
</html>