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 83 additions and 74 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); ?>">
<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 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) ?>' />
</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());
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"
// ]
// };
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"
]
};
// const fuse = new Fuse(list, fuseOptions);
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:"
}
}
);
// function searchFuse(searchPattern) {
// return fuse.search(searchPattern);
// 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();
......@@ -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 {
......