<?xml version="1.0"?>
<!-- $Id: $
    Copyright (c) 2004 Kurt M. Brown, x2ii.info.
    This file is subject to the terms and conditions of the GNU General Public
    License. See the file COPYING for more details.
-->
<xbl:bindings
    id="bs_pager"
    xmlns="http://www.mozilla.org/xbl"
    xmlns:xbl="http://www.mozilla.org/xbl"
    xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
 <xbl:binding id="b_pager">

  <xbl:resources>
    <xbl:stylesheet src="pager.css"/>
  </xbl:resources>

  <xbl:content>
   <xul:hbox class="pager" align="center">
     <xul:textbox anonid="perPage" size="3" value="25"/>
     <xul:image anonid="first" moveValue="-2"/>
     <xul:image anonid="prev" moveValue="-1"/>
     <xul:label value="Page"/>
     <xul:textbox anonid="toPage" size="3" value="1"/>
     <xul:label value="of"/>
     <xul:label anonid="lastPageLabel"/>
     <xul:image anonid="next" moveValue="1"/>
     <xul:image anonid="last" moveValue="2"/>

     <xul:image anonid="processing"/>
     <xul:image anonid="reload" hidden="true"/>
     <xul:label anonid="details"/>
   </xul:hbox>
  </xbl:content>

  <xbl:implementation>
   <xbl:field name="onChoice"/>
   <xbl:constructor>
    <![CDATA[
        this.$itemsPerPage = 25;
        this.$pageOffset = 0;
        this.$totalCount = 25;
        this.$pageCount = 1;

        var perPage = xi.byAnonId(this, 'perPage');
        perPage.pager = this;
        perPage.onkeyup = function(event) {
            const val = parseInt(this.value, 10);
            if (!isNaN(val) && val > 1)
                this.pager.$itemsPerPage = val;
            if (event.keyCode == event.DOM_VK_RETURN)
                this.pager.onChoice();
        }
        this.initButton(xi.byAnonId(this, 'first'));
        this.initButton(xi.byAnonId(this, 'prev'));
        this.$toPage = xi.byAnonId(this, 'toPage');
        this.$toPage.pager = this;
        this.$toPage.onkeyup = function(event) {
            const val = parseInt(this.value, 10);
            if (!isNaN(val) && val > 0)
                this.pager.$pageOffset = val - 1;
            if (event.keyCode == event.DOM_VK_RETURN)
                this.pager.onChoice();
        }
        this.$lastPageLabel = xi.byAnonId(this, 'lastPageLabel');
        this.initButton(xi.byAnonId(this, 'next'));
        this.initButton(xi.byAnonId(this, 'last'));

        this.$processing = xi.byAnonId(this, 'processing');
        this.$reload = xi.byAnonId(this, 'reload');
        this.$reload.pager = this;
        this.$reload.onclick = function() {
            this.pager.onChoice();
        }
        this.$details = xi.byAnonId(this, 'details');
    ]]>
   </xbl:constructor>

   <xbl:method name="getArgs">
    <xbl:body>
     <![CDATA[
        return [this.$itemsPerPage, this.$pageOffset];
     ]]>
    </xbl:body>
   </xbl:method>
   <xbl:method name="setArgs">
    <xbl:parameter name="args"/>
    <xbl:body>
     <![CDATA[
        this.$itemsPerPage = args[0];
        this.$pageOffset = args[1];
        this.$toPage.value = this.$pageOffset + 1;
     ]]>
    </xbl:body>
   </xbl:method>
   <xbl:method name="showProcessing">
    <xbl:body>
     <![CDATA[
        // disable buttons ?
        this.$reload.hidden = true;
        this.$processing.hidden = false;
        this.$details.value = 'processing, please wait ...';
     ]]>
    </xbl:body>
   </xbl:method>
   <xbl:method name="showFinished">
    <xbl:parameter name="totalCount"/>
    <xbl:body>
     <![CDATA[
        // enable buttons ?
        this.$totalCount = totalCount;
        var pageCount = Math.round(totalCount/this.$itemsPerPage);
        if (totalCount > 0 && totalCount > this.$itemsPerPage*pageCount)
            ++pageCount;
        this.$pageCount = pageCount;
        this.$lastPageLabel.value = pageCount;
        if (this.$pageOffset > pageCount - 1) {
            if (pageCount > 0)
                this.$pageOffset = pageCount - 1
            this.$toPage.value = pageCount;
        }
        const start = this.$pageOffset*this.$itemsPerPage + 1;
        var end = start + this.$itemsPerPage - 1;
        if (end > totalCount)
            end = totalCount;
        this.$processing.hidden = true;
        this.$reload.hidden = false;
        this.$details.value = (
            (totalCount > 0) ? (
                'Showing ' + start + ' - ' + end + ' of ' + totalCount
            ) : ''
        );
     ]]>
    </xbl:body>
   </xbl:method>

   <xbl:method name="initButton">
    <xbl:parameter name="button"/>
    <xbl:body>
     <![CDATA[
        button.pager = this;
        button.onclick = function() {
            const moveValue = parseInt(this.getAttribute('moveValue'), 10);
            var pageOffset = this.pager.$pageOffset;
            if (moveValue == -2)
                pageOffset = 0;
            else if (moveValue == 2)
                pageOffset = this.pager.$pageCount;
            else
                pageOffset += moveValue;

            if (pageOffset < 0)
                pageOffset = 0;
            else if (pageOffset > this.pager.$pageCount - 1)
                pageOffset = this.pager.$pageCount - 1;

            if (pageOffset != this.pager.$pageOffset) {
                this.pager.$pageOffset = pageOffset;
                this.pager.$toPage.value = pageOffset + 1;
                this.pager.onChoice();
            }
        }
     ]]>
    </xbl:body>
   </xbl:method>

  </xbl:implementation>
 </xbl:binding>
</xbl:bindings>