xref: /OK3568_Linux_fs/yocto/bitbake/lib/toaster/toastergui/templates/basetable_bottom.html (revision 4882a59341e53eb6f0b4789bf948001014eff981)
1*4882a593Smuzhiyun    </tbody>
2*4882a593Smuzhiyun    </table>
3*4882a593Smuzhiyun
4*4882a593Smuzhiyun<!-- Show pagination controls -->
5*4882a593Smuzhiyun<div id="pagination-basetable_bottom">
6*4882a593Smuzhiyun   <!--span class="help-inline">Showing {{objects.start_index}} to {{objects.end_index}} out of {{objects.paginator.count}} entries.</span-->
7*4882a593Smuzhiyun
8*4882a593Smuzhiyun   <ul class="pagination">
9*4882a593Smuzhiyun{%if objects.has_previous %}
10*4882a593Smuzhiyun  <li><a href="javascript:reload_params({'page':{{objects.previous_page_number}}})">&laquo;</a></li>
11*4882a593Smuzhiyun{%else%}
12*4882a593Smuzhiyun  <li class="disabled"><a href="#">&laquo;</a></li>
13*4882a593Smuzhiyun{%endif%}
14*4882a593Smuzhiyun{% for i in objects.page_range %}
15*4882a593Smuzhiyun  <li{%if i == objects.number %} class="active" {%endif%}><a href="javascript:reload_params({'page':{{i}}})">{{i}}</a></li>
16*4882a593Smuzhiyun{% endfor %}
17*4882a593Smuzhiyun{%if objects.has_next%}
18*4882a593Smuzhiyun  <li><a href="javascript:reload_params({'page':{{objects.next_page_number}}})">&raquo;</a></li>
19*4882a593Smuzhiyun{%else%}
20*4882a593Smuzhiyun  <li class="disabled"><a href="#">&raquo;</a></li>
21*4882a593Smuzhiyun{%endif%}
22*4882a593Smuzhiyun  </ul>
23*4882a593Smuzhiyun  <form class="navbar-form navbar-right">
24*4882a593Smuzhiyun    <div class="form-group">
25*4882a593Smuzhiyun      <label>Show rows:</label>
26*4882a593Smuzhiyun      <select class="form-control pagesize">
27*4882a593Smuzhiyun        {% with "10 25 50 100 150" as list%}
28*4882a593Smuzhiyun        {% for i in list.split %}
29*4882a593Smuzhiyun        <option value="{{i}}">{{i}}</option>
30*4882a593Smuzhiyun        {% endfor %}
31*4882a593Smuzhiyun        {% endwith %}
32*4882a593Smuzhiyun      </select>
33*4882a593Smuzhiyun    </div>
34*4882a593Smuzhiyun  </form>
35*4882a593Smuzhiyun</div>
36*4882a593Smuzhiyun
37*4882a593Smuzhiyun<!-- Update page display settings -->
38*4882a593Smuzhiyun
39*4882a593Smuzhiyun<script>
40*4882a593Smuzhiyun $(document).ready(function() {
41*4882a593Smuzhiyun
42*4882a593Smuzhiyun    // we load cookies for the column display
43*4882a593Smuzhiyun    save = $.cookie('_displaycols_{{objectname}}');
44*4882a593Smuzhiyun    if (save != undefined) {
45*4882a593Smuzhiyun        setting = save.split(';');
46*4882a593Smuzhiyun        for ( i = 0; i < setting.length; i++) {
47*4882a593Smuzhiyun            if (setting[i].length > 0) {
48*4882a593Smuzhiyun                splitlist = setting[i].split(':');
49*4882a593Smuzhiyun                id = splitlist[0], v = splitlist[1];
50*4882a593Smuzhiyun                if (v == 'true') {
51*4882a593Smuzhiyun                    $('.chbxtoggle#'+id).prop('checked', true);
52*4882a593Smuzhiyun                }
53*4882a593Smuzhiyun                else {
54*4882a593Smuzhiyun                    $('.chbxtoggle#'+id).prop('checked', false);
55*4882a593Smuzhiyun                }
56*4882a593Smuzhiyun            }
57*4882a593Smuzhiyun        }
58*4882a593Smuzhiyun    }
59*4882a593Smuzhiyun
60*4882a593Smuzhiyun    // load data for number of entries to be displayed on page
61*4882a593Smuzhiyun    if ({{request.GET.count}} != "") {
62*4882a593Smuzhiyun      pagesize = {{request.GET.count}};
63*4882a593Smuzhiyun    }
64*4882a593Smuzhiyun
65*4882a593Smuzhiyun    $('.pagesize option').prop('selected', false)
66*4882a593Smuzhiyun                         .filter('[value="' + pagesize + '"]')
67*4882a593Smuzhiyun                         .attr('selected', true);
68*4882a593Smuzhiyun
69*4882a593Smuzhiyun    $('.chbxtoggle').each(function () {
70*4882a593Smuzhiyun        showhideTableColumn($(this).attr('id'), $(this).is(':checked'))
71*4882a593Smuzhiyun    });
72*4882a593Smuzhiyun
73*4882a593Smuzhiyun    //turn edit columns dropdown into a multi-select menu
74*4882a593Smuzhiyun     $('.dropdown-menu input, .dropdown-menu label').click(function(e) {
75*4882a593Smuzhiyun        e.stopPropagation();
76*4882a593Smuzhiyun    });
77*4882a593Smuzhiyun
78*4882a593Smuzhiyun    //show tooltip with applied filter
79*4882a593Smuzhiyun    $('#filtered').tooltip({container:'table', placement:'bottom', delay:{hide:1500}, html:true});
80*4882a593Smuzhiyun
81*4882a593Smuzhiyun    //progress bar tooltip
82*4882a593Smuzhiyun    $('.progress, .lead span').tooltip({container:'table', placement:'top'});
83*4882a593Smuzhiyun
84*4882a593Smuzhiyun    $(".pagesize").change(function () {
85*4882a593Smuzhiyun        reload_params({"count":$(this).val()});
86*4882a593Smuzhiyun    });
87*4882a593Smuzhiyun});
88*4882a593Smuzhiyun</script>
89*4882a593Smuzhiyun
90*4882a593Smuzhiyun<!-- modal filter boxes -->
91*4882a593Smuzhiyun   {% for tc in tablecols %}{% if tc.filter %}{% with objectname=objectname f=tc.filter %}
92*4882a593Smuzhiyun        {% include "filtersnippet.html" %}
93*4882a593Smuzhiyun   {% endwith %}{% endif %} {% endfor %}
94*4882a593Smuzhiyun<!-- end modals -->
95