kaminari-bootstrap-3000 0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 778e5e0addec29bbc0b29d7215cbcc2dd55714ee
+  data.tar.gz: f43b7fe3f985c3cb5635b2faf9edd3aa2a84d37b
+SHA512:
+  metadata.gz: c7c939981119e8aa9a811de16b42aca7277f942e56355aa4d91a0ddb7320bb59c9e15d35ea77122ab2b8bd5024fa08d8eb03d9952a2ed33709e778c8cb11ef7d
+  data.tar.gz: de159169dff9c6ad2495aacf94de124a485e7300bd81d07cb9d1c5d4a5f7e339b740611156d7d45a33cf28c8c36c0cb7d68a397107283410690ebbb95cf1f2ad

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Hyo Seong Choi
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,49 @@
+# Kaminari::Bootstrap3000
+
+Original Git source - https://github.com/elik-ri/kaminari-bootstrap-3000
+
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'kaminari-bootstrap-3000'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install kaminari-bootstrap-3000
+
+## Usage
+
+in app/assets/application.js
+
+```
+//= require kaminari-bootstrap-3000
+```
+
+in app/assets/application.scss
+
+```
+@import "bootstrap";
+@import "kaminari-bootstrap-3000";
+```
+
+in view
+
+```
+<%= paginate3000 @objects %>
+```
+
+That's it
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/app/views/kaminari/3000/_first_page.html.erb

@@ -0,0 +1 @@
+<%= url %><%= url.match(/\?/) ? "&" : "?" -%>

data/app/views/kaminari/3000/_paginator.html.erb

@@ -0,0 +1,12 @@
+<%= paginator.render do -%>
+<div class="paginator" id="paginator_example"  style=""></div>
+<script type="text/javascript">
+	paginator_example = new Paginator(
+		"paginator_example", // id контейнера, куда ляжет пагинатор
+		<%= total_pages %>, // общее число страниц
+		20, // число страниц, видимых одновременно
+		<%= current_page %>, // номер текущей страницы/
+		"<%= first_page_tag %>page=" 
+	);
+</script>
+<% end -%>

data/lib/kaminari-bootstrap-3000.rb

@@ -0,0 +1,10 @@
+module Kaminari
+end
+
+require 'kaminari/bootstrap3000/helpers/action_view_extension'
+require 'kaminari/bootstrap3000/hooks'
+
+if defined? Rails
+  require 'kaminari/bootstrap3000/railtie'
+  require 'kaminari/bootstrap3000/engine'
+end

data/lib/kaminari/bootstrap3000/engine.rb

@@ -0,0 +1,6 @@
+module Kaminari #:nodoc:
+module Bootstrap3000
+  class Engine < ::Rails::Engine #:nodoc:
+  end
+end
+end

data/lib/kaminari/bootstrap3000/helpers/action_view_extension.rb

@@ -0,0 +1,37 @@
+module Kaminari
+module Bootstrap3000
+  # = Helpers
+  module ActionViewExtension
+    # A helper that renders the pagination links.
+    #
+    #   <%= paginate @articles %>
+    #
+    # ==== Options
+    # * <tt>:window</tt> - The "inner window" size (4 by default).
+    # * <tt>:outer_window</tt> - The "outer window" size (0 by default).
+    # * <tt>:left</tt> - The "left outer window" size (0 by default).
+    # * <tt>:right</tt> - The "right outer window" size (0 by default).
+    # * <tt>:params</tt> - url_for parameters for the links (:controller, :action, etc.)
+    # * <tt>:param_name</tt> - parameter name for page number in the links (:page by default)
+    # * <tt>:remote</tt> - Ajax? (false by default)
+    # * <tt>:ANY_OTHER_VALUES</tt> - Any other hash key & values would be directly passed into each tag as :locals value.
+
+
+
+    def paginate3000stats(scope, options = {}, &block)
+        raw %Q(<div class="paginator_totals panel panel-default">
+    <div class="panel-body text-right">
+	<div class="items">#{scope.total_count} #{Russian.p(scope.total_count,"запись","записи","записей")}</div>
+	<div class="pages">#{scope.total_pages} #{Russian.p(scope.total_pages,"страница","страницы","страниц")}</div>
+    </div>
+    </div>)
+    end
+    
+    def paginate3000(scope, options = {}, &block)
+      paginate3000stats(scope)+	
+      paginate(scope,options.reverse_merge(:theme => '3000'),&block)
+    end
+
+  end
+end
+end

