├── Staticfile
├── pages
    ├── home.md
    ├── 2nd-term-ending.html
    ├── 1st-term-ending.html
    ├── 1-1-hiring-needs.html
    └── projected-hiring-needs.html
├── .gitignore
├── assets
    ├── img
    │   └── us_seal.png
    ├── css
    │   └── main.css
    └── js
    │   └── main.js
├── Gemfile
├── manifest.yml
├── _config.yml
├── _data
    ├── header.yml
    ├── navigation.yml
    └── footer.yml
├── _layouts
    └── landing.html
├── CONTRIBUTING.md
├── Gemfile.lock
├── LICENSE.md
└── README.md


/Staticfile:
--------------------------------------------------------------------------------
1 | root: _site
2 | 


--------------------------------------------------------------------------------
/pages/home.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Home
3 | permalink: /
4 | layout: landing
5 | ---
6 | 
7 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | _site/
2 | .sass-cache/
3 | .jekyll-metadata
4 | .DS_Store
5 | Staticfile.auth
6 | *.json
7 | 


--------------------------------------------------------------------------------
/assets/img/us_seal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/18F/18f-capacity-planning/master/assets/img/us_seal.png


--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source "https://rubygems.org"
2 | 
3 | gem 'jekyll'
4 | gem 'uswds-jekyll', :git => 'https://github.com/18F/uswds-jekyll.git'
5 | 


--------------------------------------------------------------------------------
/manifest.yml:
--------------------------------------------------------------------------------
1 | ---
2 | applications:
3 | - name: 18f-capacity-planning
4 |   memory: 64M
5 |   buildpack: https://github.com/cloudfoundry/staticfile-buildpack.git
6 |   env:
7 |     FORCE_HTTPS: true
8 | 
9 | 


--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
 1 | title: 18F Capacity Planning
 2 | 
 3 | theme: uswds-jekyll
 4 | 
 5 | styles:
 6 |   - /assets/uswds/css/uswds.min.css
 7 |   - /assets/css/main.css
 8 | 
 9 | scripts:
10 |   - src: /assets/uswds/js/uswds.min.js
11 |     async: true
12 |   - src: /assets/js/main.js
13 |     async: true
14 | 


--------------------------------------------------------------------------------
/_data/header.yml:
--------------------------------------------------------------------------------
 1 | # This is the configuration for the site header.
 2 | 
 3 | # Uncomment this statement (by removing the leading '# ') to set the
 4 | # header title differently from the site's title (as defined in
 5 | # _config.yml).
 6 | # title: Header title
 7 | 
 8 | primary:
 9 |   # this is a key into _data/navigation.yml
10 |   links: primary
11 | 
12 | secondary:
13 |   # this is a key into _data/navigation.yml
14 |   links: secondary
15 | 
16 |   # to enable search, change this to an object with 'action' and
17 |   # 'param' keys, e.g.
18 |   #
19 |   # search:
20 |   #   action: /search/
21 |   #   param: q
22 |   search: false
23 | 


--------------------------------------------------------------------------------
/_data/navigation.yml:
--------------------------------------------------------------------------------
 1 | primary:
 2 |   - text: 1st Term Ending
 3 |     href: /1st-term-ending/
 4 |   - text: 2nd Term Ending
 5 |     href: /2nd-term-ending/
 6 |   - text: 1:1 Hiring Needs
 7 |     href: /1-1-hiring-needs/
 8 |   - text: Projected Hiring Needs
 9 |     href: /projected-hiring-needs/
10 | 
11 | 
12 | footer:
13 |   - text: Documentation
14 |     href: /docs/
15 |   - text: Demo link one
16 |     href: /one/
17 |   - text: Demo link two
18 |     href: /two/
19 | 
20 | secondary: []
21 | 
22 | docs:
23 |   - text: Documentation
24 |     href: /docs/
25 |   - text: Installation
26 |     href: /docs/install/
27 |   - text: Upgrading
28 |     href: /docs/upgrade/
29 |   - text: Help
30 |     href: /docs/help/
31 | 


--------------------------------------------------------------------------------
/assets/css/main.css:
--------------------------------------------------------------------------------
 1 | ---
 2 | ---
 3 | /* explicitly hide the tab panel content so all of them show if JS isn't enabled */
 4 | .hidden {
 5 |   display: none;
 6 | }
 7 | 
 8 | .tabs__tab {
 9 |   margin: 0;
10 |   padding: 0 1.1rem 0.5rem 1rem;
11 |   border-right: 1px solid #5b616b;
12 |   text-align: left;
13 |   font-size: 2rem;
14 | }
15 | 
16 | .tabs__tab:first-child {
17 |   padding-left: 0;
18 | }
19 | 
20 | .tabs__tab:last-child {
21 |   border-right: none;
22 | }
23 | 
24 | .tabs__tab.active {
25 |   font-weight: 700;
26 | }
27 | 
28 | a.tabs__tab:visited {
29 |   color: #0071bc;
30 | }
31 | 
32 | a.tabs__tab:visited:hover,
33 | a.tabs__tab:visited:active {
34 |   color: #205493;
35 | }
36 | 
37 | .select-year-label {
38 |   font-weight: 700;
39 |   font-size: 2rem;
40 | }
41 | 


--------------------------------------------------------------------------------
/_data/footer.yml:
--------------------------------------------------------------------------------
 1 | # Whether to show the "Return to top" link; can also be
 2 | # configured as an object with 'text' and 'href' properties.
 3 | top: true
 4 | 
 5 | # Which links to show at the top of the footer.
 6 | # This can key into _data/navigation.yml or a list of link objects
 7 | # with 'text' and 'href' properties.
 8 | links: footer
 9 | 
