adding search results query string replacer in js, to change the search results limit...
authorAnthony Talarico <talarico@gaslightmedia.com>
Wed, 5 Apr 2017 19:23:36 +0000 (15:23 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Wed, 5 Apr 2017 19:23:36 +0000 (15:23 -0400)
pagination

js/front.js
models/front/obits/search.php
views/front/obits/searchResults.html

index e330ca8..0ba9db3 100644 (file)
@@ -1,4 +1,6 @@
 $(document).ready(function(){
+    var next_link = $('.next-link');
+    var prev_link = $('.prev-link');
     
     $(".expand-collapse").on("click", function(e){
         if( $(this).text() === "Show Options" ){
@@ -64,7 +66,23 @@ $(document).ready(function(){
     });
     
     $('#results-limit').on('change', function(){
-//        $('#obits-search').submit(); 
+
+         var limit      = $(this).val();
+         var next_url   = next_link.attr('href') ;
+         var prev_url   = prev_link.attr('href');
+
+         var extract    = next_url.match(/results-limit=\d+/).pop();
+
+         var query      = extract.match(/results-limit=/).pop();
+         var new_query  = query + limit;
+         
+         // replace the href strings, preparing to replace the actual el href
+         next_url = next_url.replace(extract, new_query);
+         prev_url = prev_url.replace(extract, new_query);
+         
+         //replace the urls with the new results limit
+         next_link.attr('href', next_url);
+         prev_link.attr('href', prev_url);
     });
     
     $('.print-results-link, .detail-print-results-link').on("click", function(e){
index a8e6948..4aafdf6 100644 (file)
@@ -114,7 +114,7 @@ class GlmMembersFront_obits_search extends GlmDataObits
         $logic_dropdown     = array('Contains' => 'LIKE' ,'Starts With' => 'LIKE%','Equals' => '=', 'More than' => '>', 'Less than' => '<');
         
         $per_page           = isset( $_REQUEST['results-limit']) ? (int)filter_var( $_REQUEST['results-limit'], FILTER_SANITIZE_STRING) : 50;
-//        echo $per_page;
+  
         // only execute search if the search button is clicked or there are search params in the url
         if ( isset( $_REQUEST['searchButton'] ) || !empty( $_GET['alpha'] ) || !empty( $_GET['pageSelect'] ) ){
    
index c942d44..28df080 100644 (file)
                 {if $paging}
                 <div class="small-12 medium-6 columns pagination-header">
                     <div class="pagination-nav">
-                        <a href="{$thisUrl}?pageSelect=Previous&prevStart={$prevStart}{if $search.last}&last={$search.last}{/if}{if $search.first}&first={$search.first}{/if}{if $search.d_yr}&d_yr={$search.d_yr}{/if}{if $search.b_yr}&b_yr={$search.b_yr}{/if}{if $search.spouse}&spouse={$search.spouse}{/if}{if $search.maiden}maiden={$search.maiden}{/if}{if $search.b_range}&b_range={$search.b_range}{/if}{if $search.d_range}&d_range={$search.d_range}{/if}{if $get_params.last_name}&last={$get_params.last_name}{/if}{if $get_params.first_mid}&first={$get_params.first_mid}{/if}{if $get_params.d_year}&d_yr={$get_params.d_year}{/if}{if $get_params.b_year}&b_yr={$get_params.b_year}{/if}{if $get_params.spouse_partner}&spouse={$get_params.spouse_partner}{/if}{if $get_params.maiden_other}maiden={$get_params.maiden_other}{/if}{if $get_params.b_yr_range}&b_range={$get_params.b_yr_range}{/if}{if $get_params.d_yr_range}&d_range={$get_params.d_yr_range}{/if}&nextStart={$nextStart}&results-limit={$limit}{if $alpha_key}&alpha={$alpha_key}{/if}&clause={$clause}" class="glm-alpha-link obits-link" {if !$prevStart} style="pointer-events: none; opacity: 0.5;"{/if}>Previous page</a>
+                        <a href="{$thisUrl}?pageSelect=Previous&prevStart={$prevStart}{if $search.last}&last={$search.last}{/if}{if $search.first}&first={$search.first}{/if}{if $search.d_yr}&d_yr={$search.d_yr}{/if}{if $search.b_yr}&b_yr={$search.b_yr}{/if}{if $search.spouse}&spouse={$search.spouse}{/if}{if $search.maiden}maiden={$search.maiden}{/if}{if $search.b_range}&b_range={$search.b_range}{/if}{if $search.d_range}&d_range={$search.d_range}{/if}{if $get_params.last_name}&last={$get_params.last_name}{/if}{if $get_params.first_mid}&first={$get_params.first_mid}{/if}{if $get_params.d_year}&d_yr={$get_params.d_year}{/if}{if $get_params.b_year}&b_yr={$get_params.b_year}{/if}{if $get_params.spouse_partner}&spouse={$get_params.spouse_partner}{/if}{if $get_params.maiden_other}maiden={$get_params.maiden_other}{/if}{if $get_params.b_yr_range}&b_range={$get_params.b_yr_range}{/if}{if $get_params.d_yr_range}&d_range={$get_params.d_yr_range}{/if}&nextStart={$nextStart}&results-limit={$limit}{if $alpha_key}&alpha={$alpha_key}{/if}&clause={$clause}" class="glm-alpha-link obits-link prev-link" {if !$prevStart} style="pointer-events: none; opacity: 0.5;"{/if}>Previous page</a>
 
-                        <a href="{$thisUrl}?pageSelect=Next&prevStart={$prevStart}{if $search.last}&last={$search.last}{/if}{if $search.first}&first={$search.first}{/if}{if $search.d_yr}&d_yr={$search.d_yr}{/if}{if $search.b_yr}&b_yr={$search.b_yr}{/if}{if $search.spouse}&spouse={$search.spouse}{/if}{if $search.maiden}maiden={$search.maiden}{/if}{if $search.b_range}&b_range={$search.b_range}{/if}{if $search.d_range}&d_range={$search.d_range}{/if}{if $get_params.last_name}&last={$get_params.last_name}{/if}{if $get_params.first_mid}&first={$get_params.first_mid}{/if}{if $get_params.d_year}&d_yr={$get_params.d_year}{/if}{if $get_params.b_year}&b_yr={$get_params.b_year}{/if}{if $get_params.spouse_partner}&spouse={$get_params.spouse_partner}{/if}{if $get_params.maiden_other}maiden={$get_params.maiden_other}{/if}{if $get_params.b_yr_range}&b_range={$get_params.b_yr_range}{/if}{if $get_params.d_yr_range}&d_range={$get_params.d_yr_range}{/if}&nextStart={$nextStart}&results-limit={$limit}{if $alpha_key}&alpha={$alpha_key}{/if}&clause={$clause}" class="glm-alpha-link obits-link" {if !$nextStart} style="pointer-events: none; opacity: 0.5;"{/if}>Next page</a>
+                        <a href="{$thisUrl}?pageSelect=Next&prevStart={$prevStart}{if $search.last}&last={$search.last}{/if}{if $search.first}&first={$search.first}{/if}{if $search.d_yr}&d_yr={$search.d_yr}{/if}{if $search.b_yr}&b_yr={$search.b_yr}{/if}{if $search.spouse}&spouse={$search.spouse}{/if}{if $search.maiden}maiden={$search.maiden}{/if}{if $search.b_range}&b_range={$search.b_range}{/if}{if $search.d_range}&d_range={$search.d_range}{/if}{if $get_params.last_name}&last={$get_params.last_name}{/if}{if $get_params.first_mid}&first={$get_params.first_mid}{/if}{if $get_params.d_year}&d_yr={$get_params.d_year}{/if}{if $get_params.b_year}&b_yr={$get_params.b_year}{/if}{if $get_params.spouse_partner}&spouse={$get_params.spouse_partner}{/if}{if $get_params.maiden_other}maiden={$get_params.maiden_other}{/if}{if $get_params.b_yr_range}&b_range={$get_params.b_yr_range}{/if}{if $get_params.d_yr_range}&d_range={$get_params.d_yr_range}{/if}&nextStart={$nextStart}&results-limit={$limit}{if $alpha_key}&alpha={$alpha_key}{/if}&clause={$clause}" class="glm-alpha-link obits-link next-link" {if !$nextStart} style="pointer-events: none; opacity: 0.5;"{/if}>Next page</a>
                         <div class="display-number">
                              showing {$start} through {$lastDisplayed} of {$total}
                         </div>
 </div>
 <script type="text/javascript">
     jQuery(document).ready(function($) {
+      
         var results_limit = {$limit},
             alpha         = '{$alpha_key}' ;