data/lib/kaminari/bootstrap3000/hooks.rb

@@ -0,0 +1,11 @@
+module Kaminari
+module Bootstrap3000
+  class Hooks
+    def self.init
+      ActiveSupport.on_load(:action_view) do
+        ::ActionView::Base.send :include, Kaminari::Bootstrap3000::ActionViewExtension
+      end
+    end
+  end
+end
+end

data/lib/kaminari/bootstrap3000/railtie.rb

@@ -0,0 +1,10 @@
+module Kaminari
+module Bootstrap3000
+  class Railtie < ::Rails::Railtie #:nodoc:
+    initializer 'kaminari-bootstrap-3000' do |_app|
+      Kaminari::Bootstrap3000::Hooks.init
+    end
+  end
+end
+end
+

data/lib/kaminari/bootstrap3000/version.rb

@@ -0,0 +1,5 @@
+module Kaminari
+  module Bootstrap3000
+      VERSION = "0.1"
+  end
+end

data/vendor/assets/javascripts/kaminari-bootstrap-3000.js

@@ -0,0 +1,397 @@
+/*
+	Paginator 3000
+	- idea by ecto (ecto.ru)
+	- coded by karaboz (karaboz.ru)
+
+	How to implement:
+	<div class="paginator" id="paginator_example"></div>
+	<script type="text/javascript">
+		paginator_example = new Paginator('paginator_example', 2048, 10, 1, 'http://www.yourwebsite.com/pages/');
+	</script>
+
+	Be sure that width of your paginator does not change after page is loaded
+	If it happens you must call Paginator.resizePaginator(paginator_example) function to redraw paginator
+
+*/
+
+/*
+	Paginator class
+		paginatorHolderId - id of the html element where paginator will be placed as innerHTML (String): required
+		pagesTotal - number of pages (Number, required)
+		pagesSpan - number of pages which are visible at once (Number, required) 
+		pageCurrent - the number of current page (Number, required)
+		baseUrl - the url of the website (String)
+			if baseUrl is 'http://www.yourwebsite.com/pages/' the links on the pages will be:
+			http://www.yourwebsite.com/pages/1, http://www.yourwebsite.com/pages/2,	etc
+*/
+var Paginator = function(paginatorHolderId, pagesTotal, pagesSpan, pageCurrent, baseUrl){
+	if(!document.getElementById(paginatorHolderId) || !pagesTotal || !pagesSpan) return false;
+
+	this.inputData = {
+		paginatorHolderId: paginatorHolderId,
+		pagesTotal: pagesTotal,
+		pagesSpan: pagesSpan < pagesTotal ? pagesSpan : pagesTotal,
+		pageCurrent: pageCurrent,
+		baseUrl: baseUrl ? baseUrl : '/pages/'
+	};
+
+	this.html = {
+		holder: null,
+
+		table: null,
+		trPages: null, 
+		trScrollBar: null,
+		tdsPages: null,
+
+		scrollBar: null,
+		scrollThumb: null,
+
+		pageCurrentMark: null
+	};
+
+
+	this.prepareHtml();
+
+	this.initScrollThumb();
+	this.initPageCurrentMark();
+	this.initEvents();
+
+	this.scrollToPageCurrent();
+} 
+
+/*
+	Set all .html properties (links to dom objects)
+*/
+Paginator.prototype.prepareHtml = function(){
+
+	this.html.holder = document.getElementById(this.inputData.paginatorHolderId);
+	this.html.holder.innerHTML = this.makePagesTableHtml();
+
+	this.html.table = this.html.holder.getElementsByTagName('table')[0];
+
+	var trPages = this.html.table.getElementsByTagName('tr')[0]; 
+	this.html.tdsPages = trPages.getElementsByTagName('td');
+
+	this.html.scrollBar = getElementsByClassName(this.html.table, 'div', 'scroll_bar')[0];
+	this.html.scrollThumb = getElementsByClassName(this.html.table, 'div', 'scroll_thumb')[0];
+	this.html.pageCurrentMark = getElementsByClassName(this.html.table, 'div', 'current_page_mark')[0];
+
+	// hide scrollThumb if there is no scroll (we see all pages at once)
+	if(this.inputData.pagesSpan == this.inputData.pagesTotal){
+		addClass(this.html.holder, 'fullsize');
+	}
+}
+
+/*
+	Make html for pages (table) 
+*/
+Paginator.prototype.makePagesTableHtml = function(){
+	var tdWidth = (100 / this.inputData.pagesSpan) + '%';
+
+	var html = '' +
+	'<table width="100%">' +
+		'<tr>' 
+			for (var i=1; i<=this.inputData.pagesSpan; i++){
+				html += '<td width="' + tdWidth + '"></td>';
+			}
+			html += '' + 
+		'</tr>' +
+		'<tr>' +
+			'<td colspan="' + this.inputData.pagesSpan + '">' +
+				'<div class="scroll_bar">' + 
+					'<div class="scroll_trough"></div>' + 
+					'<div class="scroll_thumb">' + 
+						'<div class="scroll_knob"></div>' + 
+					'</div>' + 
+					'<div class="current_page_mark"></div>' + 
+				'</div>' +
+			'</td>' +
+		'</tr>' +
+	'</table>';
+
+	return html;
+}
+
+/*
+	Set all needed properties for scrollThumb and it's width
+*/
+Paginator.prototype.initScrollThumb = function(){
+	this.html.scrollThumb.widthMin = '8'; // minimum width of the scrollThumb (px)
+	this.html.scrollThumb.widthPercent = this.inputData.pagesSpan/this.inputData.pagesTotal * 100;
+
+	this.html.scrollThumb.xPosPageCurrent = (this.inputData.pageCurrent - Math.round(this.inputData.pagesSpan/2))/this.inputData.pagesTotal * this.html.table.offsetWidth;
+	this.html.scrollThumb.xPos = this.html.scrollThumb.xPosPageCurrent;
+
+	this.html.scrollThumb.xPosMin = 0;
+	this.html.scrollThumb.xPosMax;
+
+	this.html.scrollThumb.widthActual;
+
+	this.setScrollThumbWidth();
+
+}
+
+Paginator.prototype.setScrollThumbWidth = function(){
+	// Try to set width in percents
+	this.html.scrollThumb.style.width = this.html.scrollThumb.widthPercent + "%";
+
+	// Fix the actual width in px
+	this.html.scrollThumb.widthActual = this.html.scrollThumb.offsetWidth;
+
+	// If actual width less then minimum which we set
+	if(this.html.scrollThumb.widthActual < this.html.scrollThumb.widthMin){
+		this.html.scrollThumb.style.width = this.html.scrollThumb.widthMin + 'px';
+	}
+
+	this.html.scrollThumb.xPosMax = this.html.table.offsetWidth - this.html.scrollThumb.widthActual;
+}
+
+Paginator.prototype.moveScrollThumb = function(){
+	this.html.scrollThumb.style.left = this.html.scrollThumb.xPos + "px";
+}
+
+
+/*
+	Set all needed properties for pageCurrentMark, it's width and move it
+*/
+Paginator.prototype.initPageCurrentMark = function(){
+	this.html.pageCurrentMark.widthMin = '3';
+	this.html.pageCurrentMark.widthPercent = 100 / this.inputData.pagesTotal;
+	this.html.pageCurrentMark.widthActual;
+
+	this.setPageCurrentPointWidth();
+	this.movePageCurrentPoint();
+}
+
+Paginator.prototype.setPageCurrentPointWidth = function(){
+	// Try to set width in percents
+	this.html.pageCurrentMark.style.width = this.html.pageCurrentMark.widthPercent + '%';
+
+	// Fix the actual width in px
+	this.html.pageCurrentMark.widthActual = this.html.pageCurrentMark.offsetWidth;
+
+	// If actual width less then minimum which we set
+	if(this.html.pageCurrentMark.widthActual < this.html.pageCurrentMark.widthMin){
+		this.html.pageCurrentMark.style.width = this.html.pageCurrentMark.widthMin + 'px';
+	}
+}
+
+Paginator.prototype.movePageCurrentPoint = function(){
+	if(this.html.pageCurrentMark.widthActual < this.html.pageCurrentMark.offsetWidth){
+		this.html.pageCurrentMark.style.left = (this.inputData.pageCurrent - 1)/this.inputData.pagesTotal * this.html.table.offsetWidth - this.html.pageCurrentMark.offsetWidth/2 + "px";
+	} else {
+		this.html.pageCurrentMark.style.left = (this.inputData.pageCurrent - 1)/this.inputData.pagesTotal * this.html.table.offsetWidth + "px";
+	}
+}
+
+
+
+/*
+	Drag, click and resize events
+*/
+Paginator.prototype.initEvents = function(){
+	var _this = this;
+
+	this.html.scrollThumb.onmousedown = function(e){
+		if (!e) var e = window.event;
+		e.cancelBubble = true;
+		if (e.stopPropagation) e.stopPropagation();
+
+		var dx = getMousePosition(e).x - this.xPos;
+		document.onmousemove = function(e){
+			if (!e) var e = window.event;
+			_this.html.scrollThumb.xPos = getMousePosition(e).x - dx;
+
+			// the first: draw pages, the second: move scrollThumb (it was logically but ie sucks!)
+			_this.moveScrollThumb();
+			_this.drawPages();
+
+
+		}
+		document.onmouseup = function(){
+			document.onmousemove = null;
+			_this.enableSelection();
+		}
+		_this.disableSelection();
+	}
+
+	this.html.scrollBar.onmousedown = function(e){
+		if (!e) var e = window.event;
+		if(matchClass(_this.paginatorBox, 'fullsize')) return;
+
+		_this.html.scrollThumb.xPos = getMousePosition(e).x - getPageX(_this.html.scrollBar) - _this.html.scrollThumb.offsetWidth/2;
+
+		_this.moveScrollThumb();
+		_this.drawPages();
+
+
+	}
+
+	// Comment the row beneath if you set paginator width fixed
+	addEvent(window, 'resize', function(){Paginator.resizePaginator(_this)});
+}
+
+/*
+	Redraw current span of pages
+*/
+Paginator.prototype.drawPages = function(){
+	var percentFromLeft = this.html.scrollThumb.xPos/(this.html.table.offsetWidth);
+	var cellFirstValue = Math.round(percentFromLeft * this.inputData.pagesTotal);
+
+	var html = "";
+	// drawing pages control the position of the scrollThumb on the edges!
+	if(cellFirstValue < 1){
+		cellFirstValue = 1;
+		this.html.scrollThumb.xPos = 0;
+		this.moveScrollThumb();
+	} else if(cellFirstValue >= this.inputData.pagesTotal - this.inputData.pagesSpan) {
+		cellFirstValue = this.inputData.pagesTotal - this.inputData.pagesSpan + 1;
+		this.html.scrollThumb.xPos = this.html.table.offsetWidth - this.html.scrollThumb.offsetWidth;
+		this.moveScrollThumb();
+	}
+
+
+
+	for(var i=0; i<this.html.tdsPages.length; i++){
+		var cellCurrentValue = cellFirstValue + i;
+		if(cellCurrentValue == this.inputData.pageCurrent){
+			html = "<span>" + "<strong>" + cellCurrentValue + "</strong>" + "</span>";
+		} else {
+            // if baseUrl is function
+            var url = (typeof this.inputData.baseUrl == 'function')
+                ? this.inputData.baseUrl(cellCurrentValue)
+                : this.inputData.baseUrl + cellCurrentValue;
+            html = "<span>" + "<a href='" + url + "'>" + cellCurrentValue + "</a>" + "</span>";
+		}
+		this.html.tdsPages[i].innerHTML = html;
+	}
+}
+
+/*
+	Scroll to current page
+*/
+Paginator.prototype.scrollToPageCurrent = function(){
+	this.html.scrollThumb.xPosPageCurrent = (this.inputData.pageCurrent - Math.round(this.inputData.pagesSpan/2))/this.inputData.pagesTotal * this.html.table.offsetWidth;
+	this.html.scrollThumb.xPos = this.html.scrollThumb.xPosPageCurrent;
+
+	this.moveScrollThumb();
+	this.drawPages();
+
+}
+
+
+
+Paginator.prototype.disableSelection = function(){
+	document.onselectstart = function(){
+		return false;
+	}
+	this.html.scrollThumb.focus();	
+}
+
+Paginator.prototype.enableSelection = function(){
+	document.onselectstart = function(){
+		return true;
+	}
+}
+
+/*
+	Function is used when paginator was resized (window.onresize fires it automatically)
+	Use it when you change paginator with DHTML
+	Do not use it if you set fixed width of paginator
+*/
+Paginator.resizePaginator = function (paginatorObj){
+
+	paginatorObj.setPageCurrentPointWidth();
+	paginatorObj.movePageCurrentPoint();
+
+	paginatorObj.setScrollThumbWidth();
+	paginatorObj.scrollToPageCurrent();
+}
+
+
+
+
+/*
+	Global functions which are used
+*/
+function getElementsByClassName(objParentNode, strNodeName, strClassName){
+	var nodes = objParentNode.getElementsByTagName(strNodeName);
+	if(!strClassName){
+		return nodes;	
+	}
+	var nodesWithClassName = [];
+	for(var i=0; i<nodes.length; i++){
+		if(matchClass( nodes[i], strClassName )){
+			nodesWithClassName[nodesWithClassName.length] = nodes[i];
+		}	
+	}
+	return nodesWithClassName;
+}
+
+
+function addClass( objNode, strNewClass ) {
+	replaceClass( objNode, strNewClass, '' );
+}
+
+function removeClass( objNode, strCurrClass ) {
+	replaceClass( objNode, '', strCurrClass );
+}
+
+function replaceClass( objNode, strNewClass, strCurrClass ) {
+	var strOldClass = strNewClass;
+	if ( strCurrClass && strCurrClass.length ){
+		strCurrClass = strCurrClass.replace( /\s+(\S)/g, '|$1' );
+		if ( strOldClass.length ) strOldClass += '|';
+		strOldClass += strCurrClass;
+	}
+	objNode.className = objNode.className.replace( new RegExp('(^|\\s+)(' + strOldClass + ')($|\\s+)', 'g'), '$1' );
+	objNode.className += ( (objNode.className.length)? ' ' : '' ) + strNewClass;
+}
+
+function matchClass( objNode, strCurrClass ) {
+	return ( objNode && objNode.className.length && objNode.className.match( new RegExp('(^|\\s+)(' + strCurrClass + ')($|\\s+)') ) );
+}
+
+
+function addEvent(objElement, strEventType, ptrEventFunc) {
+	if (objElement.addEventListener)
+		objElement.addEventListener(strEventType, ptrEventFunc, false);
+	else if (objElement.attachEvent)
+		objElement.attachEvent('on' + strEventType, ptrEventFunc);
+}
+function removeEvent(objElement, strEventType, ptrEventFunc) {
+	if (objElement.removeEventListener) objElement.removeEventListener(strEventType, ptrEventFunc, false);
+		else if (objElement.detachEvent) objElement.detachEvent('on' + strEventType, ptrEventFunc);
+}
+
+
+function getPageY( oElement ) {
+	var iPosY = oElement.offsetTop;
+	while ( oElement.offsetParent != null ) {
+		oElement = oElement.offsetParent;
+		iPosY += oElement.offsetTop;
+		if (oElement.tagName == 'BODY') break;
+	}
+	return iPosY;
+}
+
+function getPageX( oElement ) {
+	var iPosX = oElement.offsetLeft;
+	while ( oElement.offsetParent != null ) {
+		oElement = oElement.offsetParent;
+		iPosX += oElement.offsetLeft;
+		if (oElement.tagName == 'BODY') break;
+	}
+	return iPosX;
+}
+
+function getMousePosition(e) {
+	if (e.pageX || e.pageY){
+		var posX = e.pageX;
+		var posY = e.pageY;
+	}else if (e.clientX || e.clientY) 	{
+		var posX = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
+		var posY = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
+	}
+	return {x:posX, y:posY}	
+}

