1 | {% extends "base_formulario.html" %} |
---|
2 | {% load url from future %} |
---|
3 | {% load l10n %} |
---|
4 | {% load i18n %} |
---|
5 | |
---|
6 | {% block librerias %} |
---|
7 | <link rel="stylesheet" href="{{ MEDIA_URL }}css/themes/themes_jt/metro/green/jtable.css" type="text/css"> |
---|
8 | <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.jtable.min.js"></script> |
---|
9 | <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.jtable.es.js"></script> |
---|
10 | |
---|
11 | <script type="text/javascript"> |
---|
12 | $(document).ready(function() { |
---|
13 | |
---|
14 | $('#DirectorioTable').jtable({ |
---|
15 | title : '{{titulo}}', |
---|
16 | paging : true, |
---|
17 | pageSize : 20, |
---|
18 | sorting : false, |
---|
19 | defaultSorting : 'acuerdo ASC', |
---|
20 | selecting : true, //Enable selecting |
---|
21 | multiselect : true, //Allow multiple selecting |
---|
22 | selectingCheckboxes : true, |
---|
23 | ajaxSettings : { |
---|
24 | type : 'GET', |
---|
25 | dataType : 'json', |
---|
26 | |
---|
27 | }, |
---|
28 | actions : { |
---|
29 | listAction : '{{BASE_URL}}/paisesjson', |
---|
30 | }, |
---|
31 | fields : { |
---|
32 | id : { |
---|
33 | key : true, |
---|
34 | create : false, |
---|
35 | edit : false, |
---|
36 | list : false |
---|
37 | }, |
---|
38 | iso3166_3 : { |
---|
39 | title : '{% trans "Pais" %}', |
---|
40 | width : '100%' |
---|
41 | }, |
---|
42 | iso3166_2 : { |
---|
43 | title : '{% trans "Pais" %}', |
---|
44 | hidden : true |
---|
45 | } |
---|
46 | |
---|
47 | }, |
---|
48 | |
---|
49 | //Register to selectionChanged event to hanlde events |
---|
50 | selectionChanged : function() { |
---|
51 | //Get all selected rows |
---|
52 | var $selectedRows = $('#DirectorioTable').jtable('selectedRows'); |
---|
53 | |
---|
54 | $('#SelectedRowList').empty(); |
---|
55 | $('#paises').prop("value","" ); |
---|
56 | if ($selectedRows.length > 0) { |
---|
57 | //Show selected rows |
---|
58 | $selectedRows.each(function() { |
---|
59 | var record = $(this).data('record'); |
---|
60 | $('#SelectedRowList').append('<br /><b>Pais</b>:' + record.iso3166_3 + '<br /><br />'); |
---|
61 | var pai = $('#paises').val() + record.iso3166_2 + ","; |
---|
62 | |
---|
63 | $('#paises').prop("value", pai ); |
---|
64 | }); |
---|
65 | } else { |
---|
66 | //No rows selected |
---|
67 | $('#SelectedRowList').append('No row selected! Select rows to see here...'); |
---|
68 | } |
---|
69 | }, |
---|
70 | rowInserted : function(event, data) { |
---|
71 | if (data.record.iso3166_2.indexOf('@') >= 0) { |
---|
72 | $('#DirectorioTable').jtable('selectRows', data.row); |
---|
73 | } |
---|
74 | } |
---|
75 | }); |
---|
76 | |
---|
77 | $('#DirectorioTable').jtable('load'); |
---|
78 | |
---|
79 | }); |
---|
80 | </script> |
---|
81 | |
---|
82 | |
---|
83 | {% endblock librerias %} |
---|
84 | |
---|
85 | {% block titulo %}{% trans "aranceles" %}{% endblock %} |
---|
86 | {% block submenu %} |
---|
87 | <div style="width: 100%"> |
---|
88 | <h2>SUBMENU</h2> |
---|
89 | <ul class="menu"> |
---|
90 | <li><a class="" href="{{ BASE_URL }}/aranceles_consulta"> |
---|
91 | <i class="icon-th-list"></i> {% trans "Consultar Aranceles" %} |
---|
92 | </a> |
---|
93 | </li> |
---|
94 | <li><a class="" href="{{ BASE_URL }}/aranceles_carga"> |
---|
95 | <i class="icon-download-alt"></i> {% trans "Cargar Datos" %} |
---|
96 | </a> |
---|
97 | </li> |
---|
98 | </ul> |
---|
99 | </div> |
---|
100 | {% endblock submenu %} |
---|
101 | {% block formulario %} |
---|
102 | |
---|
103 | |
---|
104 | <h3>{% trans "Aranceles de los países ALBA-TCP" %}</h3> |
---|
105 | <div class="grid center" style="border: 1px solid black; margin:10px; padding: 0;"> |
---|
106 | <div id="DirectorioTable"></div> |
---|
107 | <div id="flotante"></div> |
---|
108 | <br /> |
---|
109 | <form id="forma" class="formulario" action={% url "aranceles_resultados" %} method="post"> |
---|
110 | <input type="hidden" id="paises" name="paises" value=""> |
---|
111 | <button type="submit">Consultar</button> |
---|
112 | </form> |
---|
113 | </div> |
---|
114 | {% endblock formulario %} |
---|
115 | {% block articulouno %} |
---|
116 | {% endblock articulouno %} |
---|
117 | {% block articulodos %} |
---|
118 | {% endblock articulodos %} |
---|
119 | {% block noticias %} |
---|
120 | {% endblock noticias %} |
---|
121 | |
---|