mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-04-22 11:03:43 +03:00
ded645fabc
This starts to address several items in the roadmap, but probably doesn't fully address any of them. It takes the plugin code that was written several months ago, before the scope of this project was fully sorted out, and refactors it to be a starting point for the roadmap. * Adds template files for form inputs that can be used to both create new pledges and manage existing pledges * Does some validation and sanitization work on form submissions * Adds a custom post status for deactivated pledges
102 lines
2.8 KiB
PHP
Executable file
102 lines
2.8 KiB
PHP
Executable file
<?php // todo i18n
|
|
//// change all id/class prefixes to fftf (or something better) b/c not valid to start w/ number
|
|
|
|
// TODO are we using this, or is all the front end stuff happening in the 5ftF theme now?
|
|
?>
|
|
|
|
<article class="5ftf">
|
|
<section class="about">
|
|
<h3>
|
|
<?php _e( 'Five for the Future', 'wordpressdotorg' ); ?>
|
|
</h3>
|
|
|
|
<p>
|
|
<?php _e( 'Many companies in the WordPress ecosystem choose to contribute 5% of their time back towards sustaining and improving the WordPress project. This helps to ensure that WordPress remains a vibrant platform to build a business on, and prevents a <a href="">tragedy of the commons</a>.', 'wordpressdotorg' ); ?>
|
|
<?php // link to CTA page ?>
|
|
</p>
|
|
</section>
|
|
|
|
<section class="people">
|
|
<h3>
|
|
<?php _e( "Thank you to all of the companies that participate in Five for the Future.", 'wordpressdotorg' ); ?>
|
|
</h3>
|
|
|
|
<?php /*
|
|
// sort filter options
|
|
// this should be js - backbone or react? react
|
|
// in page or api? start in page, can iterate later to add infinite scroll or something
|
|
*/ ?>
|
|
|
|
<form>
|
|
<label for="5ftf-search">
|
|
<?php _e( 'Search:' ); ?>
|
|
</label>
|
|
|
|
<input type="text" id="5ftf-search" name="5ftf-search" />
|
|
</form>
|
|
|
|
<table class="fftf-companies">
|
|
<thead>
|
|
<tr>
|
|
<th class="fftf-sorted-ascending">
|
|
Company
|
|
<button class="fftf-sorting-indicator" data-field="name"></button>
|
|
</th>
|
|
<th>
|
|
Total # Employees
|
|
<button class="fftf-sorting-indicator" data-field="total_employees"></button>
|
|
</th>
|
|
<th>
|
|
# Sponsored Employees
|
|
<button class="fftf-sorting-indicator" data-field="sponsored_employees"></button>
|
|
</th>
|
|
<th>
|
|
Hours Pledged per Week
|
|
<button class="fftf-sorting-indicator" data-field="hours_per_week"></button>
|
|
</th>
|
|
<th>
|
|
Teams Contributing To
|
|
<?php // This can't really be sorted in a meaningful way, since multiple teams are listed here ?>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody id="5ftf-companies-body">
|
|
<tr>
|
|
<td colspan="5">
|
|
<?php _e( 'Loading…' ); ?>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
<script id="tmpl-5ftf-companies" type="text/template">
|
|
<# _.each( data, function( company ) { #>
|
|
<tr class="company">
|
|
<th>
|
|
<a href="{{company.url}}">
|
|
{{company.name}}
|
|
</a>
|
|
</th>
|
|
|
|
<td>{{company.total_employees}}</td>
|
|
<td>{{company.sponsored_employees}}</td>
|
|
<td>{{company.hours_per_week}}</td>
|
|
<td>
|
|
{{company.teams_contributing_to}}
|
|
<!-- todo link to team p2 -->
|
|
</td>
|
|
</tr>
|
|
<# } ) #>
|
|
</script>
|
|
</table>
|
|
</section>
|
|
|
|
<section class="join">
|
|
<h3>Take the Next Step</h3>
|
|
|
|
<p>Have a question? Ready to get started? Get in touch and we'll help you find where you're needed the most.</p>
|
|
|
|
<?php // link to pledge form ?>
|
|
</section>
|
|
</article>
|