data/vendor/assets/stylesheets/kaminari-bootstrap-3000.scss

@@ -0,0 +1,143 @@
+/*
+	Paginator 3000
+	- idea by ecto (ecto.ru)
+	- coded by karaboz (karaboz.ru)
+
+	HTML example
+	<div class="paginator" id="paginator_example">
+		<table>
+			<tr>
+				<td><span><strong>1</strong></span></td>
+				...
+				<td><span><a href="">3000</a></span></td>
+			</tr>
+			<tr>
+				<td colspan="">
+					<div class="scroll_bar">
+						<div class="scroll_trough"></div>
+						<div class="scroll_thumb">
+							<div class="scroll_knob"></div>
+						</div>
+						<div class="current_page_mark"></div>
+					</div>				
+				</td>
+
+			</tr>
+		</table>
+	</div>
+*/
+
+.paginator_totals {
+	float: left; 
+	width: 15%; 
+	height: 86px; 
+	margin-top: 30px;
+}
+.paginator_totals .items{
+	font-size: 1.6em; 
+	font-weight: bold;
+}
+.paginator_totals .pages{
+	font-size: 1.1em; 
+}
+.paginator {
+	margin-top:60px;
+	font-size:1em;
+	width: 85%;
+  float:left; 
+  padding-left: 20px;
+}
+.paginator table {
+	border-collapse:collapse;
+	table-layout:fixed;
+	width:100%;
+}
+.paginator table td {
+	padding:0;
+	white-space:nowrap;
+	text-align:center;
+}
+.paginator span {
+	display:block;
+	padding:3px 0;
+	color:#fff;
+}
+.paginator span strong,
+.paginator span a {
+	padding:2px 6px;
+}
+.paginator span strong {
+	background:#ff6c24;
+	font-style:normal;
+	font-weight:normal; 
+}
+.paginator .scroll_bar {
+	width:100%;	height:20px;
+	position:relative;
+	margin-top:10px; 
+}
+.paginator .scroll_trough {
+	width:100%;	height:3px;
+	background:#ccc;
+	overflow:hidden;
+}
+.paginator .scroll_thumb {
+	position:absolute;
+	z-index:2;
+	width:0; height:3px;
+	top:0; left:0;
+	font-size:1px;
+	background:#363636;
+}
+.paginator .scroll_knob {
+	position:absolute;
+	top:-5px; left:50%;
+	margin-left:-10px;
+	width:20px; height:20px;
+	overflow:hidden;
+	background: image-url('kaminari-bootstrap-3000/slider_knob.gif') no-repeat 50% 50%;
+	cursor:pointer; cursor:hand;
+}
+.paginator .current_page_mark {
+	position:absolute;
+	z-index:1;
+	top:0; left:0;
+	width:0; height:3px;
+	overflow:hidden;
+	background:#ff6c24;
+}
+
+.fullsize .scroll_thumb {
+	display:none;
+}
+
+
+.paginator_pages {
+	width:600px;
+	text-align:right;
+	font-size:0.8em; 
+	color:#808080;
+	margin-top:-10px; 
+}
+
+@media (max-width: $screen-xs-max) {
+  .paginator_totals {
+  	width: 100%; 
+  	height: 86px; 
+  	margin-top: 30px;
+  }
+  .paginator {
+  	margin-top:0px;
+  	font-size:1em;
+  	width: 100%;
+    padding-left: 0px;
+  }
+}
+@media (min-width: $screen-sm-min) and (max-width: $screen-md-max) {
+  .paginator_totals {
+  	width: 25%; 
+  }
+  .paginator {
+  	width: 75%;
+  } 
+}