10 | # The optional heading for the footer.
11 | heading: Name of agency
12 | 
13 | # An array of agency logos to show, side by side, in the lower left
14 | # of the footer on large screens.
15 | logos:
16 |   - src: /assets/img/us_seal.png
17 |     alt: Your agency name
18 | 
19 | contact:
20 |   heading: Contact us
21 |   address: |
22 |     This is formatted as **markdown**.
23 | 
24 |     Lines separated by an empty line will each be marked up as paragraphs.
25 | 
26 |     You can make links [like this](https://usa.gov).
27 | 


--------------------------------------------------------------------------------
/_layouts/landing.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: base
 3 | ---
 4 | 
 5 | <section class="usa-section">
 6 |   <div class="usa-grid">
 7 |     <div class="usa-width-one-whole">
 8 |     {{ content }}
 9 |     </div>
10 |   </div>
11 | </section>
12 | <script>
13 | /*!
14 |   * domready (c) Dustin Diaz 2014 - License MIT
15 |   */
16 | !function (name, definition) {
17 | 
18 |   if (typeof module != 'undefined') module.exports = definition()
19 |   else if (typeof define == 'function' && typeof define.amd == 'object') define(definition)
20 |   else this[name] = definition()
21 | 
22 | }('domready', function () {
23 | 
24 |   var fns = [], listener
25 |     , doc = document
26 |     , hack = doc.documentElement.doScroll
27 |     , domContentLoaded = 'DOMContentLoaded'
28 |     , loaded = (hack ? /^loaded|^c/ : /^loaded|^i|^c/).test(doc.readyState)
29 | 
30 | 
31 |   if (!loaded)
32 |   doc.addEventListener(domContentLoaded, listener = function () {
33 |     doc.removeEventListener(domContentLoaded, listener)
34 |     loaded = 1
35 |     while (listener = fns.shift()) listener()
36 |   })
37 | 
38 |   return function (fn) {
39 |     loaded ? setTimeout(fn, 0) : fns.push(fn)
40 |   }
41 | 
42 | });
43 | </script>
44 | 


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | ## Welcome!
 2 | 
 3 | We're so glad you're thinking about contributing to an 18F open source project! If you're unsure about anything, just ask -- or submit the issue or pull request anyway. The worst that can happen is you'll be politely asked to change something. We love all friendly contributions.
 4 | 
 5 | We want to ensure a welcoming environment for all of our projects. Our staff follow the [18F Code of Conduct](https://github.com/18F/code-of-conduct/blob/master/code-of-conduct.md) and all contributors should do the same.
 6 | 
 7 | We encourage you to read this project's CONTRIBUTING policy (you are here), its [LICENSE](LICENSE.md), and its [README](README.md).
 8 | 
 9 | If you have any questions or want to read more, check out the [18F Open Source Policy GitHub repository](https://github.com/18f/open-source-policy), or just [shoot us an email](mailto:18f@gsa.gov).
10 | 
11 | ## Public domain
12 | 
13 | This project is in the public domain within the United States, and
14 | copyright and related rights in the work worldwide are waived through
15 | the [CC0 1.0 Universal public domain dedication](https://creativecommons.org/publicdomain/zero/1.0/).
16 | 
17 | All contributions to this project will be released under the CC0
18 | dedication. By submitting a pull request, you are agreeing to comply
19 | with this waiver of copyright interest.
20 | 


--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
 1 | GIT
 2 |   remote: https://github.com/18F/uswds-jekyll.git
 3 |   revision: 1a8a3d68729282992249d55b25fe67d6ac0e9c6d
 4 |   specs:
 5 |     uswds-jekyll (1.1.1)
 6 |       jekyll (~> 3.4)
 7 | 
 8 | GEM
 9 |   remote: https://rubygems.org/
10 |   specs:
11 |     addressable (2.5.1)
12 |       public_suffix (~> 2.0, >= 2.0.2)
13 |     colorator (1.1.0)
14 |     ffi (1.9.18)
15 |     forwardable-extended (2.6.0)
16 |     jekyll (3.4.3)
17 |       addressable (~> 2.4)
18 |       colorator (~> 1.0)
19 |       jekyll-sass-converter (~> 1.0)
20 |       jekyll-watch (~> 1.1)
21 |       kramdown (~> 1.3)
22 |       liquid (~> 3.0)
23 |       mercenary (~> 0.3.3)
24 |       pathutil (~> 0.9)
25 |       rouge (~> 1.7)
26 |       safe_yaml (~> 1.0)
27 |     jekyll-sass-converter (1.5.0)
28 |       sass (~> 3.4)
29 |     jekyll-watch (1.5.0)
30 |       listen (~> 3.0, < 3.1)
31 |     kramdown (1.13.2)
32 |     liquid (3.0.6)
33 |     listen (3.0.8)
34 |       rb-fsevent (~> 0.9, >= 0.9.4)
35 |       rb-inotify (~> 0.9, >= 0.9.7)
36 |     mercenary (0.3.6)
37 |     pathutil (0.14.0)
38 |       forwardable-extended (~> 2.6)
39 |     public_suffix (2.0.5)
40 |     rb-fsevent (0.9.8)
41 |     rb-inotify (0.9.8)
42 |       ffi (>= 0.5.0)
43 |     rouge (1.11.1)
44 |     safe_yaml (1.0.4)
45 |     sass (3.4.23)
46 | 
47 | PLATFORMS
48 |   ruby
49 | 
50 | DEPENDENCIES
51 |   jekyll
52 |   uswds-jekyll!
53 | 
54 | BUNDLED WITH
55 |    1.14.6
56 | 


--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
 1 | As a work of the United States government, this project is in the
 2 | public domain within the United States.
 3 | 
 4 | Additionally, we waive copyright and related rights in the work
 5 | worldwide through the CC0 1.0 Universal public domain dedication.
 6 | 
 7 | ## CC0 1.0 Universal summary
 8 | 
 9 | This is a human-readable summary of the [Legal Code (read the full text)](https://creativecommons.org/publicdomain/zero/1.0/legalcode).
10 | 
11 | ### No copyright
12 | 
13 | The person who associated a work with this deed has dedicated the work to
14 | the public domain by waiving all rights to the work worldwide
15 | under copyright law, including all related and neighboring rights, to the
16 | extent allowed by law.
17 | 
18 | You can copy, modify, distribute and perform the work, even for commercial
19 | purposes, all without asking permission.
20 | 
21 | ### Other information
22 | 
23 | In no way are the patent or trademark rights of any person affected by CC0,
24 | nor are the rights that other persons may have in the work or in how the
25 | work is used, such as publicity or privacy rights.
26 | 
27 | Unless expressly stated otherwise, the person who associated a work with
28 | this deed makes no warranties about the work, and disclaims liability for
29 | all uses of the work, to the fullest extent permitted by applicable law.
30 | When using or citing the work, you should not imply endorsement by the
31 | author or the affirmer.
32 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # 18F Capacity Planning Tool
 2 | 
 3 | This is a prototype of how 18F could get a view into employee turnover and therefore develop a plan for consistent staffing levels.
 4 | 
 5 | ## Updating
 6 | 
 7 | This site is hosted on cloud.gov. Before you push updates to it, contact Heather for the `Staticfile` that powers the password protection. *If you deploy without the Staticfile, the password protection will be automatically disabled.*
 8 | 
 9 | To push new updates, first [log in to Cloud Foundry].
10 | 
11 | Target the org/space: `cf target -o sandbox-gsa -s heather.battaglia`.
12 | 
13 | Push the app: `cf push 18f-capacity-planning`
14 | 
15 | Note: The site is powered with a `roster.json` file containing the information of every current 18F employee. This file should never be committed (it is in the `.gitignore`); only pushed to cloud.gov.
16 | 
17 | ## The template
18 | 
19 | This is a Federalist site template that incorporates the [U.S. Web Design
20 | Standards] [Jekyll theme].
21 | 
22 | View the [theme documentation] for more info on available [layouts] and
23 | [customization] options.
24 | 
25 | [log in to Cloud Foundry]: https://cloud.gov/docs/getting-started/setup/#quick-reference
26 | [U.S. Web Design Standards]: https://standards.usa.gov
27 | [Jekyll theme]: https://jekyllrb.com/docs/themes/
28 | [theme documentation]: https://github.com/18F/jekyll-uswds/#readme
29 | [layouts]: https://github.com/18F/jekyll-uswds/#layouts
30 | [customization]: https://github.com/18F/jekyll-uswds/#customization
31 | 


--------------------------------------------------------------------------------
/pages/2nd-term-ending.html:
--------------------------------------------------------------------------------
  1 | ---
  2 | title: 2nd Term Ending
  3 | permalink: /2nd-term-ending/
  4 | layout: landing
  5 | ---
  6 | 
  7 | {% assign monthnames = 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec' | split: ' ' %}
  8 | {% assign monthvals = '01 02 03 04 05 06 07 08 09 10 11 12' | split: ' ' %}
  9 | 
 10 | {% assign year = '2017' %}
 11 | {% assign term2 = site.data.roster | sort: "term_end_date" | where: "term", "Term 2" | where: "exit_date", "" %}
 12 | {% assign years = term2 | group_by_exp: 'teammate', 'teammate.term_end_date | slice: 0,4' | sort: 'name' %}
 13 | 
 14 | <h1>{{ page.title }}</h1>
 15 | <p class="select-year-label">Select calendar year:</p>
 16 | <div class="tabs__wrapper">
 17 | {% for year in years %}
 18 |   <a id="tab-{{ year.name }}" class="tabs__tab" href="#{{ year.name }}">{{ year.name }}</a>
 19 | {% endfor %}
 20 | </div>
 21 | 
 22 | {% for year in years %}
 23 |   {% assign months = year.items | group_by_exp: 'teammate', 'teammate.term_end_date | slice: 5,2' | sort: 'name' %}
 24 |   {% assign teams = year.items | group_by_exp: 'teammate', 'teammate.team' %}
 25 | <section id="{{ year.name }}" class="tabs__content">
 26 |   <h2 id="{{ year.name }}">{{ year.name }}</h2>
 27 |   <h6>Filter By Team</h6>
 28 |   <select id="teams" onchange="toggleOption(this)">
 29 |     <option value="all"> Display All</option>
 30 |     {% for team in teams %}
 31 |       <option value="{{ team.name | downcase | replace:' ','-' }}">{{ team.name }}</option>
 32 |     {% endfor %}
 33 |   </select>
 34 |   <table>
 35 |     <thead>
 36 |       <tr>
 37 |         {% for month in monthnames %}
 38 |           <th scope="col">{{ month }}</th>
 39 |         {% endfor %}
 40 |         <th scope="col">Total</th>
 41 |       </tr>
 42 |     </thead>
 43 |     <tbody>
 44 |       <tr>
 45 |         {% assign yearly_total = 0 %}
 46 |         {% for month in monthnames %}
 47 |           {% assign pattern = year.name | append: '-' | append: monthvals[forloop.index0] %}
 48 |           {% assign where = 'teammate.term_end_date contains "%"' | replace: '%', pattern %}
 49 |           {% assign items = year.items | where_exp: 'teammate', where %}
 50 |           <td>{{ items.size }}</td>
 51 |           {% assign yearly_total = yearly_total | plus: items.size %}
 52 |         {% endfor %}
 53 |         <td>{{ yearly_total }}</td>
 54 |       </tr>
 55 |     </tbody>
 56 |   </table>
 57 | 
 58 |   {% for group in months %}
 59 |     {% if group.name == '01' %}
 60 |       {% assign month = 'January' %}
 61 |     {% elsif group.name == '02' %}
 62 |       {% assign month = 'February' %}
 63 |     {% elsif group.name == '03' %}
 64 |       {% assign month = 'March' %}
 65 |     {% elsif group.name == '04' %}
 66 |       {% assign month = 'April' %}
 67 |     {% elsif group.name == '05' %}
 68 |       {% assign month = 'May' %}
 69 |     {% elsif group.name == '06' %}
 70 |       {% assign month = 'June' %}
 71 |     {% elsif group.name == '07' %}
 72 |       {% assign month = 'July' %}
 73 |     {% elsif group.name == '08' %}
 74 |       {% assign month = 'August' %}
 75 |     {% elsif group.name == '09' %}
 76 |       {% assign month = 'September' %}
 77 |     {% elsif group.name == '10' %}
 78 |       {% assign month = 'October' %}
 79 |     {% elsif group.name == '11' %}
 80 |       {% assign month = 'November' %}
 81 |     {% elsif group.name == '12' %}
 82 |       {% assign month = 'December' %}
 83 |     {% endif %}
 84 | 
 85 |   <div class="monthsummary">
 86 |     <h3>{{ month }} {{ year.name }} - {{ group.size }} Billable Employees Ending 2nd Term <span class="filtered-total"</span></h3>
 87 |     <table>
 88 |       <thead>
 89 |         <tr>
 90 |           <th scope="col">Name</th>
 91 |           <th scope="col">Chapter</th>
 92 |           <th scope="col">Role</th>
 93 |           <th scope="col">Billable status</th>
 94 |           <th scope="col">End of term date</th>
 95 |         </tr>
 96 |       </thead>
 97 |       <tbody>
 98 |         {% for teammate in group.items %}
 99 |         <tr class="person {{ teammate.team | downcase | replace:' ','-' }}">
100 |           <th scope="row">{{ teammate.email }}</th>
101 |           <td>{{ teammate.team }}</td>
102 |           <td>{{ teammate.role }}</td>
103 |           <td>{{ teammate.billable_status }}</td>
104 |           <td>{{ teammate.term_end_date | date: "%b %d, %Y"}}</td>
105 |         </tr>
106 |         {% endfor %}
107 |       </tbody>
108 |     </table>
109 |   </div>
110 |   {% endfor %}
111 | </section>
112 | {% endfor %}
113 | 


--------------------------------------------------------------------------------
/pages/1st-term-ending.html:
--------------------------------------------------------------------------------
  1 | ---
  2 | title: 1st Term Ending
  3 | permalink: /1st-term-ending/
  4 | layout: landing
  5 | ---
  6 | {% assign monthnames = 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec' | split: ' ' %}
  7 | {% assign monthvals = '01 02 03 04 05 06 07 08 09 10 11 12' | split: ' ' %}
  8 | 
  9 | {% assign year = '2017' %}
 10 | {% assign term1 = site.data.roster | sort: "term_end_date" | where: "term", "Term 1" | where: "exit_date", "" %}
 11 | {% assign years = term1 | group_by_exp: 'teammate', 'teammate.term_end_date | slice: 0,4' | sort: 'name' %}
 12 | 
 13 | <h1>{{ page.title }}</h1>
 14 | <p class="select-year-label">Select calendar year:</p>
 15 | <div class="tabs__wrapper">
 16 | {% for year in years %}
 17 |   <a id="tab-{{ year.name }}" class="tabs__tab" href="#{{ year.name }}">{{ year.name }}</a>
 18 | {% endfor %}
 19 | </div>
 20 | {% for year in years %}
 21 |   {% assign months = year.items | group_by_exp: 'teammate', 'teammate.term_end_date | slice: 5,2' | sort: 'name' %}
 22 |   {% assign teams = year.items | group_by_exp: 'teammate', 'teammate.team' %}
 23 |   <section id="{{ year.name }}" class="tabs__content">
 24 |     <h2 id="{{ year.name }}">{{ year.name }}</h2>
 25 |     <h6>Filter By Team</h6>
 26 |     <select id="teams" onchange="toggleOption(this)">
 27 |       <option value="all"> Display All</option>
 28 |       {% for team in teams %}
 29 |         <option value="{{ team.name | downcase | replace:' ','-' }}">{{ team.name }}</option>
 30 |       {% endfor %}
 31 |     </select>
 32 |     <table>
 33 |       <thead>
 34 |         <tr>
 35 |           {% for month in monthnames %}
 36 |             <th scope="col">{{ month }}</th>
 37 |           {% endfor %}
 38 |           <th scope="col">Total</th>
 39 |         </tr>
 40 |       </thead>
 41 |       <tbody>
 42 |         <tr>
 43 |           {% assign yearly_total = 0 %}
 44 |           {% for month in monthnames %}
 45 |             {% assign pattern = year.name | append: '-' | append: monthvals[forloop.index0] %}
 46 |             {% assign where = 'teammate.term_end_date contains "%"' | replace: '%', pattern %}
 47 |             {% assign items = year.items | where_exp: 'teammate', where %}
 48 |             <td>{{ items.size }}</td>
 49 |             {% assign yearly_total = yearly_total | plus: items.size %}
 50 |           {% endfor %}
 51 |           <td>{{ yearly_total }}</td>
 52 |         </tr>
 53 |       </tbody>
 54 |     </table>
 55 | 
 56 |     {% for group in months %}
 57 |       {% if group.name == '01' %}
 58 |         {% assign month = 'January' %}
 59 |       {% elsif group.name == '02' %}
 60 |         {% assign month = 'February' %}
 61 |       {% elsif group.name == '03' %}
 62 |         {% assign month = 'March' %}
 63 |       {% elsif group.name == '04' %}
 64 |         {% assign month = 'April' %}
 65 |       {% elsif group.name == '05' %}
 66 |         {% assign month = 'May' %}
 67 |       {% elsif group.name == '06' %}
 68 |         {% assign month = 'June' %}
 69 |       {% elsif group.name == '07' %}
 70 |         {% assign month = 'July' %}
 71 |       {% elsif group.name == '08' %}
 72 |         {% assign month = 'August' %}
 73 |       {% elsif group.name == '09' %}
 74 |         {% assign month = 'September' %}
 75 |       {% elsif group.name == '10' %}
 76 |         {% assign month = 'October' %}
 77 |       {% elsif group.name == '11' %}
 78 |         {% assign month = 'November' %}
 79 |       {% elsif group.name == '12' %}
 80 |         {% assign month = 'December' %}
 81 |       {% endif %}
 82 | 
 83 |     <div class="monthsummary">
 84 |       <h3>{{ month }} {{ year.name }} - {{ group.size }} Billable Employees Ending 1st Term <span class="filtered-total"></span></h3>
 85 |       <table>
 86 |         <thead>
 87 |           <tr>
 88 |             <th scope="col">Name</th>
 89 |             <th scope="col">Chapter</th>
 90 |             <th scope="col">Role</th>
 91 |             <th scope="col">Billable status</th>
 92 |             <th scope="col">End of term date</th>
 93 |           </tr>
 94 |         </thead>
 95 |         <tbody>
 96 |           {% for teammate in group.items %}
 97 |           <tr class="person {{ teammate.team | downcase | replace:' ','-' }}">
 98 |             <th scope="row">{{ teammate.email | downcase }}</th>
 99 |             <td>{{ teammate.team }}</td>
100 |             <td>{{ teammate.role }}</td>
101 |             <td>{{ teammate.billable_status }}</td>
102 |             <td>{{ teammate.term_end_date | date: "%b %d, %Y"}}</td>
103 |           </tr>
104 |           {% endfor %}
105 |         </tbody>
106 |       </table>
107 |     </div>
108 |     {% endfor %}
109 |   </section>
110 | {% endfor %}
111 | 


--------------------------------------------------------------------------------
/assets/js/main.js:
--------------------------------------------------------------------------------
  1 | function initTabs(year){
  2 |   var tabs = document.getElementsByClassName("tabs__tab");
  3 |   for (var i=0; i<tabs.length; i++) {
  4 |     var tab = tabs[i];
  5 |     // activate the tab indicated in the URL
  6 |     if (tab.getAttribute('href') == year) {
  7 |       tab.classList.add("active");
  8 |     }
  9 |     tab.addEventListener('click', function(e) {
 10 |       showActiveTab(e, this);
 11 |     }, false);
 12 |   };
 13 | };
 14 | 
 15 | function initTabContent(year){
 16 |   var selectedYear = year;
 17 |   var contentPanels = document.getElementsByClassName("tabs__content");
 18 |   for (var i=0; i<contentPanels.length; i++) {
 19 |     if (contentPanels[i].id != year.substr(1)) {
 20 |       contentPanels[i].classList.add("hidden");
 21 |     }
 22 |   };
 23 | };
 24 | 
 25 | function showActiveTab(e, tab) {
 26 |   e.preventDefault();
 27 | 
 28 |   var nodes = tab.parentNode.children;
 29 |   for (var i in nodes){
 30 |     var node = nodes[i];
 31 |     // if it's not a text node and not the current node and has the active class
 32 |     if(node.nodeType === 1 && node != tab && node.classList.contains("active")){
 33 |       node.classList.remove("active");
 34 |     }
 35 |   };
 36 | 
 37 |   tab.classList.add("active");
 38 |   // remove the pound sign from the front of the ID
 39 |   showActivePanel(tab.getAttribute('href').substr(1));
 40 | };
 41 | 
 42 | function showActivePanel(id) {
 43 |   var currentPanel = document.getElementById(id);
 44 |   var nodes = document.getElementsByClassName("tabs__content");
 45 |   for (var i in nodes){
 46 |     var node = nodes[i];
 47 |     // explicitly hide the panels with JS so all of them show if JS isn't active
 48 |     if(node.nodeType === 1 && node != currentPanel){
 49 |       node.classList.add("hidden");
 50 |     }
 51 |   };
 52 |   currentPanel.classList.remove("hidden");
 53 |   updateHash(id);
 54 | }
 55 | 
 56 | function updateHash(id) {
 57 |   if(history.pushState) {
 58 |       history.pushState(null, null, `#${id}`);
 59 |   }
 60 |   else {
 61 |       location.hash = `#${id}`;
 62 |   };
 63 |   resetRows();
 64 | }
 65 | 
 66 | function resetRows() {
 67 |   var people = document.getElementsByClassName("person");
 68 |   var totals = document.getElementsByClassName("filtered-total");
 69 |   for (var i in totals) {
 70 |     totals[i].innerText = ""
 71 |   }
 72 |   for (var i in people) {
 73 |     var person = people[i];
 74 |     person.classList.remove("hidden");
 75 |   }
 76 | }
 77 | 
 78 | function toggleOption(option) {
 79 |   var team = option.value;
 80 |   var people = document.getElementsByClassName("person");
 81 |   for (var i in people) {
 82 |     var person = people[i];
 83 |     try {
 84 |       if (!(person.classList.contains(team))){
 85 |         person.classList.add("hidden");
 86 |       } else {
 87 |         person.classList.remove("hidden")
 88 |       }
 89 |       if(team == 'all'){
 90 |         resetRows();
 91 |       }
 92 |   } catch (e) {
 93 |       console.log(e)
 94 |     }
 95 |   }
 96 |   if(team != 'all'){
 97 |     updateCount(team);
 98 |   } else {
 99 | 
100 |   }
101 | }
102 | 
103 | function updateCount(team) {
104 |   var months = document.getElementsByClassName("monthsummary");
105 |   for (var i in months) {
106 |     try {
107 |       var hidden = months[i].getElementsByClassName("hidden");
108 |       var total = months[i].getElementsByClassName("person");
109 |       var count = total.length - hidden.length;
110 |       var total = months[i].getElementsByClassName("filtered-total")[0];
111 |       var teamdisplay = displayNameFor(team);
112 |       total.innerText = " - Including " + count + " in " + teamdisplay
113 |     } catch (e) {
114 |       console.log(e)
115 |     }
116 |   }
117 | }
118 | 
119 | function displayNameFor(team) {
120 |   var displaynames = {
121 |     "strategy-branch": "the Strategy Chapter",
122 |     "engineering-branch": "the Engineering Chapter",
123 |     "product-branch": "the Product Chapter",
124 |     "design-experience-branch": "the Design Chapter",
125 |     "18f-products-&-platforms": "Products and Platforms",
126 |     "learn-division": "Learn",
127 |     "smarter-it-solutions-portfolio-division": "the Smarter IT portfolio division",
128 |     "18f-infrastructure": "Infrastructure",
129 |     "agency-partnerships-division": "Agency Partnerships",
130 |     "18f-custom-partner-solutions": "Custom Partner Solutions",
131 |     "18f-team-operations": "18F Tea Mops",
132 |     "transformation-services-division": "Transformation Services"
133 |   };
134 |   try {
135 |     return displaynames[team];
136 |   } catch (e) {
137 |     return team;
138 |   }
139 | }
140 | 
141 | domready(function(){
142 |   if (window.location.hash == ''){
143 |     var yearToggles = document.getElementsByClassName("tabs__tab");
144 |     var oldestYear = yearToggles[0].getAttribute('href').substr(1);
145 |     updateHash(oldestYear);
146 |   }
147 |   initTabs(window.location.hash);
148 |   initTabContent(window.location.hash);
149 | });
150 | 


--------------------------------------------------------------------------------
/pages/1-1-hiring-needs.html:
--------------------------------------------------------------------------------
  1 | ---
  2 | title: 1:1 Hiring Needs
  3 | permalink: /1-1-hiring-needs/
  4 | layout: landing
  5 | ---
  6 | 
  7 | <h1>{{ page.title }}</h1>
  8 | 
  9 | <div class="usa-grid-full">
 10 |   <div class="usa-width-one-half">
 11 |     <table>
 12 |       <caption>18F Hiring Time Data</caption>
 13 |       <tbody>
 14 |         <tr>
 15 |           <th scope="row">USA Jobs Posting Prep Time</th>
 16 |           <td>7 days</td>
 17 |         </tr>
 18 |         <tr>
 19 |           <th scope="row">Recruitment-to-Hire Time</th>
 20 |           <td>130 days</td>
 21 |         </tr>
 22 |         <tr>
 23 |           <th scope="row">Time from Offer to Start</th>
 24 |           <td>25 days</td>
 25 |         </tr>
 26 |         <tr>
 27 |           <th scope="row"><b>Total Time to Hire</b></th>
 28 |           <td><b>162 days (5.4 months)</b></td>
 29 |         </tr>
 30 |       </tbody>
 31 |     </table>
 32 |   </div>
 33 | </div>
 34 | 
 35 | {% assign monthnames = 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec' | split: ' ' %}
 36 | {% assign monthvals = '01 02 03 04 05 06 07 08 09 10 11 12' | split: ' ' %}
 37 | 
 38 | {% assign year = '2017' %}
 39 | {% assign term2 = site.data.roster | sort: "term_end_date" | where: "term", "Term 2" | where: "exit_date", "" %}
 40 | {% assign years = term2 | group_by_exp: 'teammate', 'teammate.term_end_date | slice: 0,4' | sort: 'name' %}
 41 | 
 42 | <p class="select-year-label">Select calendar year:</p>
 43 | <div class="tabs__wrapper">
 44 | {% for year in years %}
 45 |   <a id="tab-{{ year.name }}" class="tabs__tab" href="#{{ year.name }}">{{ year.name }}</a>
 46 | {% endfor %}
 47 | </div>
 48 | 
 49 | {% for year in years %}
 50 |   {% assign months = year.items | group_by_exp: 'teammate', 'teammate.term_end_date | slice: 5,2' | sort: 'name' %}
 51 | <section id="{{ year.name }}" class="tabs__content">
 52 |   <h2 id="{{ year.name }}">{{ year.name }}</h2>
 53 |   <table>
 54 |     <thead>
 55 |       <tr>
 56 |         {% for month in monthnames %}
 57 |           <th scope="col">{{ month }}</th>
 58 |         {% endfor %}
 59 |         <th scope="col">Total</th>
 60 |       </tr>
 61 |     </thead>
 62 |     <tbody>
 63 |       <tr>
 64 |         {% assign yearly_total = 0 %}
 65 |         {% for month in monthnames %}
 66 |           {% assign pattern = year.name | append: '-' | append: monthvals[forloop.index0] %}
 67 |           {% assign where = 'teammate.term_end_date contains "%"' | replace: '%', pattern %}
 68 |           {% assign items = year.items | where_exp: 'teammate', where %}
 69 |           <td>{{ items.size }}</td>
 70 |           {% assign yearly_total = yearly_total | plus: items.size %}
 71 |         {% endfor %}
 72 |         <td>{{ yearly_total }}</td>
 73 |       </tr>
 74 |     </tbody>
 75 |   </table>
 76 | 
 77 |   {% for group in months %}
 78 |     {% if group.name == '01' %}
 79 |       {% assign month = 'January' %}
 80 |     {% elsif group.name == '02' %}
 81 |       {% assign month = 'February' %}
 82 |     {% elsif group.name == '03' %}
 83 |       {% assign month = 'March' %}
 84 |     {% elsif group.name == '04' %}
 85 |       {% assign month = 'April' %}
 86 |     {% elsif group.name == '05' %}
 87 |       {% assign month = 'May' %}
 88 |     {% elsif group.name == '06' %}
 89 |       {% assign month = 'June' %}
 90 |     {% elsif group.name == '07' %}
 91 |       {% assign month = 'July' %}
 92 |     {% elsif group.name == '08' %}
 93 |       {% assign month = 'August' %}
 94 |     {% elsif group.name == '09' %}
 95 |       {% assign month = 'September' %}
 96 |     {% elsif group.name == '10' %}
 97 |       {% assign month = 'October' %}
 98 |     {% elsif group.name == '11' %}
 99 |       {% assign month = 'November' %}
100 |     {% elsif group.name == '12' %}
101 |       {% assign month = 'December' %}
102 |     {% endif %}
103 | 
104 |   <h3>{{ month }} {{ year.name }} Ending Terms - Needs to begin hiring process for {{ group.size }} roles</h3>
105 |   <table>
106 |     <thead>
107 |       <tr>
108 |         <th scope="col">#</th>
109 |         <!-- <th scope="col">Name</th> -->
110 |         <th scope="col">Chapter</th>
111 |         <th scope="col">Role</th>
112 |         <th scope="col">Billable status</th>
113 |         <th scope="col">Start date needed</th>
114 |         <th scope="col">Start hiring</th>
115 |       </tr>
116 |     </thead>
117 |     <tbody>
118 |       {% for teammate in group.items %}
119 |       {% assign names = teammate.email | remove: '@gsa.gov' | split: '.' %}
120 |       <tr>
121 |         <th scope="row">{{ forloop.index }}</th>
122 |         <!-- <td>{% for name in names %}{{ name | capitalize }} {% endfor %}</td> -->
123 |         <td>{{ teammate.team }}</td>
124 |         <td>{{ teammate.role }}</td>
125 |         <td>{{ teammate.billable_status }}</td>
126 |         <td>{{ teammate.term_end_date | date: "%b %d, %Y"}}</td>
127 |         <td>{{ teammate.term_end_date | date: "%s" | minus: 13996800 | date: "%b %d, %Y" }}</td>
128 |       </tr>
129 |       {% endfor %}
130 |     </tbody>
131 |   </table>
132 |   {% endfor %}
133 | </section>
134 | {% endfor %}
135 | 


--------------------------------------------------------------------------------
/pages/projected-hiring-needs.html:
--------------------------------------------------------------------------------
  1 | ---
  2 | title: Projected Hiring Needs
  3 | permalink: /projected-hiring-needs/
  4 | layout: landing
  5 | ---
  6 | 
  7 | <h1>{{ page.title }}</h1>
  8 | 
  9 | <div class="usa-grid-full">
 10 |   <div class="usa-width-one-half">
 11 |     <table>
 12 |       <caption>18F Hiring Time Data</caption>
 13 |       <tbody>
 14 |         <tr>
 15 |           <th scope="row">USA Jobs Posting Prep Time</th>
 16 |           <td>7 days</td>
 17 |         </tr>
 18 |         <tr>
 19 |           <th scope="row">Recruitment-to-Hire Time</th>
 20 |           <td>130 days</td>
 21 |         </tr>
 22 |         <tr>
 23 |           <th scope="row">Time from Offer to Start</th>
 24 |           <td>25 days</td>
 25 |         </tr>
 26 |         <tr>
 27 |           <th scope="row">Average Leave Before End of 2nd Term</th>
 28 |           <td>540 days</td>
 29 |         </tr>
 30 |         <tr>
 31 |           <th scope="row"><b>Total Time to Hire</b></th>
 32 |           <td><b>702 days (23.4 months)</b></td>
 33 |         </tr>
 34 |       </tbody>
 35 |     </table>
 36 |   </div>
 37 | </div>
 38 | 
 39 | {% assign monthnames = 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec' | split: ' ' %}
 40 | {% assign monthvals = '01 02 03 04 05 06 07 08 09 10 11 12' | split: ' ' %}
 41 | 
 42 | {% assign year = '2017' %}
 43 | {% assign term2 = site.data.roster | sort: "term_end_date" | where: "term", "Term 2" | where: "exit_date", "" %}
 44 | {% assign years = term2 | group_by_exp: 'teammate', 'teammate.term_end_date | slice: 0,4' | sort: 'name' %}
 45 | 
 46 | <p class="select-year-label">Select calendar year:</p>
 47 | <div class="tabs__wrapper">
 48 | {% for year in years %}
 49 |   <a id="tab-{{ year.name }}" class="tabs__tab" href="#{{ year.name }}">{{ year.name }}</a>
 50 | {% endfor %}
 51 | </div>
 52 | 
 53 | {% for year in years %}
 54 |   {% assign months = year.items | group_by_exp: 'teammate', 'teammate.term_end_date | slice: 5,2' | sort: 'name' %}
 55 | <section id="{{ year.name }}" class="tabs__content">
 56 |   <h2 id="{{ year.name }}">{{ year.name }}</h2>
 57 |   <table>
 58 |     <thead>
 59 |       <tr>
 60 |         {% for month in monthnames %}
 61 |           <th scope="col">{{ month }}</th>
 62 |         {% endfor %}
 63 |         <th scope="col">Total</th>
 64 |       </tr>
 65 |     </thead>
 66 |     <tbody>
 67 |       <tr>
 68 |         {% assign yearly_total = 0 %}
 69 |         {% for month in monthnames %}
 70 |           {% assign pattern = year.name | append: '-' | append: monthvals[forloop.index0] %}
 71 |           {% assign where = 'teammate.term_end_date contains "%"' | replace: '%', pattern %}
 72 |           {% assign items = year.items | where_exp: 'teammate', where %}
 73 |           <td>{{ items.size }}</td>
 74 |           {% assign yearly_total = yearly_total | plus: items.size %}
 75 |         {% endfor %}
 76 |         <td>{{ yearly_total }}</td>
 77 |       </tr>
 78 |     </tbody>
 79 |   </table>
 80 | 
 81 |   {% for group in months %}
 82 |     {% if group.name == '01' %}
 83 |       {% assign month = 'January' %}
 84 |     {% elsif group.name == '02' %}
 85 |       {% assign month = 'February' %}
 86 |     {% elsif group.name == '03' %}
 87 |       {% assign month = 'March' %}
 88 |     {% elsif group.name == '04' %}
 89 |       {% assign month = 'April' %}
 90 |     {% elsif group.name == '05' %}
 91 |       {% assign month = 'May' %}
 92 |     {% elsif group.name == '06' %}
 93 |       {% assign month = 'June' %}
 94 |     {% elsif group.name == '07' %}
 95 |       {% assign month = 'July' %}
 96 |     {% elsif group.name == '08' %}
 97 |       {% assign month = 'August' %}
 98 |     {% elsif group.name == '09' %}
 99 |       {% assign month = 'September' %}
100 |     {% elsif group.name == '10' %}
101 |       {% assign month = 'October' %}
102 |     {% elsif group.name == '11' %}
103 |       {% assign month = 'November' %}
104 |     {% elsif group.name == '12' %}
105 |       {% assign month = 'December' %}
106 |     {% endif %}
107 | 
108 |   <h3>{{ month }} {{ year.name }} Ending Terms - Needs to begin hiring process for {{ group.size }} roles</h3>
109 |   <table>
110 |     <thead>
111 |       <tr>
112 |         <th scope="col">#</th>
113 |         <!-- <th scope="col">Name</th> -->
114 |         <th scope="col">Chapter</th>
115 |         <th scope="col">Role</th>
116 |         <th scope="col">Billable status</th>
117 |         <th scope="col">Term ends</th>
118 |         <th scope="col">Projected exit</th>
119 |         <th scope="col">Start hiring</th>
120 |       </tr>
121 |     </thead>
122 |     <tbody>
123 |       {% for teammate in group.items %}
124 |       {% assign names = teammate.email | remove: '@gsa.gov' | split: '.' %}
125 |       <tr>
126 |         <th scope="row">{{ forloop.index }}</th>
127 |         <!-- <td>{% for name in names %}{{ name | capitalize }} {% endfor %}</td> -->
128 |         <td>{{ teammate.team }}</td>
129 |         <td>{{ teammate.role }}</td>
130 |         <td>{{ teammate.billable_status }}</td>
131 |         <td>{{ teammate.term_end_date | date: "%b %d, %Y"}}</td>
132 |         <td>{{ teammate.term_end_date | date: "%s" | minus: 13996800 | date: "%b %d, %Y" }}</td>
133 |         <td>{{ teammate.term_end_date | date: "%s" | minus: 13996800 | minus: 45792000 | date: "%b %d, %Y" }}</td>
134 |       </tr>
135 |       {% endfor %}
136 |     </tbody>
137 |   </table>
138 |   {% endfor %}
139 | </section>
140 | {% endfor %}
141 | 


--------------------------------------------------------------------------------