GlassSort/index.html at master · martelogan/GlassSort · GitHub

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>
  <head>
    <!--
      Copyright (c) 2018, Logan Martel
      This web app is distributed under the Apache License 2.0.
      Please refer to the LICENSE file for a copy of the license.
    -->
    <title>GlassSort</title>
    <![if !IE]>
      <link rel="icon" href="images/favicon.png" type="image/x-icon" />
    <![endif]>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/ico" />
    <link rel="stylesheet" type="text/css" href="main.css">
  </head>

  <body>
    <div class="content">
      <div id="logo_L">
        <img src='images/logo_imgx500.png' title='logo' />
      </div>
      <div id="prompt">
        <p>Enter a list of company names separated by commas</p>
        <form class="search">
          <textarea name="query" id="query" cols="50" rows="3"></textarea><br>
          <input class ="sort" type="submit" value="Sort by">
          <select id="metric">
            <option value="overallRating">Overall Rating</option>
            <option value="workLifeBalanceRating">Work-Life Balance Rating</option>
            <option value="cultureAndValuesRating">
            Culture &amp Values Rating
            </option>
            <option value="compensationAndBenefitsRating">
            Compensation &amp Benefits Rating
            </option>
            <option value="seniorLeadershipRating">Senior Leadership Rating</option>
            <option value="careerOpportunitiesRating">
            Career Opportunities Rating
            </option>
          </select>
        </form>
      </div>
      <div id="loading" class="hidden">
        <p>loading results...</p>
        <div id="waitWarning" class="hidden">
          <p>lots to process, this might take a while...</p>
          <div id="clickWarning" class="hidden">
            <br>
            <p><b>warning:</b> clicking away will close this extension</p>
          </div>
        </div>
        <div id="waitApology" class="hidden">
          <p>Wow, it's really taking a long time...GlassDoor might not be cooperating :S</p>
          <div id="reccomendAlternative" class="hidden">
            <br>
            <p>Try <a href="http://loganmartel.me/GlassSort" target="_blank">my web app</a> for faster (albeit less robust) queries</p>
            <p><b>warning:</b> link will close this extension</p>
          </div>
        </div>
      </div>
      <div id ="display" class="hidden">
        <div id="results">
          <h2> Results </h2>
          <div id="noResults" style="display: none">
            <p>Glassdoor isn't cooperating right now sorry. No results apparently : /</p>
          </div>
          <ol class="companies"></ol>
          <div id="failedRequests" style="display: none">
          </div>
        </div>
        <button id="backBtn">Back</button>
        <button id="downloadBtn">Download HTML</button>
      </div>
      <br>
      <a href='https://www.glassdoor.com/index.htm' target="_blank">powered by <img src='https://www.glassdoor.com/static/img/api/glassdoor_logo_80.png' title='Job Search' /></a>
      <br>
      <br>
      <a href='http://loganmartel.me' target="_blank">produced by <img src='http://loganmartel.me/images/favicon.png' title='Logan Martel' />
      </a>
    </div>
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/background.js"></script>
  </body>
</html>