This repository has been archived on 2023-08-16. You can view files and clone it, but cannot push or open issues or pull requests.
Omphaloskepsis/page-experience-by-companies.php

139 lines
5.1 KiB
PHP
Raw Normal View History

2018-03-21 18:19:20 +00:00
<?php
/*
* Template Name: Experience by Companies
2021-01-21 10:24:10 +00:00
* /
2018-03-21 18:19:20 +00:00
/**
2021-01-21 10:24:10 +00:00
* The template for displaying all items, indexed by organisation.
2018-03-21 18:19:20 +00:00
*
2021-01-21 10:24:10 +00:00
* @package Omphaloskepsis
* @since Omphaloskepsis 1.0
2018-03-21 18:19:20 +00:00
*/
get_header(); ?>
2021-01-21 10:24:10 +00:00
<main id="experience-wrapper" class="content-area col-10 col-m-12">
2018-03-21 18:19:20 +00:00
<!--Page Title & Details-->
<header class="post-header-title">
2021-01-09 11:13:06 +00:00
<h1 style="margin-bottom: 20px;" id="page-title">Experience.</h1>
<?php
while ( have_posts() ) :
the_post();
?>
<div class="entry-content tile" id="taxonomy-description">
<?php the_content(); ?>
</div>
2021-01-21 10:24:10 +00:00
<div class="entry-content tile" id="settings">
2021-01-09 11:13:06 +00:00
<h3 style="margin-bottom: 14px;" class="subheading">Settings</h3>
<form action="/experience-by-companies" id="settings" method="GET">
<input class="checkbox" type="checkbox" id="toplevel" value="toplevel" checked="checked">
<label for="toplevel">Display only top-level organisations</label>
<br>
<fieldset>
<legend><p style="margin-top: 14px; margin-bottom: 14px;">Display only organisations with associated:</p></legend>
<div class="controlgroup" id="typestodisplay">
<label for="jobs">Roles <span class="dashicons dashicons-hammer"></span></label>
<input type="checkbox" name="jobs" id="jobs" checked="checked">
<label class="currentjobs" for="currentjobs">Display only current roles</label>
<input class="currentjobs" type="checkbox" name="currentjobs" id="currentjobs" checked="checked">
<label for="posts">Blog Posts <span class="dashicons dashicons-admin-post"></span></label>
<input type="checkbox" name="posts" id="posts">
<label for="websites">Websites <span class="dashicons dashicons-schedule"></span></label>
<input type="checkbox" name="websites" id="websites">
<label for="programs">Programs <span class="dashicons dashicons-desktop"></span></label>
<input type="checkbox" name="programs" id="programs">
<label for="writings">Writings <span class="dashicons dashicons-format-aside"></span></label>
<input type="checkbox" name="writings" id="writings">
<label for="videos">Videos <span class="dashicons dashicons-video-alt"></span></label>
<input type="checkbox" name="videos" id="videos">
<label for="other">Other <span class="dashicons dashicons-archive"></span></label>
<input type="checkbox" name="other" id="other">
<label for="qualifications">Qualifications <span class="dashicons dashicons-id"></span></label>
<input type="checkbox" name="qualifications" id="qualifications">
<label class="expired" for="expired">Show expired qualifications</label>
<input class="expired" type="checkbox" name="expired" id="expired">
<label for="awards">Awards <span class="dashicons dashicons-awards"></span></label>
<input type="checkbox" name="awards" id="awards">
</div>
</fieldset>
<br>
<input class="ui-button ui-widget ui-corner-all" id="refresh" type="submit" value="Refresh">
</form>
</div>
2018-03-21 18:19:20 +00:00
<?php endwhile; ?>
</header>
<!--Company Grid-->
2020-08-08 09:55:20 +00:00
<table class="row" id="organisations-grid">
</table>
2018-03-21 18:19:20 +00:00
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
2021-01-09 11:13:06 +00:00
// Populates the organisations grid.
jQuery(document).ready(function($) {
// Sets up jQueryUI elements.
$('input:checkbox').checkboxradio();
$('.controlgroup').controlgroup();
$('.refresh').button();
2018-03-21 18:19:20 +00:00
2021-01-09 11:13:06 +00:00
// Displays the initial organisations grid.
displayCompanies();
2018-03-21 18:19:20 +00:00
2021-01-09 11:13:06 +00:00
$('.expired').hide();
2018-03-21 18:19:20 +00:00
2021-01-09 11:13:06 +00:00
$('input[type="checkbox"]').change(function() {
$('#refresh').css('border-width', '5px');
});
$('#jobs').change(function() {
if($(this).is(":checked")) {
$('.currentjobs').fadeIn(100);
} else {
$('.currentjobs').fadeOut(100);
}
});
2018-03-21 18:19:20 +00:00
2021-01-09 11:13:06 +00:00
$('#qualifications').change(function() {
if($(this).is(":checked")) {
$('.expired').fadeIn(100);
} else {
$('.expired').fadeOut(100);
}
});
2018-03-21 18:19:20 +00:00
2021-01-09 11:13:06 +00:00
$('#refresh').click(function(event) {
$(this).css('border-width', '1px');
event.preventDefault();
displayCompanies();
});
2018-03-21 18:19:20 +00:00
2021-01-09 11:13:06 +00:00
function displayCompanies() {
$('#organisations-grid').html('<img class="loading" src="/wp-content/uploads/2016/12/ajax-loader.gif">');
2018-03-21 18:19:20 +00:00
2021-01-09 11:13:06 +00:00
var settings = {
'action': 'display_companies',
'toplevel': $('#toplevel').is(':checked'),
'job': $('#jobs').is(':checked'),
'currentjobs': $('#currentjobs').is(':checked'),
'post': $('#posts').is(':checked'),
'website': $('#websites').is(':checked'),
'program': $('#programs').is(':checked'),
'writing': $('#writings').is(':checked'),
'video': $('#videos').is(':checked'),
'other': $('#other').is(':checked'),
'qualification': $('#qualifications').is(':checked'),
'showexpired': $('#expired').is(':checked'),
'award': $('#awards').is(':checked'),
};
2018-03-21 18:19:20 +00:00
2021-01-09 11:13:06 +00:00
$.post("/wp-admin/admin-ajax.php", settings, function(response) {
$('#organisations-grid').html(response);
});
}
});
2018-03-21 18:19:20 +00:00
</script>
2021-01-21 10:24:10 +00:00
</main>
2018-03-21 18:19:20 +00:00
<?php get_footer(); ?>