From de187d872821d42a8da62a3a2cfc2bdb133b02c0 Mon Sep 17 00:00:00 2001
From: Eugene Simakin <eugenesimakin@mail.ru>
Date: Sun, 5 Jan 2014 08:33:14 +0400
Subject: [PATCH] Add options section

---
 index.html | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 758fdd5..61f12b3 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html xmlns="http://www.w3.org/1999/html">
 <head>
     <meta charset='utf-8'>
     <meta http-equiv="X-UA-Compatible" content="chrome=1">
@@ -16,6 +16,7 @@
     <script src="http://code.jquery.com/jquery-2.0.3.min.js" type="text/javascript"></script>
     <script src="js/bootstrap.js" type="text/javascript"></script>
     <script src="js/jquery.twbsPagination.js" type="text/javascript"></script>
+    <script src="js/bootstrap-paginator.js" type="text/javascript"></script>
     <script src="js/main.js" type="text/javascript"></script>
 
     <!--[if lt IE 9]>
@@ -82,6 +83,27 @@ <h3>
     });
             </code></pre>
 
+            <h3>
+                <a name="options" class="anchor" href="#options"><span
+                        class="octicon octicon-link"></span></a>Options</h3>
+
+            <p>
+
+                <ul>Options explanation and default values:
+                    <li><code>totalPages</code> the number of pages (required, checked)</li>
+                    <li><code>startPage</code> the current page that show on start(default: 1)</li>
+                    <li><code>visiblePages</code> maximum visible pages (default: 5)</li>
+                    <li><code>href</code> template for pagination links (default <code>javascript:void(0);</code>)</li>
+                    <li><code>hrefVariable</code>  variable name in href template for page number (default <code>{{number}}</code>)</li>
+                    <li><code>first</code> text label (default: <code class="highlight"><span class="s">'First'</span></code>)</li>
+                    <li><code>prev</code> text label (default: <code class="highlight"><span class="s">'Previous'</span></code>)</li>
+                    <li><code>next</code> text label (default: <code class="highlight"><span class="s">'Next'</span></code>)</li>
+                    <li><code>last</code> text label (default: <code class="highlight"><span class="s">'Last'</span></code>)</li>
+                    <li><code>paginationClass</code> the root style for pagination component (default: <code class="highlight"><span class="s">'pagination'</span></code>).
+                        You can use this option to apply your own style</li>
+                </ul>
+            </p>
+
         </section>
 
         <aside id="sidebar">
@@ -89,6 +111,7 @@ <h3>
             <ul class="nav nav-pills nav-stacked">
                 <li><a href="#intro">Intro</a></li>
                 <li><a href="#demo">Demo</a>
+                <li><a href="#options">Options</a>
             </ul>
 
         </aside>
