logic separation for join table requests

app/assets/javascripts/user/quser.js.coffee

@@ -107,7 +107,12 @@ window.Quser=
       foot = $('#active-list-table tfoot')
       Quser.build_list_table(body, foot, res)
     )
-  load_history_list: (list_id) ->
+  load_history_list: () ->
+    match = window.document.URL.toString().match('([0-9a-zA-Z]+)(\\?|$)')
+    if match
+      list_id = match[1]
+    else
+      return
     $.get(data_host + '/user/list_history/'+list_id+'.json', (res) ->
       body = $('#history-list-table tbody')
       foot = $('#history-list-table tfoot')
@@ -254,7 +259,13 @@ window.Quser=
           redirect_to 'list_products_for_table', {table_id: table.table_id}
     , 'json')
 
-  join_occupied_table: (table_id) ->
+  join_occupied_table: () ->
+    match = window.document.URL.toString().match('table_id=([0-9a-zA-Z]+)')
+    if match
+      table_id = match[1]
+    else
+      redirect_to 'user_root', {message: 'cannot_identify_table'}
+      return
     $('.form-actions').remove()
     cont = $('#join-occupied-table-progress-container')
     cont.html('')

app/views/user/history_list.html.slim

@@ -17,5 +17,5 @@ dl.dl-horizontal
 - content_for :footer do
   javascript:
     jQuery(function(){
-      Quser.load_history_list('#{@list.id}');
+      Quser.load_history_list();
     })

app/views/user/join_occupied_table.html.slim

@@ -3,7 +3,16 @@
 .form-actions
   = link_to t('user.join_occupied_table.back'), user_root_path, class: :btn
   '
-  = link_to t('user.join_occupied_table.show_the_products'), user_list_products_for_table_path(table_id: @table.id), class: [:btn, 'btn-primary']
+  = link_to t('user.join_occupied_table.show_the_products'), user_root_path(message: 'cannot_identify_table'), class: [:btn, 'btn-primary'], id: 'join_table_products'
   '
-  button.btn.btn-warning{onClick="Quser.join_occupied_table('#{@table.id}')"} = t('user.join_occupied_table.join_this_table')
+  button.btn.btn-warning{onClick="Quser.join_occupied_table()"} = t('user.join_occupied_table.join_this_table')
 #join-occupied-table-progress-container
+- content_for :footer do
+  javascript:
+    $(function(){
+      var list_products_for_table_base = '#{raw user_list_products_for_table_path}';
+      var match = window.document.URL.toString().match('table_id=([0-9a-zA-Z]+)');
+      if(match){
+        $('#join_table_products').attr('href', list_products_for_table_base + '?table_id=' + match[1]);
+      }
+    });