<commit_before><!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Bootstrap Pager</title>
        <link rel="stylesheet" href="lib/bootstrap.min.css" />
        <link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
        <script src="lib/jquery.min.js"></script>
        <script src="lib/bootstrap.min.js"></script>
        <script src="dist/bootstrap-pager.js"></script>
        <style>
            body {
                padding-bottom: 40px;
            }
            .content {
                height: 400px;
                line-height: 400px;
                margin: 20px auto 10px;
                background: #f8f8f8;
                font-size: 160px;
                color: #a9a9a9;
            }
            .container {
                width: 900px;
            }
            pre {
                padding: 9px 14px;
                margin-bottom: 14px;
                background-color: #f7f7f9;
                border: 1px solid #e1e1e8;
                border-radius: 4px;
            }
            .hljs {
                padding: 0;
                color: #333;
                background: none;
            }
            .github-btns {
                margin-top: 30px;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="col-md-8">
                <h1>Bootstrap Pager</h1>
            </div>
            <div class="col-md-4 text-right">
                <div class="github-btns">
                    <iframe src="http://ghbtns.com/github-btn.html?user=4074&repo=bootstrap-pager&type=watch&count=true" allowtransparency="true" border="0" frameborder="0" scrolling="0" width="102" height="20"></iframe>
                    <iframe src="http://ghbtns.com/github-btn.html?user=4074&repo=bootstrap-pager&type=fork&count=true" allowtransparency="true" border="0" frameborder="0" scrolling="0" width="102" height="20"></iframe>
                </div>
            </div>
        </div>
        
        <div class="container text-center">
            <div class="content"></div>
            <div id="mypager"></div>
        </div>
        
        <div class="container">

        <h2>Usage</h2>
        <hr>
        <h4>Basic</h4>
        <p>Enable uloader via JavaScript:</p>
        <div class="highlight">
            <pre><code class="js">$('#myPager').pager(options)</code></pre>
        </div>

        <h4>Options</h4>
        <div class="table-responsive">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th style="width: 100px;">Name</th>
                        <th style="width: 50px;">type</th>
                        <th style="width: 50px;">default</th>
                        <th>description</th>
                    </tr>
                </thead>
                <tbody>

                    <tr>
                        <td>pages</td>
                        <td>int</td>
                        <td>0</td>
                        <td>The total pages</td>
                    </tr>
                    <tr>
                        <td>show</td>
                        <td>string</td>
                        <td>auto</td>
                        <td>Hides the pager when <code>pages &lt;= 0</code></td>
                    </tr>
                    <tr>
                        <td>hasPrev</td>
                        <td>boolean</td>
                        <td>true</td>
                        <td>Shows the previous button</td>
                    </tr>
                    <tr>
                        <td>hasNext</td>
                        <td>boolean</td>
                        <td>true</td>
                        <td>Shows the next button
                        </td>
                    </tr>
                    <tr>
                        <td>current</td>
                        <td>int</td>
                        <td>1</td>
                        <td>The current page when initialized
                        </td>
                    </tr>
                    <tr>
                        <td>continuous</td>
                        <td>boolean</td>
                        <td>false</td>
                        <td>Shows previous/next group when previous/next page in previous/next group
                        </td>
                    </tr>
                    <tr>
                        <td>size</td>
                        <td>string</td>
                        <td>middle</td>
                        <td>The button size, can be <code>small</code>, <code>middle</code>, <code>large</code>
                        </td>
                    </tr>
                    <tr>
                        <td>count</td>
                        <td>int</td>
                        <td>8</td>
                        <td>The count of showing pages
                        </td>
                    </tr>
                    <tr>
                        <td>onchange</td>
                        <td>function</td>
                        <td>{}</td>
                        <td>Be called when page change
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <h4>Methods</h4>

        <p>Show previous page</p>
        <div class="highlight">
            <pre><code class="js">$('#myPager').pager('prevPage')</code></pre>
        </div>

        <p>Show next page</p>
        <div class="highlight">
            <pre><code class="js">$('#myPager').pager('nextPage')</code></pre>
        </div>

        <p>Show previous group</p>
        <div class="highlight">
            <pre><code class="js">$('#myPager').pager('prevGroup')</code></pre>
        </div>
        <p>Show next group</p>
        <div class="highlight">
            <pre><code class="js">$('#myPager').pager('nextGroup')</code></pre>
        </div>

        <h4>Events</h4>

        <div class="table-responsive">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th style="width: 150px;">Event Type</th>
                        <th>Description</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>change.bs.pager</td>
                        <td>This event fires immediately when the pages change</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <hr>
    </div>
        <script src="lib/highlight/highlight.pack.js"></script>
        <script>
            $('pre code').each(function (i, e) {
                hljs.highlightBlock(e)
            });
            
            $('#mypager').pager({
                pages: 12,
                onchange: function(data){
                    $('.content').html(data.current)
                    console.log(data.current)
                }
            })
            
            $('#mypager').pager('changePage', 4)
        </script>
    </body>
</html><commit_msg>modify docs<commit_after><!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Bootstrap Pager</title>
        <link rel="stylesheet" href="lib/bootstrap.min.css" />
        <link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
        <script src="lib/jquery.min.js"></script>
        <script src="lib/bootstrap.min.js"></script>
        <script src="dist/bootstrap-pager.js"></script>
        <style>
            body {
                padding-bottom: 40px;
            }
            .content {
                height: 400px;
                line-height: 400px;
                margin: 20px auto 10px;
                background: #f8f8f8;
                font-size: 160px;
                color: #a9a9a9;
            }
            .container {
                width: 900px;
            }
            pre {
                padding: 9px 14px;
                margin-bottom: 14px;
                background-color: #f7f7f9;
                border: 1px solid #e1e1e8;
                border-radius: 4px;
            }
            .hljs {
                padding: 0;
                color: #333;
                background: none;
            }
            .github-btns {
                margin-top: 30px;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="col-md-8">
                <h1>Bootstrap Pager</h1>
            </div>
            <div class="col-md-4 text-right">
                <div class="github-btns">
                    <iframe src="http://ghbtns.com/github-btn.html?user=4074&repo=bootstrap-pager&type=watch&count=true" allowtransparency="true" border="0" frameborder="0" scrolling="0" width="102" height="20"></iframe>
                    <iframe src="http://ghbtns.com/github-btn.html?user=4074&repo=bootstrap-pager&type=fork&count=true" allowtransparency="true" border="0" frameborder="0" scrolling="0" width="102" height="20"></iframe>
                </div>
            </div>
        </div>
        
        <div class="container text-center">
            <div class="content"></div>
            <div id="mypager"></div>
        </div>
        
        <div class="container">

        <h2>Usage</h2>
        <hr>
        <h4>Basic</h4>
        <p>Enable uloader via JavaScript:</p>
        <div class="highlight">
            <pre><code class="js">$('#myPager').pager(options)</code></pre>
        </div>

        <h4>Options</h4>
        <div class="table-responsive">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th style="width: 100px;">Name</th>
                        <th style="width: 50px;">type</th>
                        <th style="width: 50px;">default</th>
                        <th>description</th>
                    </tr>
                </thead>
                <tbody>

                    <tr>
                        <td>pages</td>
                        <td>int</td>
                        <td>0</td>
                        <td>The total pages</td>
                    </tr>
                    <tr>
                        <td>show</td>
                        <td>string</td>
                        <td>auto</td>
                        <td>Hides the pager when <code>pages &lt;= 0</code></td>
                    </tr>
                    <tr>
                        <td>hasPrev</td>
                        <td>boolean</td>
                        <td>true</td>
                        <td>Shows the previous button</td>
                    </tr>
                    <tr>
                        <td>hasNext</td>
                        <td>boolean</td>
                        <td>true</td>
                        <td>Shows the next button
                        </td>
                    </tr>
                    <tr>
                        <td>current</td>
                        <td>int</td>
                        <td>1</td>
                        <td>The current page when initialized
                        </td>
                    </tr>
                    <tr>
                        <td>continuous</td>
                        <td>boolean</td>
                        <td>false</td>
                        <td>Shows previous/next group when previous/next page in previous/next group
                        </td>
                    </tr>
                    <tr>
                        <td>size</td>
                        <td>string</td>
                        <td>middle</td>
                        <td>The button size, can be <code>small</code>, <code>middle</code>, <code>large</code>
                        </td>
                    </tr>
                    <tr>
                        <td>count</td>
                        <td>int</td>
                        <td>8</td>
                        <td>The count of showing pages
                        </td>
                    </tr>
                    <tr>
                        <td>onchange</td>
                        <td>function</td>
                        <td>{}</td>
                        <td>Be called when page change
                        <p></p><code>
onchange: function(pager){
    //do something...
}</code>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <h4>Methods</h4>

        <p>Show previous page</p>
        <div class="highlight">
            <pre><code class="js">$('#myPager').pager('prevPage')</code></pre>
        </div>

        <p>Show next page</p>
        <div class="highlight">
            <pre><code class="js">$('#myPager').pager('nextPage')</code></pre>
        </div>

        <p>Show previous group</p>
        <div class="highlight">
            <pre><code class="js">$('#myPager').pager('prevGroup')</code></pre>
        </div>
        <p>Show next group</p>
        <div class="highlight">
            <pre><code class="js">$('#myPager').pager('nextGroup')</code></pre>
        </div>

        <h4>Events</h4>

        <div class="table-responsive">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th style="width: 150px;">Event Type</th>
                        <th>Description</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>change.bs.pager</td>
                        <td>This event fires immediately when the pages change</td>
                    </tr>
                </tbody>
            </table>
            <pre><code class="js">$('#myPopover').on('change.bs.pager', function () {
  // do something...
})</code></pre>
        </div>
        <hr>
    </div>
        <script src="lib/highlight/highlight.pack.js"></script>
        <script>
            $('pre code').each(function (i, e) {
                hljs.highlightBlock(e)
            });
            
            $('#mypager').pager({
                pages: 12,
                onchange: function(data){
                    $('.content').html(data.current)
                    console.log(data.current)
                }
            })
            
            $('#mypager').pager('changePage', 4)
        </script>
    </body>
</html>
{'fraction_non_alphanumeric': 0.14266952374369254, 'fraction_numerical': 0.013686320591691436, 'mean_word_length': 0.9770429078983329, 'pattern_counts': {'":': 0, '<': 479, '<?xml version=': 0, '>': 479, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4897116', 'n_tokens_mistral': 4182, 'n_tokens_neox': 3788, 'n_words': 680}