Skip to content

Commonwell / broker-site

Go to a project
Toggle navigation
Toggle navigation pinning
7de7e4ac by Jeremy Groot
Options

preferred tool updates

1 parent 74ce347e
Expand all
Inline Side-by-side
Showing 11 changed files with 85 additions and 76 deletions
......@@ -28,37 +28,36 @@ if( $is_preview ) {
$postal_lookup = [];
$row = 0;
if (($handle = fopen(wp_get_upload_dir()['basedir']."/terriroties.csv", "r")) !== FALSE) {
while (($data = fgetcsv($handle, 1000, ",")) !== FALSE) {
$row++;
if($row == 1) {
continue;
}
$postal_lookup[] = ['GEOKEY'=>$data[0],'TERRITORY'=>$data[1],'1ST'=>$data[2],'PREFERRED'=>$data[3],'REGION'=>$data[4]];
$postal_lookup[] = ['GEOKEY'=>$data[0],'PREFERRED'=>$data[3]];
}
fclose($handle);
}
?>
<div id="<?php echo esc_attr($id); ?>" class="<?php echo esc_attr($className); ?>">
<div class='postal-code-inputs'>
<label>
<span class='label'>Enter Full Postal Code:</span>
<input type='text' class='postal-code-search' />
</label>
<label>
<span class='label'>Preferred?</span>
<input type='text' class='preferred' />
</label>
</div>
<input type='hidden' class='postal-search-data' value='<?= json_encode($postal_lookup) ?>' />
<table class='postal-search-results'>
<thead>
<tr class="header"><td>GEOKEY</td><td>TERRITORY</td><td>1ST</td><td>PREFERRED</td><td>REGION</td></tr>
</thead>
<tbody>
<?php foreach($postal_lookup as $pl) { ?>
<tr data-preferred="<?= $pl['PREFERRED'] ?>" class="header"><td><?= $pl['GEOKEY'] ?></td><td><?= $pl['TERRITORY'] ?></td><td><?= $pl['1ST'] ?></td><td><?= $pl['PREFERRED'] ?></td><td><?= $pl['REGION'] ?></td></tr>
<?php } ?>
</tbody>
</table>
</div>
......
......@@ -14654,6 +14654,8 @@ table.dataTable + .bottom {
.postal-code-inputs {
display: flex;
align-items: baseline;
gap: 1rem;
}
.postal-code-inputs > div {
padding-right: 3rem;
......@@ -14661,6 +14663,13 @@ table.dataTable + .bottom {
.postal-code-inputs > input {
font-size: 1rem;
}
.postal-code-inputs span {
padding-left: 0;
color: #000;
text-align: left;
font-family: Helvetica;
font-size: 20px;
}
.strategic-child-page {
display: flex;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
// import Fuse from 'fuse.js'
import DataTable from 'datatables.net-dt';
import Fuse from 'fuse.js'
// import DataTable from 'datatables.net-dt';
(function( $ ) {
// var list = JSON.parse($('.postal-search-data').val());
// const fuseOptions = {
// // isCaseSensitive: false,
// // includeScore: false,
// // shouldSort: true,
// // includeMatches: false,
// // findAllMatches: false,
// // minMatchCharLength: 1,
// // location: 0,
// threshold: 0.2,
// // distance: 100,
// // useExtendedSearch: false,
// // ignoreLocation: false,
// // ignoreFieldNorm: false,
// // fieldNormWeight: 1,
// keys: [
// "GEOKEY",
// "TERRITORY"
// ]
// };
var list = JSON.parse($('.postal-search-data').val());
// const fuse = new Fuse(list, fuseOptions);
const fuseOptions = {
// isCaseSensitive: false,
// includeScore: false,
// shouldSort: true,
// includeMatches: false,
// findAllMatches: false,
// minMatchCharLength: 1,
// location: 0,
threshold: 0.2,
// distance: 100,
// useExtendedSearch: false,
// ignoreLocation: false,
// ignoreFieldNorm: false,
// fieldNormWeight: 1,
keys: [
"GEOKEY"
]
};
var table = new DataTable('.postal-search-results',
{
responsive: true,
paging:true,
"lengthMenu":-1,
"oLanguage": {
"sSearch": "Enter Full Postal Code:"
}
}
);
// function searchFuse(searchPattern) {
// return fuse.search(searchPattern);
// }
const fuse = new Fuse(list, fuseOptions);
// var table = new DataTable('.postal-search-results',
// {
// responsive: true,
// paging:true,
// "lengthMenu":-1,
// "oLanguage": {
// "sSearch": "Enter Full Postal Code:"
// }
// }
// );
// $('.search-postal-preferred').on('change', function() {
// var preferred = $(this).find('option:selected').val();
// $('.postal-search-results tr').removeClass('hidden');
......@@ -49,7 +44,6 @@ import DataTable from 'datatables.net-dt';
// $('.postal-search-results tr').each(function() {
// if(!$(this).hasClass('header')) {
// var _preferred = $(this).data('preferred');
// console.log(_preferred);
// if(preferred != _preferred) {
// $(this).addClass('hidden');
// }
......@@ -58,29 +52,27 @@ import DataTable from 'datatables.net-dt';
// }
// });
// $('.postal-code-search').on('keyup', function() {
$('.postal-code-search').on('keyup', function() {
// var results = searchFuse($(this).val());
if($(this).val().length < 3) {
$('.preferred').val('');
} else {
// $('.postal-search-results tr').remove();
// $('.postal-search-results').append(
// '<tr class="header"><td>GEOKEY</td><td>TERRITORY</td><td>1ST</td><td>PREFERRED</td><td>REGION</td></tr>'
// );
var results = fuse.search($(this).val());
// if(results.length > 200) {
// $('.postal-search-results').append("<tr><td>Result set to large</td><td></td><td></td><td></td><td></td></tr>");
// } else {
// if(results.length == 0) {
// $('.postal-search-results').append("<tr><td>No Results Found</td><td></td><td></td><td></td><td></td></tr>");
// } else {
// for(var i = 0;i < results.length;++i) {
// $('.postal-search-results').append(
// '<tr data-preferred="'+results[i].item['PREFERRED']+'"><td>'+results[i].item.GEOKEY+'</td><td>'+results[i].item.TERRITORY+'</td><td>'+results[i].item['1ST']+'</td><td>'+results[i].item['PREFERRED']+'</td><td>'+results[i].item['REGION']+'</td></tr>'
// );
// }
// }
// }
for(var i = 0;i < results.length;++i) {
// });
if(results[i].item['PREFERRED'] == 'YES') {
$('.preferred').val('YES');
} else if(results[i].item['PREFERRED'] == 'NO') {
$('.preferred').val('NO');
} else {
$('.preferred').val('UNKNOWN');
}
}
}
});
}( jQuery ));
\ No newline at end of file
......
......@@ -447,12 +447,21 @@ table.dataTable + .bottom {
.postal-code-inputs {
display: flex;
align-items: baseline;
gap:1rem;
& > div {
padding-right:3rem;
}
& > input {
font-size: 1rem;
}
span {
padding-left:0;
color: #000;
text-align: left;
font-family: Helvetica;
font-size: 20px;
}
}
.strategic-child-page {
......