binco 0.0.2 → 0.0.3

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: eb25e633d9f19544a32216670110029d71a8a0b2
4
- data.tar.gz: bd5077086bced8b1ddeeaf42d5d8fde8fd2ea6a2
3
+ metadata.gz: dab42b5d3e30ad2398513cbdb305d6cc3cad40de
4
+ data.tar.gz: b6675a73b28f4c5d5957fe57907573c98dc90194
5
5
  SHA512:
6
- metadata.gz: 1becc8809b2044cb38a4ef2785ad9dfdb2b6e888402131f981df085ad1241abf5019b30c891e20c3124df42ff68466561092f4fb65a864803c08d0085b4f96a6
7
- data.tar.gz: bd09f90a1f5fd9666d7f28531b544c149f36a1d7bda2376054d16abb5162a5ebc2c3d70c63ecc2d062b36ee6eaa695eaa7e8a8f03e7fbd032362eeda5ef009b1
6
+ metadata.gz: 961b48a867d1ba9ca1f45108c8cefd75b4be48aba9d8d2ccafeb51884f681a241895d9309c9dc228067681238ae53f122990c543cf027052ddefeb53925dc14a
7
+ data.tar.gz: 077b9b50f0b1702a012c672c44e30714b7ab53d2b53c38c588228215e18f57547571744b5677e020714a37316f71a4a3552c5a04ada4a6116f4a2efe05da65eb
data/README.md CHANGED
@@ -5,6 +5,7 @@ This is a wrapper for adding bootstrap to a project. By includinig this gem you'
5
5
  * [Bootstrap](https://github.com/twbs/bootstrap-sass)
6
6
  * [Bootstrap Datepicker](https://github.com/Nerian/bootstrap-datepicker-rails)
7
7
  * [Select2](https://github.com/argerim/select2-rails)
8
+ * [Will paginate](https://github.com/mislav/will_paginate)
8
9
  * Bootstrap Helpers
9
10
 
10
11
 
@@ -20,7 +21,12 @@ and run:
20
21
  ```
21
22
  bundle install
22
23
  ```
24
+ ### Automatic
25
+ Run `rails g binco:install`
23
26
 
27
+ This creates the `application.scss` with binco (and bootstrap) included, your `_bootstrap-overrides.scss` file and insert assets into javascript manifest.
28
+
29
+ ### Manual Installation
24
30
  In your application.scss add:
25
31
  ```
26
32
  @include "binco"
@@ -41,7 +47,6 @@ For customization of datepicker make sure to include your locale js and send it
41
47
 
42
48
  ## Usage
43
49
 
44
-
45
50
  ```erb
46
51
  <%= bootstrap_form_for(@object) do |f| %>
47
52
  <%= f.form_group do %>
@@ -106,4 +111,15 @@ Binco.configure do |binco|
106
111
  end
107
112
  ```
108
113
 
114
+ ### Pagination
115
+ ```ruby
116
+ # controller
117
+ @posts = Post.all.page(params[:page])
118
+ ```
119
+
120
+ ```erb
121
+ <!-- View -->
122
+ <%= render 'binco/pagination', collection: @posts %>
123
+ ```
124
+
109
125
  This project rocks and uses MIT-LICENSE.
@@ -1,4 +1,5 @@
1
1
  @import "bootstrap-sprockets";
2
+ @import "bootstrap-overrides";
2
3
  @import "bootstrap";
3
4
  @import "select2";
4
5
  @import "select2-bootstrap";
@@ -0,0 +1,159 @@
1
+ module Binco
2
+ class PaginationRenderer < ::WillPaginate::ViewHelpers::LinkRendererBase
3
+ # * +collection+ is a WillPaginate::Collection instance or any other object
4
+ # that conforms to that API
5
+ # * +options+ are forwarded from +will_paginate+ view helper
6
+ # * +template+ is the reference to the template being rendered
7
+ def prepare(collection, options, template)
8
+ super(collection, options)
9
+ @template = template
10
+ @container_attributes = @base_url_params = nil
11
+ end
12
+
13
+ # Process it! This method returns the complete HTML string which contains
14
+ # pagination links. Feel free to subclass LinkRenderer and change this
15
+ # method as you see fit.
16
+ def to_html
17
+ html = pagination.map do |item|
18
+ item.is_a?(Fixnum) ?
19
+ page_number(item) :
20
+ send(item)
21
+ end.join(@options[:link_separator])
22
+
23
+ @options[:container] ? html_container(html) : html
24
+ end
25
+
26
+ # Returns the subset of +options+ this instance was initialized with that
27
+ # represent HTML attributes for the container element of pagination links.
28
+ def container_attributes
29
+ @container_attributes ||= @options.except(*(ViewHelpers.pagination_options.keys + [:renderer] - [:class]))
30
+ end
31
+
32
+ protected
33
+
34
+ def page_number(page)
35
+ unless page == current_page
36
+ tag(:li, link(page, page, rel: rel_value(page)))
37
+ else
38
+ tag(:li, link(page, '#'), class: 'active')
39
+ end
40
+ end
41
+
42
+ def gap
43
+ text = @template.will_paginate_translate(:page_gap) { '&hellip;' }
44
+ %(<li><a>#{text}</a></li>)
45
+ end
46
+
47
+ def previous_page
48
+ num = @collection.current_page > 1 && @collection.current_page - 1
49
+ previous_or_next_page(num, @options[:previous_label], 'previous_page')
50
+ end
51
+
52
+ def next_page
53
+ num = @collection.current_page < total_pages && @collection.current_page + 1
54
+ previous_or_next_page(num, @options[:next_label], 'next_page')
55
+ end
56
+
57
+ def previous_or_next_page(page, text, classname)
58
+ if page
59
+ tag(:li, link(text, page, class: classname))
60
+ else
61
+ tag(:li, link(text, '#'), class: classname + ' disabled')
62
+ end
63
+ end
64
+
65
+ def html_container(html)
66
+ tag(:ul, html, class: 'pagination pagination-xs')
67
+ end
68
+
69
+ # Returns URL params for +page_link_or_span+, taking the current GET params
70
+ # and <tt>:params</tt> option into account.
71
+ def default_url_params
72
+ {}
73
+ end
74
+
75
+ def url(page)
76
+ @base_url_params ||= begin
77
+ url_params = merge_get_params(default_url_params)
78
+ url_params[:only_path] = true
79
+ merge_optional_params(url_params)
80
+ end
81
+
82
+ url_params = @base_url_params.dup
83
+ add_current_page_param(url_params, page)
84
+
85
+ @template.url_for(url_params)
86
+ end
87
+
88
+ def merge_optional_params(url_params)
89
+ symbolized_update(url_params, @options[:params]) if @options[:params]
90
+ url_params
91
+ end
92
+
93
+ def merge_get_params(url_params)
94
+ if @template.respond_to? :request and @template.request and @template.request.get?
95
+ symbolized_update(url_params, @template.params)
96
+ end
97
+ url_params
98
+ end
99
+
100
+ def add_current_page_param(url_params, page)
101
+ unless param_name.index(/[^\w-]/)
102
+ url_params[param_name.to_sym] = page
103
+ else
104
+ page_param = parse_query_parameters("#{param_name}=#{page}")
105
+ symbolized_update(url_params, page_param)
106
+ end
107
+ end
108
+
109
+ private
110
+
111
+ def parse_query_parameters(params)
112
+ Rack::Utils.parse_nested_query(params)
113
+ end
114
+
115
+ def param_name
116
+ @options[:param_name].to_s
117
+ end
118
+
119
+ def link(text, target, attributes = {})
120
+ if target.is_a? Fixnum
121
+ attributes[:rel] = rel_value(target)
122
+ target = url(target)
123
+ end
124
+ attributes[:href] = target
125
+ tag(:a, text, attributes)
126
+ end
127
+
128
+ def tag(name, value, attributes = {})
129
+ string_attributes = attributes.inject('') do |attrs, pair|
130
+ unless pair.last.nil?
131
+ attrs << %( #{pair.first}="#{CGI::escapeHTML(pair.last.to_s)}")
132
+ end
133
+ attrs
134
+ end
135
+ "<#{name}#{string_attributes}>#{value}</#{name}>"
136
+ end
137
+
138
+ def rel_value(page)
139
+ case page
140
+ when @collection.current_page - 1; 'prev' + (page == 1 ? ' start' : '')
141
+ when @collection.current_page + 1; 'next'
142
+ when 1; 'start'
143
+ end
144
+ end
145
+
146
+ def symbolized_update(target, other)
147
+ other.each do |key, value|
148
+ key = key.to_sym
149
+ existing = target[key]
150
+
151
+ if value.is_a?(Hash) and (existing.is_a?(Hash) or existing.nil?)
152
+ symbolized_update(existing || (target[key] = {}), value)
153
+ else
154
+ target[key] = value
155
+ end
156
+ end
157
+ end
158
+ end
159
+ end
@@ -0,0 +1 @@
1
+ <%= will_paginate collection, renderer: ::Binco::PaginationRenderer %>
@@ -1,5 +1,6 @@
1
1
  require 'bootstrap-datepicker-rails'
2
2
  require 'select2-rails'
3
+ require 'will_paginate'
3
4
 
4
5
  module Binco
5
6
  class Engine < ::Rails::Engine
@@ -1,3 +1,3 @@
1
1
  module Binco
2
- VERSION = '0.0.2'
2
+ VERSION = '0.0.3'
3
3
  end
@@ -0,0 +1,27 @@
1
+ require 'rails/generators/active_record'
2
+ module Binco
3
+ class InstallGenerator < Rails::Generators::Base
4
+ desc 'Install bootstrap into your app'
5
+ source_root File.expand_path("../templates", __FILE__)
6
+
7
+ def create_application_scss
8
+ copy_file 'stylesheet.scss', 'app/assets/stylesheets/application.scss'
9
+ end
10
+
11
+ def remove_file
12
+ run 'rm app/assets/stylesheets/application.css'
13
+ end
14
+
15
+ def create_overrides
16
+ copy_file '_bootstrap-overrides.scss', 'app/assets/stylesheets/_bootstrap-overrides.scss'
17
+ end
18
+
19
+ def add_javascripts
20
+ inject_into_file 'app/assets/javascripts/application.js', after: '//= require turbolinks' do
21
+ "\n//= require binco\n" +
22
+ "//= require bootstrap-datepicker/locales/bootstrap-datepicker.es.js\n" +
23
+ "//= require select2_locale_es"
24
+ end
25
+ end
26
+ end
27
+ end
@@ -0,0 +1,867 @@
1
+ // Override Bootstrap variables here (defaults from bootstrap-sass v3.3.4):
2
+
3
+ //
4
+ // Variables
5
+ // --------------------------------------------------
6
+
7
+
8
+ //== Colors
9
+ //
10
+ //## Gray and brand colors for use across Bootstrap.
11
+
12
+ // $gray-base: #000
13
+ // $gray-darker: lighten($gray-base, 13.5%) // #222
14
+ // $gray-dark: lighten($gray-base, 20%) // #333
15
+ // $gray: lighten($gray-base, 33.5%) // #555
16
+ // $gray-light: lighten($gray-base, 46.7%) // #777
17
+ // $gray-lighter: lighten($gray-base, 93.5%) // #eee
18
+
19
+ // $brand-primary: darken(#428bca, 6.5%) // #337ab7
20
+ // $brand-success: #5cb85c
21
+ // $brand-info: #5bc0de
22
+ // $brand-warning: #f0ad4e
23
+ // $brand-danger: #d9534f
24
+
25
+
26
+ //== Scaffolding
27
+ //
28
+ //## Settings for some of the most global styles.
29
+
30
+ //** Background color for `<body>`.
31
+ // $body-bg: #fff
32
+ //** Global text color on `<body>`.
33
+ // $text-color: $gray-dark
34
+
35
+ //** Global textual link color.
36
+ // $link-color: $brand-primary
37
+ //** Link hover color set via `darken()` function.
38
+ // $link-hover-color: darken($link-color, 15%)
39
+ //** Link hover decoration.
40
+ // $link-hover-decoration: underline
41
+
42
+
43
+ //== Typography
44
+ //
45
+ //## Font, line-height, and color for body text, headings, and more.
46
+
47
+ // $font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif
48
+ // $font-family-serif: Georgia, "Times New Roman", Times, serif
49
+ //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
50
+ // $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace
51
+ // $font-family-base: $font-family-sans-serif
52
+
53
+ // $font-size-base: 14px
54
+ // $font-size-large: ceil(($font-size-base * 1.25)) // ~18px
55
+ // $font-size-small: ceil(($font-size-base * 0.85)) // ~12px
56
+
57
+ // $font-size-h1: floor(($font-size-base * 2.6)) // ~36px
58
+ // $font-size-h2: floor(($font-size-base * 2.15)) // ~30px
59
+ // $font-size-h3: ceil(($font-size-base * 1.7)) // ~24px
60
+ // $font-size-h4: ceil(($font-size-base * 1.25)) // ~18px
61
+ // $font-size-h5: $font-size-base
62
+ // $font-size-h6: ceil(($font-size-base * 0.85)) // ~12px
63
+
64
+ //** Unit-less `line-height` for use in components like buttons.
65
+ // $line-height-base: 1.428571429 // 20/14
66
+ //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
67
+ // $line-height-computed: floor(($font-size-base * $line-height-base)) // ~20px
68
+
69
+ //** By default, this inherits from the `<body>`.
70
+ // $headings-font-family: inherit
71
+ // $headings-font-weight: 500
72
+ // $headings-line-height: 1.1
73
+ // $headings-color: inherit
74
+
75
+
76
+ //== Iconography
77
+ //
78
+ //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
79
+
80
+ //** Load fonts from this directory.
81
+
82
+ // [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
83
+ // [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
84
+ // $icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/")
85
+
86
+ //** File name for all font files.
87
+ // $icon-font-name: "glyphicons-halflings-regular"
88
+ //** Element ID within SVG icon file.
89
+ // $icon-font-svg-id: "glyphicons_halflingsregular"
90
+
91
+
92
+ //== Components
93
+ //
94
+ //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
95
+
96
+ // $padding-base-vertical: 6px
97
+ // $padding-base-horizontal: 12px
98
+
99
+ // $padding-large-vertical: 10px
100
+ // $padding-large-horizontal: 16px
101
+
102
+ // $padding-small-vertical: 5px
103
+ // $padding-small-horizontal: 10px
104
+
105
+ // $padding-xs-vertical: 1px
106
+ // $padding-xs-horizontal: 5px
107
+
108
+ // $line-height-large: 1.3333333 // extra decimals for Win 8.1 Chrome
109
+ // $line-height-small: 1.5
110
+
111
+ // $border-radius-base: 4px
112
+ // $border-radius-large: 6px
113
+ // $border-radius-small: 3px
114
+
115
+ //** Global color for active items (e.g., navs or dropdowns).
116
+ // $component-active-color: #fff
117
+ //** Global background color for active items (e.g., navs or dropdowns).
118
+ // $component-active-bg: $brand-primary
119
+
120
+ //** Width of the `border` for generating carets that indicator dropdowns.
121
+ // $caret-width-base: 4px
122
+ //** Carets increase slightly in size for larger components.
123
+ // $caret-width-large: 5px
124
+
125
+
126
+ //== Tables
127
+ //
128
+ //## Customizes the `.table` component with basic values, each used across all table variations.
129
+
130
+ //** Padding for `<th>`s and `<td>`s.
131
+ // $table-cell-padding: 8px
132
+ //** Padding for cells in `.table-condensed`.
133
+ // $table-condensed-cell-padding: 5px
134
+
135
+ //** Default background color used for all tables.
136
+ // $table-bg: transparent
137
+ //** Background color used for `.table-striped`.
138
+ // $table-bg-accent: #f9f9f9
139
+ //** Background color used for `.table-hover`.
140
+ // $table-bg-hover: #f5f5f5
141
+ // $table-bg-active: $table-bg-hover
142
+
143
+ //** Border color for table and cell borders.
144
+ // $table-border-color: #ddd
145
+
146
+
147
+ //== Buttons
148
+ //
149
+ //## For each of Bootstrap's buttons, define text, background and border color.
150
+
151
+ // $btn-font-weight: normal
152
+
153
+ // $btn-default-color: #333
154
+ // $btn-default-bg: #fff
155
+ // $btn-default-border: #ccc
156
+
157
+ // $btn-primary-color: #fff
158
+ // $btn-primary-bg: $brand-primary
159
+ // $btn-primary-border: darken($btn-primary-bg, 5%)
160
+
161
+ // $btn-success-color: #fff
162
+ // $btn-success-bg: $brand-success
163
+ // $btn-success-border: darken($btn-success-bg, 5%)
164
+
165
+ // $btn-info-color: #fff
166
+ // $btn-info-bg: $brand-info
167
+ // $btn-info-border: darken($btn-info-bg, 5%)
168
+
169
+ // $btn-warning-color: #fff
170
+ // $btn-warning-bg: $brand-warning
171
+ // $btn-warning-border: darken($btn-warning-bg, 5%)
172
+
173
+ // $btn-danger-color: #fff
174
+ // $btn-danger-bg: $brand-danger
175
+ // $btn-danger-border: darken($btn-danger-bg, 5%)
176
+
177
+ // $btn-link-disabled-color: $gray-light
178
+
179
+
180
+ //== Forms
181
+ //
182
+ //##
183
+
184
+ //** `<input>` background color
185
+ // $input-bg: #fff
186
+ //** `<input disabled>` background color
187
+ // $input-bg-disabled: $gray-lighter
188
+
189
+ //** Text color for `<input>`s
190
+ // $input-color: $gray
191
+ //** `<input>` border color
192
+ // $input-border: #ccc
193
+
194
+ // TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4
195
+ //** Default `.form-control` border radius
196
+ // This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
197
+ // $input-border-radius: $border-radius-base
198
+ //** Large `.form-control` border radius
199
+ // $input-border-radius-large: $border-radius-large
200
+ //** Small `.form-control` border radius
201
+ // $input-border-radius-small: $border-radius-small
202
+
203
+ //** Border color for inputs on focus
204
+ // $input-border-focus: #66afe9
205
+
206
+ //** Placeholder text color
207
+ // $input-color-placeholder: #999
208
+
209
+ //** Default `.form-control` height
210
+ // $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2)
211
+ //** Large `.form-control` height
212
+ // $input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2)
213
+ //** Small `.form-control` height
214
+ // $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2)
215
+
216
+ //** `.form-group` margin
217
+ // $form-group-margin-bottom: 15px
218
+
219
+ // $legend-color: $gray-dark
220
+ // $legend-border-color: #e5e5e5
221
+
222
+ //** Background color for textual input addons
223
+ // $input-group-addon-bg: $gray-lighter
224
+ //** Border color for textual input addons
225
+ // $input-group-addon-border-color: $input-border
226
+
227
+ //** Disabled cursor for form controls and buttons.
228
+ // $cursor-disabled: not-allowed
229
+
230
+
231
+ //== Dropdowns
232
+ //
233
+ //## Dropdown menu container and contents.
234
+
235
+ //** Background for the dropdown menu.
236
+ // $dropdown-bg: #fff
237
+ //** Dropdown menu `border-color`.
238
+ // $dropdown-border: rgba(0,0,0,.15)
239
+ //** Dropdown menu `border-color` **for IE8**.
240
+ // $dropdown-fallback-border: #ccc
241
+ //** Divider color for between dropdown items.
242
+ // $dropdown-divider-bg: #e5e5e5
243
+
244
+ //** Dropdown link text color.
245
+ // $dropdown-link-color: $gray-dark
246
+ //** Hover color for dropdown links.
247
+ // $dropdown-link-hover-color: darken($gray-dark, 5%)
248
+ //** Hover background for dropdown links.
249
+ // $dropdown-link-hover-bg: #f5f5f5
250
+
251
+ //** Active dropdown menu item text color.
252
+ // $dropdown-link-active-color: $component-active-color
253
+ //** Active dropdown menu item background color.
254
+ // $dropdown-link-active-bg: $component-active-bg
255
+
256
+ //** Disabled dropdown menu item background color.
257
+ // $dropdown-link-disabled-color: $gray-light
258
+
259
+ //** Text color for headers within dropdown menus.
260
+ // $dropdown-header-color: $gray-light
261
+
262
+ //** Deprecated `$dropdown-caret-color` as of v3.1.0
263
+ // $dropdown-caret-color: #000
264
+
265
+
266
+ //-- Z-index master list
267
+ //
268
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
269
+ // of components dependent on the z-axis and are designed to all work together.
270
+ //
271
+ // Note: These variables are not generated into the Customizer.
272
+
273
+ // $zindex-navbar: 1000
274
+ // $zindex-dropdown: 1000
275
+ // $zindex-popover: 1060
276
+ // $zindex-tooltip: 1070
277
+ // $zindex-navbar-fixed: 1030
278
+ // $zindex-modal-background: 1040
279
+ // $zindex-modal: 1050
280
+
281
+
282
+ //== Media queries breakpoints
283
+ //
284
+ //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
285
+
286
+ // Extra small screen / phone
287
+ //** Deprecated `$screen-xs` as of v3.0.1
288
+ // $screen-xs: 480px
289
+ //** Deprecated `$screen-xs-min` as of v3.2.0
290
+ // $screen-xs-min: $screen-xs
291
+ //** Deprecated `$screen-phone` as of v3.0.1
292
+ // $screen-phone: $screen-xs-min
293
+
294
+ // Small screen / tablet
295
+ //** Deprecated `$screen-sm` as of v3.0.1
296
+ // $screen-sm: 768px
297
+ // $screen-sm-min: $screen-sm
298
+ //** Deprecated `$screen-tablet` as of v3.0.1
299
+ // $screen-tablet: $screen-sm-min
300
+
301
+ // Medium screen / desktop
302
+ //** Deprecated `$screen-md` as of v3.0.1
303
+ // $screen-md: 992px
304
+ // $screen-md-min: $screen-md
305
+ //** Deprecated `$screen-desktop` as of v3.0.1
306
+ // $screen-desktop: $screen-md-min
307
+
308
+ // Large screen / wide desktop
309
+ //** Deprecated `$screen-lg` as of v3.0.1
310
+ // $screen-lg: 1200px
311
+ // $screen-lg-min: $screen-lg
312
+ //** Deprecated `$screen-lg-desktop` as of v3.0.1
313
+ // $screen-lg-desktop: $screen-lg-min
314
+
315
+ // So media queries don't overlap when required, provide a maximum
316
+ // $screen-xs-max: ($screen-sm-min - 1)
317
+ // $screen-sm-max: ($screen-md-min - 1)
318
+ // $screen-md-max: ($screen-lg-min - 1)
319
+
320
+
321
+ //== Grid system
322
+ //
323
+ //## Define your custom responsive grid.
324
+
325
+ //** Number of columns in the grid.
326
+ // $grid-columns: 12
327
+ //** Padding between columns. Gets divided in half for the left and right.
328
+ // $grid-gutter-width: 30px
329
+ // Navbar collapse
330
+ //** Point at which the navbar becomes uncollapsed.
331
+ // $grid-float-breakpoint: $screen-sm-min
332
+ //** Point at which the navbar begins collapsing.
333
+ // $grid-float-breakpoint-max: ($grid-float-breakpoint - 1)
334
+
335
+
336
+ //== Container sizes
337
+ //
338
+ //## Define the maximum width of `.container` for different screen sizes.
339
+
340
+ // Small screen / tablet
341
+ // $container-tablet: (720px + $grid-gutter-width)
342
+ //** For `$screen-sm-min` and up.
343
+ // $container-sm: $container-tablet
344
+
345
+ // Medium screen / desktop
346
+ // $container-desktop: (940px + $grid-gutter-width)
347
+ //** For `$screen-md-min` and up.
348
+ // $container-md: $container-desktop
349
+
350
+ // Large screen / wide desktop
351
+ // $container-large-desktop: (1140px + $grid-gutter-width)
352
+ //** For `$screen-lg-min` and up.
353
+ // $container-lg: $container-large-desktop
354
+
355
+
356
+ //== Navbar
357
+ //
358
+ //##
359
+
360
+ // Basics of a navbar
361
+ // $navbar-height: 50px
362
+ // $navbar-margin-bottom: $line-height-computed
363
+ // $navbar-border-radius: $border-radius-base
364
+ // $navbar-padding-horizontal: floor(($grid-gutter-width / 2))
365
+ // $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2)
366
+ // $navbar-collapse-max-height: 340px
367
+
368
+ // $navbar-default-color: #777
369
+ // $navbar-default-bg: #f8f8f8
370
+ // $navbar-default-border: darken($navbar-default-bg, 6.5%)
371
+
372
+ // Navbar links
373
+ // $navbar-default-link-color: #777
374
+ // $navbar-default-link-hover-color: #333
375
+ // $navbar-default-link-hover-bg: transparent
376
+ // $navbar-default-link-active-color: #555
377
+ // $navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%)
378
+ // $navbar-default-link-disabled-color: #ccc
379
+ // $navbar-default-link-disabled-bg: transparent
380
+
381
+ // Navbar brand label
382
+ // $navbar-default-brand-color: $navbar-default-link-color
383
+ // $navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%)
384
+ // $navbar-default-brand-hover-bg: transparent
385
+
386
+ // Navbar toggle
387
+ // $navbar-default-toggle-hover-bg: #ddd
388
+ // $navbar-default-toggle-icon-bar-bg: #888
389
+ // $navbar-default-toggle-border-color: #ddd
390
+
391
+
392
+ // Inverted navbar
393
+ // Reset inverted navbar basics
394
+ // $navbar-inverse-color: lighten($gray-light, 15%)
395
+ // $navbar-inverse-bg: #222
396
+ // $navbar-inverse-border: darken($navbar-inverse-bg, 10%)
397
+
398
+ // Inverted navbar links
399
+ // $navbar-inverse-link-color: lighten($gray-light, 15%)
400
+ // $navbar-inverse-link-hover-color: #fff
401
+ // $navbar-inverse-link-hover-bg: transparent
402
+ // $navbar-inverse-link-active-color: $navbar-inverse-link-hover-color
403
+ // $navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%)
404
+ // $navbar-inverse-link-disabled-color: #444
405
+ // $navbar-inverse-link-disabled-bg: transparent
406
+
407
+ // Inverted navbar brand label
408
+ // $navbar-inverse-brand-color: $navbar-inverse-link-color
409
+ // $navbar-inverse-brand-hover-color: #fff
410
+ // $navbar-inverse-brand-hover-bg: transparent
411
+
412
+ // Inverted navbar toggle
413
+ // $navbar-inverse-toggle-hover-bg: #333
414
+ // $navbar-inverse-toggle-icon-bar-bg: #fff
415
+ // $navbar-inverse-toggle-border-color: #333
416
+
417
+
418
+ //== Navs
419
+ //
420
+ //##
421
+
422
+ //=== Shared nav styles
423
+ // $nav-link-padding: 10px 15px
424
+ // $nav-link-hover-bg: $gray-lighter
425
+
426
+ // $nav-disabled-link-color: $gray-light
427
+ // $nav-disabled-link-hover-color: $gray-light
428
+
429
+ //== Tabs
430
+ // $nav-tabs-border-color: #ddd
431
+
432
+ // $nav-tabs-link-hover-border-color: $gray-lighter
433
+
434
+ // $nav-tabs-active-link-hover-bg: $body-bg
435
+ // $nav-tabs-active-link-hover-color: $gray
436
+ // $nav-tabs-active-link-hover-border-color: #ddd
437
+
438
+ // $nav-tabs-justified-link-border-color: #ddd
439
+ // $nav-tabs-justified-active-link-border-color: $body-bg
440
+
441
+ //== Pills
442
+ // $nav-pills-border-radius: $border-radius-base
443
+ // $nav-pills-active-link-hover-bg: $component-active-bg
444
+ // $nav-pills-active-link-hover-color: $component-active-color
445
+
446
+
447
+ //== Pagination
448
+ //
449
+ //##
450
+
451
+ // $pagination-color: $link-color
452
+ // $pagination-bg: #fff
453
+ // $pagination-border: #ddd
454
+
455
+ // $pagination-hover-color: $link-hover-color
456
+ // $pagination-hover-bg: $gray-lighter
457
+ // $pagination-hover-border: #ddd
458
+
459
+ // $pagination-active-color: #fff
460
+ // $pagination-active-bg: $brand-primary
461
+ // $pagination-active-border: $brand-primary
462
+
463
+ // $pagination-disabled-color: $gray-light
464
+ // $pagination-disabled-bg: #fff
465
+ // $pagination-disabled-border: #ddd
466
+
467
+
468
+ //== Pager
469
+ //
470
+ //##
471
+
472
+ // $pager-bg: $pagination-bg
473
+ // $pager-border: $pagination-border
474
+ // $pager-border-radius: 15px
475
+
476
+ // $pager-hover-bg: $pagination-hover-bg
477
+
478
+ // $pager-active-bg: $pagination-active-bg
479
+ // $pager-active-color: $pagination-active-color
480
+
481
+ // $pager-disabled-color: $pagination-disabled-color
482
+
483
+
484
+ //== Jumbotron
485
+ //
486
+ //##
487
+
488
+ // $jumbotron-padding: 30px
489
+ // $jumbotron-color: inherit
490
+ // $jumbotron-bg: $gray-lighter
491
+ // $jumbotron-heading-color: inherit
492
+ // $jumbotron-font-size: ceil(($font-size-base * 1.5))
493
+
494
+
495
+ //== Form states and alerts
496
+ //
497
+ //## Define colors for form feedback states and, by default, alerts.
498
+
499
+ // $state-success-text: #3c763d
500
+ // $state-success-bg: #dff0d8
501
+ // $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%)
502
+
503
+ // $state-info-text: #31708f
504
+ // $state-info-bg: #d9edf7
505
+ // $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%)
506
+
507
+ // $state-warning-text: #8a6d3b
508
+ // $state-warning-bg: #fcf8e3
509
+ // $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%)
510
+
511
+ // $state-danger-text: #a94442
512
+ // $state-danger-bg: #f2dede
513
+ // $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%)
514
+
515
+
516
+ //== Tooltips
517
+ //
518
+ //##
519
+
520
+ //** Tooltip max width
521
+ // $tooltip-max-width: 200px
522
+ //** Tooltip text color
523
+ // $tooltip-color: #fff
524
+ //** Tooltip background color
525
+ // $tooltip-bg: #000
526
+ // $tooltip-opacity: .9
527
+
528
+ //** Tooltip arrow width
529
+ // $tooltip-arrow-width: 5px
530
+ //** Tooltip arrow color
531
+ // $tooltip-arrow-color: $tooltip-bg
532
+
533
+
534
+ //== Popovers
535
+ //
536
+ //##
537
+
538
+ //** Popover body background color
539
+ // $popover-bg: #fff
540
+ //** Popover maximum width
541
+ // $popover-max-width: 276px
542
+ //** Popover border color
543
+ // $popover-border-color: rgba(0,0,0,.2)
544
+ //** Popover fallback border color
545
+ // $popover-fallback-border-color: #ccc
546
+
547
+ //** Popover title background color
548
+ // $popover-title-bg: darken($popover-bg, 3%)
549
+
550
+ //** Popover arrow width
551
+ // $popover-arrow-width: 10px
552
+ //** Popover arrow color
553
+ // $popover-arrow-color: $popover-bg
554
+
555
+ //** Popover outer arrow width
556
+ // $popover-arrow-outer-width: ($popover-arrow-width + 1)
557
+ //** Popover outer arrow color
558
+ // $popover-arrow-outer-color: fade_in($popover-border-color, 0.05)
559
+ //** Popover outer arrow fallback color
560
+ // $popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%)
561
+
562
+
563
+ //== Labels
564
+ //
565
+ //##
566
+
567
+ //** Default label background color
568
+ // $label-default-bg: $gray-light
569
+ //** Primary label background color
570
+ // $label-primary-bg: $brand-primary
571
+ //** Success label background color
572
+ // $label-success-bg: $brand-success
573
+ //** Info label background color
574
+ // $label-info-bg: $brand-info
575
+ //** Warning label background color
576
+ // $label-warning-bg: $brand-warning
577
+ //** Danger label background color
578
+ // $label-danger-bg: $brand-danger
579
+
580
+ //** Default label text color
581
+ // $label-color: #fff
582
+ //** Default text color of a linked label
583
+ // $label-link-hover-color: #fff
584
+
585
+
586
+ //== Modals
587
+ //
588
+ //##
589
+
590
+ //** Padding applied to the modal body
591
+ // $modal-inner-padding: 15px
592
+
593
+ //** Padding applied to the modal title
594
+ // $modal-title-padding: 15px
595
+ //** Modal title line-height
596
+ // $modal-title-line-height: $line-height-base
597
+
598
+ //** Background color of modal content area
599
+ // $modal-content-bg: #fff
600
+ //** Modal content border color
601
+ // $modal-content-border-color: rgba(0,0,0,.2)
602
+ //** Modal content border color **for IE8**
603
+ // $modal-content-fallback-border-color: #999
604
+
605
+ //** Modal backdrop background color
606
+ // $modal-backdrop-bg: #000
607
+ //** Modal backdrop opacity
608
+ // $modal-backdrop-opacity: .5
609
+ //** Modal header border color
610
+ // $modal-header-border-color: #e5e5e5
611
+ //** Modal footer border color
612
+ // $modal-footer-border-color: $modal-header-border-color
613
+
614
+ // $modal-lg: 900px
615
+ // $modal-md: 600px
616
+ // $modal-sm: 300px
617
+
618
+
619
+ //== Alerts
620
+ //
621
+ //## Define alert colors, border radius, and padding.
622
+
623
+ // $alert-padding: 15px
624
+ // $alert-border-radius: $border-radius-base
625
+ // $alert-link-font-weight: bold
626
+
627
+ // $alert-success-bg: $state-success-bg
628
+ // $alert-success-text: $state-success-text
629
+ // $alert-success-border: $state-success-border
630
+
631
+ // $alert-info-bg: $state-info-bg
632
+ // $alert-info-text: $state-info-text
633
+ // $alert-info-border: $state-info-border
634
+
635
+ // $alert-warning-bg: $state-warning-bg
636
+ // $alert-warning-text: $state-warning-text
637
+ // $alert-warning-border: $state-warning-border
638
+
639
+ // $alert-danger-bg: $state-danger-bg
640
+ // $alert-danger-text: $state-danger-text
641
+ // $alert-danger-border: $state-danger-border
642
+
643
+
644
+ //== Progress bars
645
+ //
646
+ //##
647
+
648
+ //** Background color of the whole progress component
649
+ // $progress-bg: #f5f5f5
650
+ //** Progress bar text color
651
+ // $progress-bar-color: #fff
652
+ //** Variable for setting rounded corners on progress bar.
653
+ // $progress-border-radius: $border-radius-base
654
+
655
+ //** Default progress bar color
656
+ // $progress-bar-bg: $brand-primary
657
+ //** Success progress bar color
658
+ // $progress-bar-success-bg: $brand-success
659
+ //** Warning progress bar color
660
+ // $progress-bar-warning-bg: $brand-warning
661
+ //** Danger progress bar color
662
+ // $progress-bar-danger-bg: $brand-danger
663
+ //** Info progress bar color
664
+ // $progress-bar-info-bg: $brand-info
665
+
666
+
667
+ //== List group
668
+ //
669
+ //##
670
+
671
+ //** Background color on `.list-group-item`
672
+ // $list-group-bg: #fff
673
+ //** `.list-group-item` border color
674
+ // $list-group-border: #ddd
675
+ //** List group border radius
676
+ // $list-group-border-radius: $border-radius-base
677
+
678
+ //** Background color of single list items on hover
679
+ // $list-group-hover-bg: #f5f5f5
680
+ //** Text color of active list items
681
+ // $list-group-active-color: $component-active-color
682
+ //** Background color of active list items
683
+ // $list-group-active-bg: $component-active-bg
684
+ //** Border color of active list elements
685
+ // $list-group-active-border: $list-group-active-bg
686
+ //** Text color for content within active list items
687
+ // $list-group-active-text-color: lighten($list-group-active-bg, 40%)
688
+
689
+ //** Text color of disabled list items
690
+ // $list-group-disabled-color: $gray-light
691
+ //** Background color of disabled list items
692
+ // $list-group-disabled-bg: $gray-lighter
693
+ //** Text color for content within disabled list items
694
+ // $list-group-disabled-text-color: $list-group-disabled-color
695
+
696
+ // $list-group-link-color: #555
697
+ // $list-group-link-hover-color: $list-group-link-color
698
+ // $list-group-link-heading-color: #333
699
+
700
+
701
+ //== Panels
702
+ //
703
+ //##
704
+
705
+ // $panel-bg: #fff
706
+ // $panel-body-padding: 15px
707
+ // $panel-heading-padding: 10px 15px
708
+ // $panel-footer-padding: $panel-heading-padding
709
+ // $panel-border-radius: $border-radius-base
710
+
711
+ //** Border color for elements within panels
712
+ // $panel-inner-border: #ddd
713
+ // $panel-footer-bg: #f5f5f5
714
+
715
+ // $panel-default-text: $gray-dark
716
+ // $panel-default-border: #ddd
717
+ // $panel-default-heading-bg: #f5f5f5
718
+
719
+ // $panel-primary-text: #fff
720
+ // $panel-primary-border: $brand-primary
721
+ // $panel-primary-heading-bg: $brand-primary
722
+
723
+ // $panel-success-text: $state-success-text
724
+ // $panel-success-border: $state-success-border
725
+ // $panel-success-heading-bg: $state-success-bg
726
+
727
+ // $panel-info-text: $state-info-text
728
+ // $panel-info-border: $state-info-border
729
+ // $panel-info-heading-bg: $state-info-bg
730
+
731
+ // $panel-warning-text: $state-warning-text
732
+ // $panel-warning-border: $state-warning-border
733
+ // $panel-warning-heading-bg: $state-warning-bg
734
+
735
+ // $panel-danger-text: $state-danger-text
736
+ // $panel-danger-border: $state-danger-border
737
+ // $panel-danger-heading-bg: $state-danger-bg
738
+
739
+
740
+ //== Thumbnails
741
+ //
742
+ //##
743
+
744
+ //** Padding around the thumbnail image
745
+ // $thumbnail-padding: 4px
746
+ //** Thumbnail background color
747
+ // $thumbnail-bg: $body-bg
748
+ //** Thumbnail border color
749
+ // $thumbnail-border: #ddd
750
+ //** Thumbnail border radius
751
+ // $thumbnail-border-radius: $border-radius-base
752
+
753
+ //** Custom text color for thumbnail captions
754
+ // $thumbnail-caption-color: $text-color
755
+ //** Padding around the thumbnail caption
756
+ // $thumbnail-caption-padding: 9px
757
+
758
+
759
+ //== Wells
760
+ //
761
+ //##
762
+
763
+ // $well-bg: #f5f5f5
764
+ // $well-border: darken($well-bg, 7%)
765
+
766
+
767
+ //== Badges
768
+ //
769
+ //##
770
+
771
+ // $badge-color: #fff
772
+ //** Linked badge text color on hover
773
+ // $badge-link-hover-color: #fff
774
+ // $badge-bg: $gray-light
775
+
776
+ //** Badge text color in active nav link
777
+ // $badge-active-color: $link-color
778
+ //** Badge background color in active nav link
779
+ // $badge-active-bg: #fff
780
+
781
+ // $badge-font-weight: bold
782
+ // $badge-line-height: 1
783
+ // $badge-border-radius: 10px
784
+
785
+
786
+ //== Breadcrumbs
787
+ //
788
+ //##
789
+
790
+ // $breadcrumb-padding-vertical: 8px
791
+ // $breadcrumb-padding-horizontal: 15px
792
+ //** Breadcrumb background color
793
+ // $breadcrumb-bg: #f5f5f5
794
+ //** Breadcrumb text color
795
+ // $breadcrumb-color: #ccc
796
+ //** Text color of current page in the breadcrumb
797
+ // $breadcrumb-active-color: $gray-light
798
+ //** Textual separator for between breadcrumb elements
799
+ // $breadcrumb-separator: "/"
800
+
801
+
802
+ //== Carousel
803
+ //
804
+ //##
805
+
806
+ // $carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6)
807
+
808
+ // $carousel-control-color: #fff
809
+ // $carousel-control-width: 15%
810
+ // $carousel-control-opacity: .5
811
+ // $carousel-control-font-size: 20px
812
+
813
+ // $carousel-indicator-active-bg: #fff
814
+ // $carousel-indicator-border-color: #fff
815
+
816
+ // $carousel-caption-color: #fff
817
+
818
+
819
+ //== Close
820
+ //
821
+ //##
822
+
823
+ // $close-font-weight: bold
824
+ // $close-color: #000
825
+ // $close-text-shadow: 0 1px 0 #fff
826
+
827
+
828
+ //== Code
829
+ //
830
+ //##
831
+
832
+ // $code-color: #c7254e
833
+ // $code-bg: #f9f2f4
834
+
835
+ // $kbd-color: #fff
836
+ // $kbd-bg: #333
837
+
838
+ // $pre-bg: #f5f5f5
839
+ // $pre-color: $gray-dark
840
+ // $pre-border-color: #ccc
841
+ // $pre-scrollable-max-height: 340px
842
+
843
+
844
+ //== Type
845
+ //
846
+ //##
847
+
848
+ //** Horizontal offset for forms and lists.
849
+ // $component-offset-horizontal: 180px
850
+ //** Text muted color
851
+ // $text-muted: $gray-light
852
+ //** Abbreviations and acronyms border color
853
+ // $abbr-border-color: $gray-light
854
+ //** Headings small color
855
+ // $headings-small-color: $gray-light
856
+ //** Blockquote small color
857
+ // $blockquote-small-color: $gray-light
858
+ //** Blockquote font size
859
+ // $blockquote-font-size: ($font-size-base * 1.25)
860
+ //** Blockquote border color
861
+ // $blockquote-border-color: $gray-lighter
862
+ //** Page header border color
863
+ // $page-header-border-color: $gray-lighter
864
+ //** Width of horizontal description list titles
865
+ // $dl-horizontal-offset: $component-offset-horizontal
866
+ //** Horizontal line color.
867
+ // $hr-border: $gray-lighter
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: binco
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.2
4
+ version: 0.0.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Victor Camacho
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-05-07 00:00:00.000000000 Z
11
+ date: 2015-06-18 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties
@@ -58,6 +58,20 @@ dependencies:
58
58
  - - ">="
59
59
  - !ruby/object:Gem::Version
60
60
  version: '0'
61
+ - !ruby/object:Gem::Dependency
62
+ name: will_paginate
63
+ requirement: !ruby/object:Gem::Requirement
64
+ requirements:
65
+ - - ">="
66
+ - !ruby/object:Gem::Version
67
+ version: '0'
68
+ type: :runtime
69
+ prerelease: false
70
+ version_requirements: !ruby/object:Gem::Requirement
71
+ requirements:
72
+ - - ">="
73
+ - !ruby/object:Gem::Version
74
+ version: '0'
61
75
  - !ruby/object:Gem::Dependency
62
76
  name: activesupport
63
77
  requirement: !ruby/object:Gem::Requirement
@@ -106,10 +120,15 @@ files:
106
120
  - app/helpers/binco/button_helper.rb
107
121
  - app/helpers/binco/button_link_helper.rb
108
122
  - app/helpers/binco/modal_helper.rb
123
+ - app/helpers/binco/pagination_renderer.rb
109
124
  - app/views/binco/_breadcrumb.html.erb
125
+ - app/views/binco/_pagination.html.erb
110
126
  - lib/binco.rb
111
127
  - lib/binco/engine.rb
112
128
  - lib/binco/version.rb
129
+ - lib/generators/binco/install/install_generator.rb
130
+ - lib/generators/binco/install/templates/_bootstrap-overrides.scss
131
+ - lib/generators/binco/install/templates/stylesheet.scss
113
132
  - test/binco_test.rb
114
133
  - test/dummy/Rakefile
115
134
  - test/dummy/app/assets/javascripts/application.js