PAC filter

Templates/Clientes/index.html

@@ -24,10 +24,8 @@ Timbres disponibles Comercio Digital: {{saldo}}
             </div>
 
             <select id="table_select" class="form-control form-control-sm">
-              <option value="01">Enero
-              </option>
-              <option value="02">Febrero
-              </option>
+              <option value="01">Enero</option>
+              <option value="02">Febrero</option>
               <option value="03">Marzo
               </option>
               <option value="04">Abril
@@ -83,6 +81,7 @@ Timbres disponibles Comercio Digital: {{saldo}}
                         Acciones
                       </button>
                       <div class="dropdown-menu">
+                        
                         <a class="btn btn-outline-info w-100" href="{% url 'timbres_cliente' obj.RFC %}" >
                           <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">
                             <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>

Templates/Clientes/timbres_cliente.html

@@ -22,7 +22,14 @@
       <tr>
         <th scope="col">UUID</th>
         
-        <th scope="col">PAC</th>
+        <th scope="col">
+          PAC
+          <select id="table_select_PAC" class="form-control form-control-sm">
+            <option value="00">Todos</option>
+            <option value="01">EDICOM</option>
+            <option value="02">Comercio Dig.</option>
+          </select>
+        </th>
         <th scope="col">
           <input id="table_tipo" name="tipo" value="True" type="checkbox" class="form-check-input" >
           Tipo CFDI
@@ -47,42 +54,59 @@
     </tbody>
 </table>
 
+<div id='id_filters' style="display: None;">{% for i,v in filters.items %}&{{i}}={{v}}{% endfor%}</div>
 
 {% endblock content %}
     
 
 {% block scripts %}
     <script>
-        table_tipo.addEventListener('click', (event)=>{
-            document.getElementById('tipo').checked = table_tipo.checked? true:false;
-            if(table_fecha.checked){
-                table_fecha.click()
-            }
-        })
-    
-        table_fecha.addEventListener('click', (event)=>{
-            
+      window.addEventListener("load", (event)=>{
+        let PAC = '{{PAC}}'
+        if(PAC !="None"){
+          table_select_PAC.value=PAC
+        }
+      })
+      let filters = document.getElementById('id_filters').textContent
 
-            if(dates.hasAttribute("style")){
-                dates.removeAttribute('style')
-                datepicker.value=''
-                datepicker.setAttribute("required",'')
-                datepickerFin.value=''
+      table_select_PAC.addEventListener('change',(event)=>{
+        let anc = document.getElementById('home_id')
+        anc.href=''
+        let url = `?PAC=${event.target.value}${filters}`
+        anc.href=url
+        anc.click()
+      })
+        
+      table_tipo.addEventListener('click', (event)=>{
+          document.getElementById('tipo').checked = table_tipo.checked? true:false;
+          if(table_fecha.checked){
+              table_fecha.click()
+          }
+      })
 
-                datepickerFin.setAttribute('required','')
-                search.setAttribute("style","display:none;")
-                search.value=''
-                
-            }else{
-                dates.setAttribute("style","display:none;")
-                search.removeAttribute('style')
-                datepicker.removeAttribute('required')
-                datepickerFin.removeAttribute('required')
-            }
-            if(table_tipo.checked && table_fecha.checked){
-                table_tipo.checked=false
-            }
-        })
+      table_fecha.addEventListener('click', (event)=>{
+          
+
+          if(dates.hasAttribute("style")){
+              dates.removeAttribute('style')
+              datepicker.value=''
+              datepicker.setAttribute("required",'')
+              datepickerFin.value=''
+
+              datepickerFin.setAttribute('required','')
+              search.setAttribute("style","display:none;")
+              search.value=''
+              
+          }else{
+              dates.setAttribute("style","display:none;")
+              search.removeAttribute('style')
+              datepicker.removeAttribute('required')
+              datepickerFin.removeAttribute('required')
+          }
+          if(table_tipo.checked && table_fecha.checked){
+              table_tipo.checked=false
+          }
+      })
     </script>
 {% endblock scripts %}