'Versions' example added

Arifshariar7 · Jan 7, 2014 · a571e01 · a571e01
1 parent ea0d17b
commit a571e01
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -66,11 +66,10 @@ <h3>
                         class="octicon octicon-link"></span></a>Demo</h3>
 
             <p>
-
-            <div id="page-content" class="well"></div>
-            <div class="text-center">
-                <ul id="pagination-demo" class="pagination-sm"></ul>
-            </div>
+                <div id="page-content" class="well"></div>
+                <div class="text-center">
+                    <ul id="pagination-demo" class="pagination-sm"></ul>
+                </div>
             </p>
 
             <p>Here is corresponding piece of code:</p>
@@ -128,6 +127,23 @@ <h3>
                 <a id="examples" class="anchor" href="#examples"><span
                         class="octicon octicon-link"></span></a>Examples</h3>
 
+            <h4>Versions</h4>
+
+            <p>Choose behaviour of method <code>getPages</code>. Try to following demos:</p>
+
+            <div class="text-center">
+                <ul id="pagination-demo-v1_0" class="pagination-sm"></ul>
+            </div>
+
+            <div class="text-center">VS</div>
+
+            <div class="text-center">
+                <ul id="pagination-demo-v1_1" class="pagination-sm"></ul>
+            </div>
+
+            <p>Download <a href="https://github.com/esimakin/twbs-pagination/releases/tag/v1.0">first</a> or
+                <a href="https://github.com/esimakin/twbs-pagination/releases/tag/v1.1">second</a>.</p>
+
             <h4>URL page link</h4>
 
             <p>You can specify url using <code>href</code> option:</p>

diff --git a/js/main.js b/js/main.js
@@ -14,6 +14,16 @@ $(document).ready(function () {
         }
     });
 
+    $('#pagination-demo-v1_0').twbsPagination({
+        totalPages: 15,
+        version: '1.0'
+    });
+
+    $('#pagination-demo-v1_1').twbsPagination({
+        totalPages: 15,
+        version: '1.1'
+    });
+
     $('#visible-pages-example').twbsPagination({
         totalPages: 35,
         visiblePages: 10,