metadata

@@ -0,0 +1,100 @@
+--- !ruby/object:Gem::Specification
+name: kaminari-bootstrap-3000
+version: !ruby/object:Gem::Version
+  version: '0.1'
+platform: ruby
+authors:
+- Vladimir Elchinov
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-11-17 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Paginator3000+bootstrap3 skin for Kaminari
+email:
+- elik@elik.ru
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- app/views/kaminari/3000/_first_page.html.erb
+- app/views/kaminari/3000/_paginator.html.erb
+- lib/kaminari-bootstrap-3000.rb
+- lib/kaminari/bootstrap3000/engine.rb
+- lib/kaminari/bootstrap3000/helpers/action_view_extension.rb
+- lib/kaminari/bootstrap3000/hooks.rb
+- lib/kaminari/bootstrap3000/railtie.rb
+- lib/kaminari/bootstrap3000/version.rb
+- vendor/assets/images/kaminari-bootstrap-3000/slider_knob.gif
+- vendor/assets/javascripts/kaminari-bootstrap-3000.js
+- vendor/assets/stylesheets/kaminari-bootstrap-3000.scss
+homepage: http://github.com/elik-ru/kaminari-bootstrap-3000/
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.8
+signing_key: 
+specification_version: 4
+summary: Packaging the assets with Bunlder
+test_files: []
+has_rdoc: