bootstrap-bookingsync-sass 0.0.5 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.gitignore +2 -0
- data/Gemfile +3 -0
- data/LICENSE +21 -0
- data/README.md +132 -0
- data/assets/fonts/bookingsync/bookingsync-smiles.eot +0 -0
- data/assets/fonts/bookingsync/bookingsync-smiles.svg +19 -0
- data/assets/fonts/bookingsync/bookingsync-smiles.ttf +0 -0
- data/assets/fonts/bookingsync/bookingsync-smiles.woff +0 -0
- data/assets/javascripts/bookingsync/form.js +40 -0
- data/assets/javascripts/bookingsync/switch.js +388 -0
- data/assets/javascripts/bootstrap-bookingsync-sprockets.js +2 -0
- data/assets/stylesheets/_bootstrap-bookingsync-sprockets.scss +16 -0
- data/assets/stylesheets/_bootstrap-bookingsync.scss +63 -0
- data/assets/stylesheets/bookingsync/_chosen.scss +83 -0
- data/assets/stylesheets/bookingsync/_form.scss +265 -0
- data/assets/stylesheets/bookingsync/_layout.scss +99 -0
- data/assets/stylesheets/bookingsync/_smiles.scss +58 -0
- data/assets/stylesheets/bookingsync/_switch.scss +222 -0
- data/assets/stylesheets/bookingsync/_theme.scss +374 -0
- data/assets/stylesheets/bookingsync/_variables.scss +183 -0
- data/bootstrap-bookingsync-sass.gemspec +17 -0
- data/lib/bootstrap-bookingsync-sass.rb +86 -0
- data/lib/bootstrap/bookingsync/engine.rb +16 -0
- data/lib/bootstrap/bookingsync/version.rb +5 -0
- metadata +27 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 490e5a2374260a96c17d68005af163a284118995
|
|
4
|
+
data.tar.gz: efe6eccf077df2f4d392de962d9d31551db12ed0
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 6c7b4706cb592ce0004decd962c1daaefa900ed57033d608e3b0570910c1164da1d89051769c56dc9cc22a711b8b35cb25370a28d9fb528cc0381c4386938298
|
|
7
|
+
data.tar.gz: 93d63948b83f989e796101b742b1b3d6f118000cd4e3219963c55e90e351b3cbe8b1046b9ee7fe8fede2ab0dfb03a31b7effc8b3d9e7e599afb403da2ba09df5
|
data/.gitignore
ADDED
data/Gemfile
ADDED
data/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
The MIT License (MIT)
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2015 BookingSync SAS
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
|
13
|
+
all copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
# Bootstrap BookingSync SASS
|
|
2
|
+
|
|
3
|
+
`bootstrap-bookingsync-sass` is a Sass-powered version of [Bootstrap](http://github.com/twbs/bootstrap) with [BookingSync theme](http://styleguide.bookingsync.com), ready to drop right into your Sass powered applications.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
`bootstrap-bookingsync-sass` is easy to drop into Rails with the asset pipeline.
|
|
8
|
+
|
|
9
|
+
In your Gemfile you need to add the `bootstrap-bookingsync-sass` gem.
|
|
10
|
+
|
|
11
|
+
```ruby
|
|
12
|
+
gem 'bootstrap-bookingsync-sass'
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
`bundle install` and restart your server to make the files available through the pipeline.
|
|
16
|
+
|
|
17
|
+
Import Bootstrap styles in `app/assets/stylesheets/application.scss`:
|
|
18
|
+
|
|
19
|
+
```scss
|
|
20
|
+
// "bootstrap-bookingsync-sprockets" must be imported before "bootstrap-bookingsync" and "bootstrap-bookingsync/variables"
|
|
21
|
+
@import "bootstrap-bookingsync-sprockets";
|
|
22
|
+
@import "bootstrap-bookingsync";
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
`bootstrap-bookingsync-sprockets` must be imported before `bootstrap-bookingsync` for the icon fonts to work.
|
|
26
|
+
|
|
27
|
+
Make sure the file has `.scss` extension (or `.sass` for Sass syntax). If you have just generated a new Rails app,
|
|
28
|
+
it may come with a `.css` file instead. If this file exists, it will be served instead of Sass, so rename it:
|
|
29
|
+
|
|
30
|
+
```console
|
|
31
|
+
$ mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
Then, remove all the `*= require_self` and `*= require_tree .` statements from the sass file. Instead, use `@import` to import Sass files.
|
|
35
|
+
|
|
36
|
+
Do not use `*= require` in Sass or your other stylesheets will not be [able to access][antirequire] the Bootstrap BookingSync mixins or variables.
|
|
37
|
+
|
|
38
|
+
Require Bootstrap BookingSync Javascripts in `app/assets/javascripts/application.js`:
|
|
39
|
+
|
|
40
|
+
```js
|
|
41
|
+
//= require jquery
|
|
42
|
+
//= require bootstrap-bookingsync-sprockets
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
`bootstrap-bookingsync-sprockets` provides individual Bootstrap BookingSync Javascript files (`form.js` or `switch.js`, for example).
|
|
46
|
+
|
|
47
|
+
`bootstrap-bookingsync-sprockets` won't load any Boostrap javascripts, you have to load them manually if you need them.
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
## Using SimpleForm?
|
|
51
|
+
|
|
52
|
+
The following initializer will make your inputs formatted to work best to Boostrap BookingSync Forms.
|
|
53
|
+
Note that you need [SimpleForm](https://github.com/plataformatec/simple_form) 3.1+.
|
|
54
|
+
|
|
55
|
+
To use it, create a `config/initializers/simple_form_bootstrap_bookingsync.rb` file with the following content:
|
|
56
|
+
|
|
57
|
+
```ruby
|
|
58
|
+
#
|
|
59
|
+
# Copyright 2015 BookingSync SAS.
|
|
60
|
+
# Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
|
|
61
|
+
#
|
|
62
|
+
|
|
63
|
+
# Use this setup block to configure all options available in SimpleForm.
|
|
64
|
+
SimpleForm.setup do |config|
|
|
65
|
+
config.wrappers :bs, tag: 'div', error_class: 'has-error' do |b|
|
|
66
|
+
b.wrapper tag: 'div', class: 'form-group' do |ba|
|
|
67
|
+
ba.use :html5
|
|
68
|
+
ba.use :label
|
|
69
|
+
ba.use :input, class: 'form-control'
|
|
70
|
+
end
|
|
71
|
+
b.use :error, wrap_with: { tag: 'span', class: 'error-message' }
|
|
72
|
+
b.use :hint, wrap_with: { tag: 'p', class: 'help-block' }
|
|
73
|
+
end
|
|
74
|
+
|
|
75
|
+
config.wrappers :bs_addon, tag: 'div', class: "form-group", error_class: 'error' do |b|
|
|
76
|
+
b.use :html5
|
|
77
|
+
b.wrapper tag: 'div', class: 'input-group' do |addon|
|
|
78
|
+
addon.use :prepend_addon
|
|
79
|
+
addon.use :label
|
|
80
|
+
addon.use :input, class: 'form-control'
|
|
81
|
+
addon.use :append_addon
|
|
82
|
+
end
|
|
83
|
+
b.use :hint, wrap_with: { tag: 'span', class: 'help-block' }
|
|
84
|
+
b.use :error, wrap_with: { tag: 'span', class: 'help-inline' }
|
|
85
|
+
end
|
|
86
|
+
|
|
87
|
+
config.wrappers :bs_checkbox, tag: 'div', error_class: 'has-error' do |b|
|
|
88
|
+
b.wrapper tag: 'div', class: 'checkbox' do |ba|
|
|
89
|
+
ba.use :html5
|
|
90
|
+
ba.use :label_input
|
|
91
|
+
end
|
|
92
|
+
b.use :error, wrap_with: { tag: 'span', class: 'help-inline' }
|
|
93
|
+
b.use :hint, wrap_with: { tag: 'p', class: 'help-block' }
|
|
94
|
+
end
|
|
95
|
+
|
|
96
|
+
# Wrappers for forms and inputs using the Twitter Bootstrap toolkit.
|
|
97
|
+
# Check the Bootstrap docs (http://twitter.github.com/bootstrap)
|
|
98
|
+
# to learn about the different styles for forms and inputs,
|
|
99
|
+
# buttons and other elements.
|
|
100
|
+
config.default_wrapper = :bs
|
|
101
|
+
end
|
|
102
|
+
|
|
103
|
+
module SimpleForm
|
|
104
|
+
module Components
|
|
105
|
+
module Addons
|
|
106
|
+
def prepend_addon(wrapper_options = nil)
|
|
107
|
+
return input_group_addon(options[:prepend_addon]) unless options[:prepend_addon].nil?
|
|
108
|
+
end
|
|
109
|
+
|
|
110
|
+
def append_addon(wrapper_options = nil)
|
|
111
|
+
return input_group_addon(options[:append_addon]) unless options[:append_addon].nil?
|
|
112
|
+
end
|
|
113
|
+
|
|
114
|
+
def input_group_addon(content)
|
|
115
|
+
template.content_tag(:span, content, class: 'input-group-addon')
|
|
116
|
+
end
|
|
117
|
+
end
|
|
118
|
+
end
|
|
119
|
+
end
|
|
120
|
+
|
|
121
|
+
SimpleForm::Inputs::Base.send(:include, SimpleForm::Components::Addons)
|
|
122
|
+
```
|
|
123
|
+
|
|
124
|
+
### Usage
|
|
125
|
+
|
|
126
|
+
```ruby
|
|
127
|
+
<%= f.input :title %>
|
|
128
|
+
<%= f.input :accept_terms, wrapper: :bs_checkbox %>
|
|
129
|
+
<%= f.input :twitter, wrapper: :bs_addon, prepend_addon: '@' %>
|
|
130
|
+
<%= f.input :pecentage, wrapper: :bs_addon, append_addon: '%' %>
|
|
131
|
+
<%= f.input :money, wrapper: :bs_addon, prepend_addon: '$', append_addon: 'USD' %>
|
|
132
|
+
```
|
|
Binary file
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<?xml version="1.0" standalone="no"?>
|
|
2
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg">
|
|
4
|
+
<metadata>Generated by IcoMoon</metadata>
|
|
5
|
+
<defs>
|
|
6
|
+
<font id="bookingsync-smiles" horiz-adv-x="1024">
|
|
7
|
+
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
|
8
|
+
<missing-glyph horiz-adv-x="1024" />
|
|
9
|
+
<glyph unicode=" " horiz-adv-x="512" d="" />
|
|
10
|
+
<glyph unicode="" glyph-name="bigboss" d="M802.488 286.945c-0.051 1.372-0.113 2.816-0.174 4.321-0.031 1.505-0.164 3.082-0.338 4.721-0.184 1.638-0.287 3.338-0.563 5.089-0.287 1.751-0.573 3.553-0.87 5.396-0.41 1.843-0.829 3.727-1.249 5.642-0.471 1.915-1.075 3.85-1.638 5.816-0.614 1.956-1.372 3.922-2.079 5.908-0.799 1.966-1.659 3.942-2.56 5.908-1.004 1.925-1.915 3.922-3.041 5.806-1.106 1.894-2.212 3.809-3.482 5.612-1.198 1.853-2.529 3.604-3.871 5.335-2.703 3.441-5.612 6.656-8.653 9.523-6.042 5.806-12.493 10.271-18.278 13.609-5.827 3.297-10.998 5.499-14.879 6.861-1.925 0.696-3.543 1.178-4.762 1.516-0.307 0.082-0.584 0.154-0.819 0.225-0.338 0.082-0.625 0.143-0.85 0.205-0.328 0.082-0.492 0.113-0.492 0.113l-0.256 0.061c-0.768 0.174-1.546 0.317-2.345 0.41-11.622 1.372-22.149-6.943-23.511-18.565-1.372-11.622 6.943-22.149 18.565-23.511 0 0 0.031 0 0.082-0.010 0.020 0 0.051-0.010 0.092-0.010l-0.031 0.010c-0.020 0.010-0.072 0.031-0.072 0.041 0.072-0.010 0.154-0.010 0.246-0.020 0.399-0.041 1.137-0.133 2.171-0.348 2.048-0.389 5.212-1.229 8.878-2.662 2.243-0.911 4.68-2.079 7.148-3.482-65.27-76.708-160.051-120.32-263.066-120.32-109.711 0-195.451 42.936-199.895 42.936-2.12 0-4.27-0.44-6.267-1.372-6.216-2.888-10.588-10.097-7.188-15.739 30.986-51.425 150.548-98.15 216.504-98.15 66.079 0 128.369 16.783 180.132 48.548 46.172 28.334 81.644 67.625 104.038 114.862 0.297-0.799 0.594-1.608 0.881-2.386 0.379-1.27 0.758-2.519 1.126-3.738 0.379-1.219 0.604-2.468 0.901-3.635 0.297-1.178 0.553-2.335 0.727-3.471 0.205-1.137 0.389-2.222 0.573-3.256 0.174-1.034 0.246-2.048 0.369-2.99 0.236-1.884 0.44-3.533 0.481-4.925 0.174-2.775 0.276-4.352 0.276-4.352l0.051-0.891c0.42-6.748 5.796-12.319 12.728-12.8 7.557-0.532 14.111 5.161 14.643 12.718 0 0 0.133 1.946 0.379 5.366 0.154 1.7 0.195 3.799 0.215 6.216 0 1.208 0.061 2.488 0.020 3.86zM249.385 728.207c-55.921 0-111.534 0-166.625 0v-66.232c18.688-9.339 24.197-31.877 30.464-67.574l135.854 133.54c0.102 0.092 0.205 0.174 0.307 0.266zM122.481 542.884c0.010-0.051 0.020-0.092 0.031-0.143 26.491-66.232 49.183-78.070 132.475-92.733s157.921 30.024 184.207 70.738l-180.869 88.893-135.844-66.755zM761.928 728.207c0.102-0.092 0.205-0.174 0.307-0.276l135.854-133.54c6.267 35.697 11.776 58.235 30.464 67.574v66.243c-55.091 0-110.705 0-166.625 0zM267.254 728.207c0.102-0.092 185.59-182.405 185.59-182.405 18.268 39.168 24.207 63.836 52.808 64.696 28.6-0.86 34.55-25.528 52.808-64.696 0 0 185.487 182.313 185.59 182.405zM572.129 520.755c26.286-40.724 100.915-85.402 184.207-70.738s105.974 26.491 132.475 92.733c0.010 0.051 0.020 0.092 0.031 0.143l-135.844 66.765-180.869-88.904z" />
|
|
11
|
+
<glyph unicode="" glyph-name="boss" d="M32.072 513.454c-4.157 0-8.212 1.966-10.752 5.56-3.748 5.274-3.103 12.483 1.516 17.019l191.652 188.396c2.56 2.519 5.898 3.779 9.236 3.779s6.676-1.26 9.236-3.779l191.652-188.396c4.618-4.536 5.253-11.745 1.516-17.019-2.54-3.584-6.595-5.56-10.752-5.56-1.966 0-3.953 0.44-5.806 1.352l-185.836 91.341-185.846-91.341c-1.864-0.911-3.85-1.352-5.816-1.352zM990.331 513.454c-1.966 0-3.942 0.44-5.806 1.352l-185.846 91.341-185.846-91.341c-1.864-0.911-3.84-1.352-5.806-1.352-4.157 0-8.212 1.966-10.752 5.56-3.748 5.274-3.103 12.483 1.516 17.019l191.652 188.396c2.56 2.519 5.898 3.779 9.236 3.779s6.676-1.26 9.236-3.779l191.652-188.396c4.618-4.536 5.253-11.745 1.516-17.019-2.529-3.594-6.584-5.56-10.752-5.56zM812.339 286.945c-0.051 1.372-0.113 2.816-0.174 4.321-0.031 1.505-0.164 3.082-0.338 4.721-0.184 1.638-0.287 3.338-0.563 5.089-0.287 1.751-0.573 3.553-0.87 5.396-0.41 1.843-0.829 3.727-1.249 5.642-0.471 1.915-1.075 3.85-1.649 5.816-0.614 1.956-1.372 3.922-2.079 5.908-0.799 1.966-1.659 3.942-2.55 5.908-1.004 1.925-1.915 3.922-3.041 5.806-1.106 1.894-2.212 3.809-3.482 5.612-1.198 1.853-2.529 3.604-3.871 5.335-2.703 3.441-5.612 6.656-8.653 9.523-6.042 5.806-12.493 10.271-18.278 13.609-5.827 3.297-10.998 5.499-14.879 6.861-1.925 0.696-3.543 1.178-4.762 1.516-0.307 0.082-0.584 0.154-0.819 0.225-0.338 0.082-0.625 0.143-0.85 0.205-0.328 0.082-0.492 0.113-0.492 0.113l-0.256 0.061c-0.768 0.174-1.546 0.317-2.345 0.41-11.622 1.362-22.149-6.943-23.511-18.565s6.943-22.149 18.565-23.511c0 0 0.031 0 0.082-0.010 0.020 0 0.051-0.010 0.092-0.010l-0.031 0.010c-0.020 0.010-0.072 0.031-0.072 0.041 0.072-0.010 0.154-0.010 0.246-0.020 0.399-0.041 1.137-0.133 2.171-0.348 2.048-0.389 5.212-1.229 8.878-2.662 2.243-0.911 4.68-2.079 7.148-3.482-65.27-76.708-160.051-120.32-263.066-120.32-109.711 0-195.451 42.936-199.895 42.936-2.12 0-4.27-0.44-6.267-1.372-6.216-2.888-10.588-10.097-7.188-15.739 30.986-51.425 150.548-98.15 216.504-98.15 66.079 0 128.369 16.783 180.132 48.548 46.172 28.334 81.644 67.625 104.038 114.862 0.297-0.799 0.594-1.608 0.881-2.386 0.379-1.28 0.758-2.519 1.126-3.738 0.379-1.219 0.604-2.468 0.901-3.635 0.297-1.178 0.553-2.335 0.727-3.471 0.205-1.137 0.389-2.222 0.573-3.256 0.174-1.034 0.246-2.048 0.369-2.99 0.236-1.884 0.44-3.533 0.481-4.925 0.174-2.775 0.276-4.352 0.276-4.352l0.051-0.891c0.42-6.748 5.796-12.319 12.728-12.8 7.557-0.532 14.111 5.161 14.643 12.718 0 0 0.133 1.946 0.379 5.366 0.154 1.7 0.195 3.799 0.215 6.216 0 1.208 0.061 2.488 0.020 3.86z" />
|
|
12
|
+
<glyph unicode="" glyph-name="bookingsync" d="M514.458 137.83c-61.604 0-122.665 17.531-171.95 49.367-54.241 35.031-93.030 85.903-112.189 147.108-1.935 6.185 0.911 12.861 6.717 15.739 1.874 0.932 3.881 1.372 5.857 1.372 4.147 0 8.202-1.956 10.742-5.53 61.43-86.262 155.433-135.731 257.905-135.731 102.461 0 196.229 49.459 257.239 135.7 2.54 3.594 6.605 5.571 10.762 5.571 1.946 0 3.922-0.43 5.775-1.331 5.806-2.836 8.704-9.462 6.84-15.647-18.729-62.126-56.576-113.326-109.445-148.060-48.364-31.775-106.537-48.558-168.253-48.558zM32.072 513.454c-4.157 0-8.212 1.966-10.752 5.56-3.748 5.274-3.103 12.483 1.516 17.019l191.652 188.396c2.56 2.519 5.898 3.779 9.236 3.779s6.676-1.26 9.236-3.779l191.652-188.396c4.618-4.536 5.253-11.745 1.516-17.019-2.54-3.584-6.595-5.56-10.752-5.56-1.966 0-3.953 0.44-5.806 1.352l-185.836 91.341-185.846-91.341c-1.864-0.911-3.85-1.352-5.816-1.352zM990.331 513.454c-1.966 0-3.942 0.44-5.806 1.352l-185.846 91.341-185.846-91.341c-1.864-0.911-3.84-1.352-5.806-1.352-4.157 0-8.212 1.966-10.752 5.56-3.748 5.274-3.103 12.483 1.516 17.019l191.652 188.396c2.56 2.519 5.898 3.779 9.236 3.779s6.676-1.26 9.236-3.779l191.652-188.396c4.618-4.536 5.253-11.745 1.516-17.019-2.529-3.594-6.584-5.56-10.752-5.56z" />
|
|
13
|
+
<glyph unicode="" glyph-name="laughting" d="M32.072 550.39c-4.157 0-8.212 1.966-10.762 5.56-3.738 5.274-3.103 12.483 1.516 17.019l191.662 188.385c2.56 2.519 5.898 3.779 9.236 3.779s6.676-1.26 9.236-3.779l191.652-188.396c4.618-4.536 5.253-11.745 1.516-17.019-2.54-3.584-6.595-5.56-10.762-5.56-1.966 0-3.953 0.44-5.806 1.352l-185.836 91.341-185.836-91.331c-1.864-0.911-3.85-1.352-5.816-1.352zM990.331 550.39c-1.966 0-3.942 0.44-5.806 1.352l-185.836 91.341-185.836-91.341c-1.864-0.911-3.84-1.352-5.806-1.352-4.157 0-8.212 1.966-10.762 5.56-3.738 5.274-3.103 12.483 1.516 17.019l191.652 188.385c2.56 2.519 5.898 3.779 9.236 3.779s6.676-1.26 9.236-3.779l191.652-188.396c4.618-4.536 5.253-11.745 1.516-17.019-2.54-3.584-6.595-5.55-10.762-5.55zM830.843 354.621c-2.161 1.055-4.475 1.556-6.748 1.556h-627.169c-2.314 0-4.659-0.522-6.84-1.608-6.779-3.369-10.107-11.172-7.844-18.391 22.395-71.526 67.727-144.65 131.113-185.59 57.6-37.202 128.963-57.692 200.96-57.692 72.131 0 140.114 19.62 196.618 56.74 61.788 40.591 106.025 114.094 127.908 186.696 2.161 7.229-1.219 14.971-7.997 18.289zM510.884 177.418c-108.032 0-208.005 58.184-279.255 143.585h557.896c-70.851-85.402-170.598-143.585-278.641-143.585z" />
|
|
14
|
+
<glyph unicode="" glyph-name="lemonface" d="M32.072 503.624c-4.157 0-8.212 1.966-10.752 5.56-3.748 5.274-3.103 12.483 1.516 17.019l191.652 188.396c2.56 2.519 5.898 3.779 9.236 3.779s6.676-1.26 9.236-3.779l191.652-188.396c4.618-4.536 5.253-11.745 1.516-17.019-2.54-3.584-6.595-5.56-10.752-5.56-1.966 0-3.953 0.44-5.806 1.352l-185.836 91.341-185.846-91.341c-1.864-0.922-3.85-1.352-5.816-1.352zM990.331 503.624c-1.966 0-3.942 0.44-5.806 1.352l-185.846 91.341-185.846-91.341c-1.864-0.911-3.84-1.352-5.806-1.352-4.157 0-8.212 1.966-10.752 5.56-3.748 5.274-3.103 12.483 1.516 17.019l191.652 188.396c2.56 2.519 5.898 3.779 9.236 3.779s6.676-1.26 9.236-3.779l191.652-188.396c4.618-4.536 5.253-11.745 1.516-17.019-2.529-3.594-6.584-5.56-10.752-5.56zM395.090 147.558c-5.448 0-10.353 0.696-14.531 1.659-42.22 9.759-68.833 57.569-97.004 108.186-9.155 16.445-17.828 32.031-26.358 44.882-5.458-4.567-15.35-14.981-29.215-38.011-13.066-21.699-22.2-42.435-22.292-42.639-7.27-16.568-26.604-24.125-43.172-16.855-16.568 7.26-24.125 26.573-16.876 43.141 0.481 1.106 12.022 27.351 28.754 54.374 27.269 44.042 52.746 65.761 80.2 68.362 12.349 1.157 35.881-0.942 54.63-28.273 10.916-15.913 21.443-34.816 31.611-53.105 11.305-20.316 22.999-41.318 34.406-56.658 11.96-16.077 18.483-19.005 19.835-19.466 0.41 0.154 1.321 0.553 2.755 1.556 14.889 10.373 29.061 25.59 42.762 40.305 16.62 17.848 32.317 34.703 50.77 45.076 27.044 15.206 55.398 13.005 79.841-6.205 12.155-9.554 23.112-20.173 33.7-30.433 40.448-39.209 46.305-38.031 58.726-28.416 13.998 10.834 24.115 24.535 33.905 37.786 11.756 15.913 22.866 30.945 39.854 39.916 21.914 11.571 46.305 9.257 72.499-6.871 15.411-9.492 20.214-29.676 10.721-45.097-9.492-15.411-29.676-20.214-45.097-10.721-4.413 2.714-7.137 3.738-8.458 4.127-4.004-2.98-11.336-12.902-16.804-20.296-11.274-15.258-25.303-34.253-46.5-50.657-27.218-21.074-57.242-25.098-86.804-11.622-21.627 9.861-39.956 27.628-57.672 44.8-9.39 9.103-19.098 18.514-28.57 25.958-1.853 1.454-3.082 2.048-3.553 2.212-7.649-0.993-27.75-22.579-38.584-34.212-15.299-16.425-32.635-35.041-53.248-49.418-14.746-10.271-28.713-13.384-40.233-13.384z" />
|
|
15
|
+
<glyph unicode="" glyph-name="sadface" d="M507.955 351.416c61.604 0 122.665-17.531 171.95-49.367 54.241-35.031 93.030-85.903 112.189-147.108 1.935-6.185-0.911-12.861-6.717-15.739-1.874-0.932-3.881-1.372-5.857-1.372-4.147 0-8.202 1.956-10.742 5.53-61.43 86.262-155.433 135.731-257.905 135.731-102.461 0-196.229-49.459-257.239-135.7-2.54-3.594-6.605-5.571-10.762-5.571-1.946 0-3.922 0.43-5.775 1.331-5.806 2.836-8.704 9.462-6.84 15.647 18.729 62.126 56.576 113.326 109.445 148.060 48.353 31.775 106.527 48.558 168.253 48.558zM32.072 513.454c-4.157 0-8.212 1.966-10.752 5.56-3.748 5.274-3.103 12.483 1.516 17.019l191.652 188.396c2.56 2.519 5.898 3.779 9.236 3.779s6.676-1.26 9.236-3.779l191.652-188.396c4.618-4.536 5.253-11.745 1.516-17.019-2.54-3.584-6.595-5.56-10.752-5.56-1.966 0-3.953 0.44-5.806 1.352l-185.836 91.341-185.846-91.341c-1.864-0.911-3.85-1.352-5.816-1.352zM990.331 513.454c-1.966 0-3.942 0.44-5.806 1.352l-185.846 91.341-185.846-91.341c-1.864-0.911-3.84-1.352-5.806-1.352-4.157 0-8.212 1.966-10.752 5.56-3.748 5.274-3.103 12.483 1.516 17.019l191.652 188.396c2.56 2.519 5.898 3.779 9.236 3.779s6.676-1.26 9.236-3.779l191.652-188.396c4.618-4.536 5.253-11.745 1.516-17.019-2.529-3.594-6.584-5.56-10.752-5.56z" />
|
|
16
|
+
<glyph unicode="" glyph-name="tongue" d="M514.458 183.716c-61.604 0-122.665 17.531-171.95 49.367-54.241 35.031-93.030 85.903-112.189 147.108-1.935 6.185 0.911 12.861 6.717 15.739 1.874 0.932 3.881 1.372 5.857 1.372 4.147 0 8.202-1.956 10.742-5.53 61.43-86.262 155.433-135.731 257.905-135.731 102.461 0 196.229 49.459 257.239 135.7 2.54 3.594 6.605 5.571 10.762 5.571 1.946 0 3.922-0.43 5.775-1.331 5.806-2.836 8.704-9.462 6.84-15.647-18.729-62.126-56.576-113.326-109.445-148.060-48.364-31.775-106.537-48.558-168.253-48.558zM32.072 559.34c-4.157 0-8.212 1.966-10.752 5.56-3.748 5.274-3.103 12.483 1.516 17.019l191.652 188.396c2.56 2.519 5.898 3.779 9.236 3.779s6.676-1.26 9.236-3.779l191.652-188.396c4.618-4.536 5.253-11.745 1.516-17.019-2.54-3.584-6.595-5.56-10.752-5.56-1.966 0-3.953 0.44-5.806 1.352l-185.836 91.341-185.846-91.341c-1.864-0.911-3.85-1.352-5.816-1.352zM990.331 559.34c-1.966 0-3.942 0.44-5.806 1.352l-185.846 91.341-185.846-91.341c-1.864-0.911-3.84-1.352-5.806-1.352-4.157 0-8.212 1.966-10.752 5.56-3.748 5.274-3.103 12.483 1.516 17.019l191.662 188.396c2.56 2.519 5.898 3.779 9.236 3.779s6.676-1.26 9.236-3.779l191.652-188.396c4.618-4.536 5.253-11.745 1.516-17.019-2.54-3.594-6.595-5.56-10.762-5.56zM602.552 243.825c0.020-0.010 0.061 0 0.358-0.092 0.287-0.092 0.655-0.205 1.106-0.328 0.87-0.276 2.161-0.686 3.85-1.229 3.287-1.137 7.946-2.97 13.599-5.929 5.642-2.97 12.298-7.045 19.405-12.892 7.076-5.868 14.776-13.455 21.504-24.351 3.318-5.458 6.41-11.807 8.55-19.21 0.256-0.932 0.522-1.864 0.788-2.796 0.215-0.973 0.43-1.946 0.645-2.929 0.266-1.249 0.532-2.509 0.809-3.768l0.102-0.492 0.051-0.236 0.031-0.051 0.102-0.215c0.061-0.143 0.102-0.297 0.123-0.451 0.276-0.635 0.44-1.311 0.748-1.976 2.202-5.325 6.932-11.254 13.527-15.872 3.277-2.304 6.963-4.291 10.854-5.714 3.871-1.475 7.916-2.406 11.868-2.765 3.953-0.338 7.803-0.072 11.366 0.799 1.792 0.42 3.512 1.014 5.181 1.71l0.246 0.092c0.195 0.092-1.413-0.727-0.666-0.348l2.714 1.382 0.512 0.266 0.143 0.113c0.195 0.143 0.399 0.266 0.614 0.369l0.164 0.082 0.266 0.195 0.543 0.379c5.827 3.932 10.844 10.895 13.568 19.118 2.796 8.223 3.318 17.48 1.843 26.184-1.413 8.755-4.946 16.998-9.779 24.095-1.157 1.802-2.509 3.471-3.82 5.14-0.707 0.799-1.372 1.618-2.048 2.427l-0.123 0.154-0.061 0.082c-0.072 0.082 0.451-0.44 0.184-0.174l-2.376 2.519c-0.901 0.952-1.792 1.905-2.673 2.836-0.87 0.922-1.792 1.935-2.56 2.652-1.587 1.577-3.154 3.133-4.68 4.649-6.472 6.134-12.749 11.418-18.422 15.79-5.693 4.383-10.926 7.68-15.217 10.23-4.301 2.54-7.741 4.188-9.953 5.181-2.232 1.014-3.154 1.311-2.683 1.208l6.083 28.682c0.471-0.092 2.724-0.492 6.236-1.444 3.533-0.973 8.407-2.57 14.295-5.007 5.908-2.417 12.739-5.827 20.183-10.23 7.475-4.372 15.462-9.83 23.757-16.343 2.099-1.72 4.239-3.471 6.42-5.263 1.157-0.932 2.028-1.731 3.021-2.591 0.973-0.85 1.946-1.7 2.939-2.57l2.232-1.956 0.379-0.328 0.686-0.666c1.157-1.126 2.314-2.273 3.492-3.42 2.253-2.396 4.536-4.864 6.646-7.567 8.571-10.66 15.739-23.951 19.456-38.984 1.884-7.506 2.826-15.411 2.826-23.48-0.031-8.069-0.973-16.323-3.256-24.453-2.263-8.12-5.581-16.189-10.394-23.706-4.762-7.526-10.926-14.531-18.473-20.224l-2.12-1.597-0.86-0.573c-1.147-0.758-2.314-1.505-3.492-2.232l-0.881-0.543-0.553-0.317-1.065-0.594-1.055-0.594-0.532-0.297-0.942-0.481-0.195-0.092-0.399-0.184c-4.188-2.038-8.54-3.738-12.995-4.987-8.899-2.499-18.043-3.348-26.808-2.877-8.776 0.512-17.234 2.212-25.108 5.018-7.905 2.755-15.268 6.513-22.026 11.069-13.476 9.062-24.658 21.647-31.181 36.864-0.84 1.874-1.495 3.85-2.212 5.775-0.358 1.157-0.707 2.324-1.034 3.492l-0.471 1.741-0.113 0.44-0.061 0.256-0.113 0.492-0.43 1.976-0.102 0.481-0.195 0.973-0.020 0.061-0.031 0.123-0.113 0.481-0.205 0.963-0.307 0.993c-0.809 2.662-2.028 5.56-3.584 8.499-3.133 5.888-7.25 11.868-11.264 17.203-4.024 5.356-7.946 10.158-11.233 14.172-3.287 4.024-5.96 7.27-7.721 9.513-0.86 1.116-1.526 1.976-1.966 2.55-0.215 0.297-0.348 0.502-0.399 0.614s-0.174 0.225-0.154 0.215l15.104 25.119z" />
|
|
17
|
+
<glyph unicode="" glyph-name="winkface" d="M397.271 137.83c-65.956 0-185.518 46.725-216.504 98.15-3.4 5.642 0.973 12.861 7.188 15.739 2.007 0.932 4.147 1.372 6.267 1.372 4.444 0 90.184-42.936 199.895-42.936s210.094 49.459 275.425 135.7c2.724 3.594 7.066 5.571 11.53 5.571 2.089 0 4.198-0.43 6.185-1.331 6.216-2.836 9.318-9.462 7.322-15.647-20.050-62.126-60.58-113.326-117.187-148.060-51.753-31.775-114.033-48.558-180.122-48.558zM892.826 513.454c-1.966 0-3.942 0.44-5.806 1.352l-185.846 91.341-185.846-91.341c-1.864-0.911-3.84-1.352-5.806-1.352-4.157 0-8.212 1.966-10.752 5.56-3.748 5.274-3.103 12.483 1.516 17.019l191.652 188.396c2.56 2.519 5.898 3.779 9.236 3.779s6.676-1.26 9.236-3.779l191.652-188.396c4.618-4.536 5.253-11.745 1.516-17.019-2.54-3.594-6.595-5.56-10.752-5.56zM252.58 616.827c0-38.236-21.438-69.233-47.882-69.233s-47.882 30.997-47.882 69.233c0 38.236 21.438 69.233 47.882 69.233s47.882-30.997 47.882-69.233z" />
|
|
18
|
+
<glyph unicode="" glyph-name="winktongue" d="M393.738 184.259c-66.089 0-185.887 46.817-216.934 98.345-3.41 5.663 0.973 12.882 7.209 15.77 2.007 0.932 4.157 1.382 6.287 1.382 4.454 0 90.368-43.028 200.294-43.028s210.514 49.562 275.978 135.967c2.724 3.594 7.086 5.581 11.551 5.581 2.089 0 4.209-0.43 6.195-1.341 6.236-2.836 9.339-9.482 7.332-15.677-20.091-62.249-60.692-113.551-117.422-148.357-51.866-31.826-114.278-48.64-180.49-48.64zM890.276 560.63c-1.966 0-3.953 0.44-5.816 1.352l-186.214 91.525-186.214-91.525c-1.864-0.911-3.85-1.352-5.816-1.352-4.168 0-8.233 1.976-10.783 5.571-3.748 5.284-3.113 12.513 1.516 17.060l192.041 188.764c2.57 2.529 5.908 3.789 9.257 3.789s6.687-1.26 9.257-3.789l192.041-188.764c4.618-4.547 5.263-11.766 1.516-17.060-2.55-3.594-6.605-5.571-10.783-5.571zM248.771 664.218c0-38.31-21.483-69.366-47.985-69.366s-47.985 31.056-47.985 69.366c0 38.31 21.483 69.366 47.985 69.366s47.985-31.056 47.985-69.366zM504.033 240.896c0.020-0.010 0.061 0 0.358-0.092 0.287-0.092 0.655-0.205 1.096-0.328 0.86-0.276 2.15-0.686 3.82-1.219 3.267-1.126 7.885-2.949 13.496-5.888 5.601-2.939 12.196-6.984 19.261-12.79 7.025-5.827 14.664-13.353 21.34-24.166 3.297-5.417 6.359-11.715 8.489-19.067 0.256-0.922 0.522-1.843 0.778-2.775 0.215-0.963 0.43-1.935 0.635-2.908 0.266-1.239 0.532-2.488 0.799-3.748l0.102-0.492 0.051-0.236 0.031-0.051 0.092-0.215c0.061-0.143 0.102-0.287 0.123-0.451 0.276-0.625 0.44-1.3 0.748-1.956 2.181-5.284 6.881-11.172 13.425-15.749 3.246-2.284 6.912-4.26 10.772-5.663 3.84-1.464 7.854-2.396 11.786-2.744 3.922-0.338 7.741-0.072 11.284 0.788 1.772 0.42 3.482 1.004 5.14 1.7l0.246 0.092c0.184 0.092-1.403-0.727-0.666-0.348l0.532 0.276 2.15 1.085 0.512 0.266 0.143 0.113c0.195 0.143 0.389 0.266 0.614 0.369l0.164 0.082 0.266 0.195 0.543 0.379c5.786 3.901 10.762 10.813 13.466 18.975 2.775 8.161 3.297 17.347 1.833 25.989-1.403 8.694-4.915 16.876-9.708 23.91-1.147 1.792-2.499 3.441-3.799 5.1-0.696 0.788-1.362 1.608-2.028 2.417l-0.123 0.154-0.061 0.072c-0.072 0.082 0.451-0.43 0.184-0.174l-2.355 2.499c-0.891 0.952-1.782 1.884-2.652 2.816-0.87 0.911-1.782 1.915-2.54 2.632-1.577 1.567-3.123 3.103-4.639 4.608-6.42 6.093-12.657 11.336-18.289 15.667-5.642 4.352-10.844 7.619-15.094 10.148-4.27 2.519-7.68 4.157-9.882 5.14-2.222 1.004-3.133 1.3-2.662 1.198l6.042 28.457c0.461-0.092 2.703-0.481 6.195-1.434 3.512-0.963 8.346-2.55 14.193-4.977 5.857-2.396 12.646-5.786 20.029-10.148 7.414-4.342 15.34-9.748 23.572-16.22 2.079-1.71 4.209-3.441 6.369-5.222 1.147-0.922 2.017-1.72 3-2.57 0.963-0.84 1.935-1.69 2.918-2.55l1.475-1.29 0.748-0.645 0.369-0.328 0.686-0.666c1.147-1.126 2.304-2.253 3.461-3.389 2.232-2.386 4.506-4.823 6.595-7.516 8.509-10.578 15.616-23.767 19.313-38.687 1.874-7.444 2.806-15.299 2.806-23.306-0.031-8.008-0.963-16.2-3.226-24.269-2.253-8.059-5.54-16.067-10.312-23.532-4.721-7.465-10.844-14.418-18.33-20.070l-1.403-1.055-0.707-0.522-0.85-0.573c-1.137-0.758-2.294-1.495-3.461-2.212l-0.881-0.532-0.553-0.307-2.109-1.167-0.522-0.297-0.932-0.481-0.584-0.276c-4.157-2.017-8.479-3.707-12.892-4.946-8.827-2.478-17.91-3.328-26.604-2.847-8.704 0.512-17.101 2.191-24.924 4.977-7.844 2.734-15.155 6.461-21.852 10.988-13.373 8.991-24.474 21.484-30.945 36.588-0.829 1.864-1.485 3.82-2.191 5.734-0.358 1.147-0.696 2.304-1.024 3.461l-0.471 1.731-0.113 0.43-0.051 0.256-0.113 0.492-0.43 1.956-0.113 0.492-0.195 0.963-0.020 0.061-0.031 0.123-0.113 0.471-0.195 0.952-0.307 0.993c-0.799 2.642-2.007 5.519-3.564 8.438-3.103 5.847-7.188 11.786-11.182 17.070-3.994 5.315-7.885 10.086-11.151 14.070-3.267 3.994-5.908 7.219-7.66 9.431-0.85 1.106-1.516 1.956-1.956 2.529-0.215 0.297-0.348 0.502-0.399 0.604-0.051 0.113-0.174 0.225-0.154 0.215l14.961 24.945z" />
|
|
19
|
+
</font></defs></svg>
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/* ========================================================================
|
|
2
|
+
* http://styleguide.bookingsync.com/javascript/#forms
|
|
3
|
+
* ========================================================================
|
|
4
|
+
* Copyright 2015 BookingSync SAS.
|
|
5
|
+
* Licensed under MIT (https://github.com/BookingSync/styleguide/blob/master/LICENSE)
|
|
6
|
+
* ======================================================================== */
|
|
7
|
+
|
|
8
|
+
+function ($) {
|
|
9
|
+
'use strict';
|
|
10
|
+
|
|
11
|
+
$('.form-group .form-control').each(function (index, e) {
|
|
12
|
+
if ($(e).val() !== '') {
|
|
13
|
+
$(e).parents('.form-group').addClass('filled');
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
$('.checkbox input[type="checkbox"][disabled]').each(function (index, e) {
|
|
17
|
+
$(e).parents('.checkbox').addClass('disabled');
|
|
18
|
+
});
|
|
19
|
+
$('.radio input[type="radio"][disabled]').each(function (index, e) {
|
|
20
|
+
$(e).parents('.radio').addClass('disabled');
|
|
21
|
+
});
|
|
22
|
+
$('.form-group .form-control[disabled]').each(function (index, e) {
|
|
23
|
+
$(e).parents('.form-group').addClass('disabled');
|
|
24
|
+
});
|
|
25
|
+
$('.form-group .form-control[readonly]').each(function (index, e) {
|
|
26
|
+
$(e).parents('.form-group').addClass('readonly');
|
|
27
|
+
});
|
|
28
|
+
$(document).on('focus', '.form-group .form-control', function (e) {
|
|
29
|
+
$(e.target).parents('.form-group').addClass('focused');
|
|
30
|
+
});
|
|
31
|
+
$(document).on('blur', '.form-group .form-control', function (e) {
|
|
32
|
+
$(e.target).parents('.form-group').removeClass('focused');
|
|
33
|
+
|
|
34
|
+
if ($(e.target).val() === '') {
|
|
35
|
+
$(e.target).parents('.form-group').removeClass('filled');
|
|
36
|
+
} else {
|
|
37
|
+
$(e.target).parents('.form-group').addClass('filled');
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
}(jQuery);
|
|
@@ -0,0 +1,388 @@
|
|
|
1
|
+
/*! ============================================================
|
|
2
|
+
* bootstrapSwitch v1.8 by Larentis Mattia @SpiritualGuru
|
|
3
|
+
* http://www.larentis.eu/
|
|
4
|
+
*
|
|
5
|
+
* Enhanced for radiobuttons by Stein, Peter @BdMdesigN
|
|
6
|
+
* http://www.bdmdesign.org/
|
|
7
|
+
*
|
|
8
|
+
* Tweaked for easier styling by Sebastien Grosjean, @SebGrosjean
|
|
9
|
+
* http://www.github.com/zencocoon
|
|
10
|
+
* 2015-08-31
|
|
11
|
+
*
|
|
12
|
+
* Project site:
|
|
13
|
+
* http://www.larentis.eu/switch/
|
|
14
|
+
* ============================================================
|
|
15
|
+
* Licensed under the Apache License, Version 2.0
|
|
16
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
17
|
+
* ============================================================ */
|
|
18
|
+
|
|
19
|
+
!function ($) {
|
|
20
|
+
"use strict";
|
|
21
|
+
|
|
22
|
+
$.fn['bootstrapSwitch'] = function (method) {
|
|
23
|
+
var inputSelector = 'input[type!="hidden"]';
|
|
24
|
+
var methods = {
|
|
25
|
+
init: function () {
|
|
26
|
+
return this.each(function () {
|
|
27
|
+
var $element = $(this)
|
|
28
|
+
, $div
|
|
29
|
+
, $switchLeft
|
|
30
|
+
, $switchRight
|
|
31
|
+
, $label
|
|
32
|
+
, $form = $element.closest('form')
|
|
33
|
+
, myClasses = ""
|
|
34
|
+
, classes = $element.attr('class')
|
|
35
|
+
, color
|
|
36
|
+
, moving
|
|
37
|
+
, onLabel = "ON"
|
|
38
|
+
, offLabel = "OFF"
|
|
39
|
+
, icon = false
|
|
40
|
+
, textLabel = false;
|
|
41
|
+
|
|
42
|
+
$.each(['switch-mini', 'switch-small', 'switch-large'], function (i, el) {
|
|
43
|
+
if (classes.indexOf(el) >= 0)
|
|
44
|
+
myClasses = el;
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
$element.addClass('has-switch');
|
|
48
|
+
|
|
49
|
+
if ($element.data('on') !== undefined)
|
|
50
|
+
color = "switch-" + $element.data('on');
|
|
51
|
+
|
|
52
|
+
if ($element.data('on-label') !== undefined)
|
|
53
|
+
onLabel = $element.data('on-label');
|
|
54
|
+
|
|
55
|
+
if ($element.data('off-label') !== undefined)
|
|
56
|
+
offLabel = $element.data('off-label');
|
|
57
|
+
|
|
58
|
+
if ($element.data('label-icon') !== undefined)
|
|
59
|
+
icon = $element.data('label-icon');
|
|
60
|
+
|
|
61
|
+
if ($element.data('text-label') !== undefined)
|
|
62
|
+
textLabel = $element.data('text-label');
|
|
63
|
+
|
|
64
|
+
$switchLeft = $('<span>')
|
|
65
|
+
.addClass("switch-left")
|
|
66
|
+
.addClass(myClasses)
|
|
67
|
+
.addClass(color)
|
|
68
|
+
.html(onLabel);
|
|
69
|
+
|
|
70
|
+
color = '';
|
|
71
|
+
if ($element.data('off') !== undefined)
|
|
72
|
+
color = "switch-" + $element.data('off');
|
|
73
|
+
|
|
74
|
+
$switchRight = $('<span>')
|
|
75
|
+
.addClass("switch-right")
|
|
76
|
+
.addClass(myClasses)
|
|
77
|
+
.addClass(color)
|
|
78
|
+
.html(offLabel);
|
|
79
|
+
|
|
80
|
+
$label = $('<label>')
|
|
81
|
+
.html(" ")
|
|
82
|
+
.addClass(myClasses)
|
|
83
|
+
.attr('for', $element.find(inputSelector).attr('id'));
|
|
84
|
+
|
|
85
|
+
if (icon) {
|
|
86
|
+
$label.html('<i class="icon ' + icon + '"></i>');
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (textLabel) {
|
|
90
|
+
$label.html('' + textLabel + '');
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
$div = $element.find(inputSelector).wrap($('<div>')).parent().data('animated', false);
|
|
94
|
+
|
|
95
|
+
if ($element.data('animated') !== false)
|
|
96
|
+
$div.addClass('switch-animate').data('animated', true);
|
|
97
|
+
|
|
98
|
+
$div
|
|
99
|
+
.append($switchLeft)
|
|
100
|
+
.append($label)
|
|
101
|
+
.append($switchRight);
|
|
102
|
+
|
|
103
|
+
$element.addClass(
|
|
104
|
+
$element.find(inputSelector).is(':checked') ? 'switch-on' : 'switch-off'
|
|
105
|
+
);
|
|
106
|
+
|
|
107
|
+
if ($element.find(inputSelector).is(':disabled'))
|
|
108
|
+
$(this).addClass('deactivate');
|
|
109
|
+
|
|
110
|
+
var changeStatus = function ($this) {
|
|
111
|
+
if ($element.parent('label').is('.label-change-switch')) {
|
|
112
|
+
|
|
113
|
+
} else {
|
|
114
|
+
$this.siblings('label').trigger('mousedown').trigger('mouseup').trigger('click');
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
$element.on('keydown', function (e) {
|
|
119
|
+
if (e.keyCode === 32) {
|
|
120
|
+
e.stopImmediatePropagation();
|
|
121
|
+
e.preventDefault();
|
|
122
|
+
changeStatus($(e.target).find('span:first'));
|
|
123
|
+
}
|
|
124
|
+
});
|
|
125
|
+
|
|
126
|
+
$switchLeft.on('click', function (e) {
|
|
127
|
+
changeStatus($(this));
|
|
128
|
+
});
|
|
129
|
+
|
|
130
|
+
$switchRight.on('click', function (e) {
|
|
131
|
+
changeStatus($(this));
|
|
132
|
+
});
|
|
133
|
+
|
|
134
|
+
$element.find(inputSelector).on('change', function (e, skipOnChange) {
|
|
135
|
+
var $this = $(this)
|
|
136
|
+
, $div = $this.parent()
|
|
137
|
+
, $element = $div.parent()
|
|
138
|
+
, thisState = $this.is(':checked')
|
|
139
|
+
, state = $element.is('.switch-off');
|
|
140
|
+
|
|
141
|
+
e.preventDefault();
|
|
142
|
+
|
|
143
|
+
$div.css('left', '');
|
|
144
|
+
|
|
145
|
+
if (state === thisState) {
|
|
146
|
+
|
|
147
|
+
if (thisState)
|
|
148
|
+
$element.removeClass('switch-off').addClass('switch-on');
|
|
149
|
+
else $element.removeClass('switch-on').addClass('switch-off');
|
|
150
|
+
|
|
151
|
+
if ($div.data('animated') !== false)
|
|
152
|
+
$div.addClass("switch-animate");
|
|
153
|
+
|
|
154
|
+
if (typeof skipOnChange === 'boolean' && skipOnChange)
|
|
155
|
+
return;
|
|
156
|
+
|
|
157
|
+
$element.trigger('switch-change', {'el': $this, 'value': thisState})
|
|
158
|
+
}
|
|
159
|
+
});
|
|
160
|
+
|
|
161
|
+
$element.find('label').on('mousedown touchstart', function (e) {
|
|
162
|
+
var $this = $(this);
|
|
163
|
+
moving = false;
|
|
164
|
+
|
|
165
|
+
e.preventDefault();
|
|
166
|
+
e.stopImmediatePropagation();
|
|
167
|
+
|
|
168
|
+
$this.closest('div').removeClass('switch-animate');
|
|
169
|
+
|
|
170
|
+
if ($this.closest('.has-switch').is('.deactivate')) {
|
|
171
|
+
$this.unbind('click');
|
|
172
|
+
} else if ($this.closest('.switch-on').is('.radio-no-uncheck')) {
|
|
173
|
+
$this.unbind('click');
|
|
174
|
+
} else {
|
|
175
|
+
$this.on('mousemove touchmove', function (e) {
|
|
176
|
+
var $element = $(this).closest('.make-switch')
|
|
177
|
+
, relativeX = (e.pageX || e.originalEvent.targetTouches[0].pageX) - $element.offset().left
|
|
178
|
+
, percent = (relativeX / $element.width()) * 100
|
|
179
|
+
, left = 25
|
|
180
|
+
, right = 75;
|
|
181
|
+
|
|
182
|
+
moving = true;
|
|
183
|
+
|
|
184
|
+
if (percent < left)
|
|
185
|
+
percent = left;
|
|
186
|
+
else if (percent > right)
|
|
187
|
+
percent = right;
|
|
188
|
+
|
|
189
|
+
$element.find('>div').css('left', (percent - right) + "%")
|
|
190
|
+
});
|
|
191
|
+
|
|
192
|
+
$this.on('click touchend', function (e) {
|
|
193
|
+
var $this = $(this)
|
|
194
|
+
, $target = $(e.target)
|
|
195
|
+
, $myRadioCheckBox = $target.siblings('input');
|
|
196
|
+
|
|
197
|
+
e.stopImmediatePropagation();
|
|
198
|
+
e.preventDefault();
|
|
199
|
+
|
|
200
|
+
$this.unbind('mouseleave');
|
|
201
|
+
|
|
202
|
+
if (moving)
|
|
203
|
+
$myRadioCheckBox.prop('checked', !(parseInt($this.parent().css('left')) < -25));
|
|
204
|
+
else
|
|
205
|
+
$myRadioCheckBox.prop("checked", !$myRadioCheckBox.is(":checked"));
|
|
206
|
+
|
|
207
|
+
moving = false;
|
|
208
|
+
$myRadioCheckBox.trigger('change');
|
|
209
|
+
});
|
|
210
|
+
|
|
211
|
+
$this.on('mouseleave', function (e) {
|
|
212
|
+
var $this = $(this)
|
|
213
|
+
, $myInputBox = $this.siblings('input');
|
|
214
|
+
|
|
215
|
+
e.preventDefault();
|
|
216
|
+
e.stopImmediatePropagation();
|
|
217
|
+
|
|
218
|
+
$this.unbind('mouseleave');
|
|
219
|
+
$this.trigger('mouseup');
|
|
220
|
+
|
|
221
|
+
$myInputBox.prop('checked', !(parseInt($this.parent().css('left')) < -25)).trigger('change');
|
|
222
|
+
});
|
|
223
|
+
|
|
224
|
+
$this.on('mouseup', function (e) {
|
|
225
|
+
e.stopImmediatePropagation();
|
|
226
|
+
e.preventDefault();
|
|
227
|
+
|
|
228
|
+
$(this).unbind('mousemove');
|
|
229
|
+
});
|
|
230
|
+
}
|
|
231
|
+
});
|
|
232
|
+
|
|
233
|
+
if ($form.data('bootstrapSwitch') !== 'injected') {
|
|
234
|
+
$form.bind('reset', function () {
|
|
235
|
+
setTimeout(function () {
|
|
236
|
+
$form.find('.make-switch').each(function () {
|
|
237
|
+
var $input = $(this).find(inputSelector);
|
|
238
|
+
|
|
239
|
+
$input.prop('checked', $input.is(':checked')).trigger('change');
|
|
240
|
+
});
|
|
241
|
+
}, 1);
|
|
242
|
+
});
|
|
243
|
+
$form.data('bootstrapSwitch', 'injected');
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
);
|
|
247
|
+
},
|
|
248
|
+
toggleActivation: function () {
|
|
249
|
+
var $this = $(this);
|
|
250
|
+
|
|
251
|
+
$this.toggleClass('deactivate');
|
|
252
|
+
$this.find(inputSelector).prop('disabled', $this.is('.deactivate'));
|
|
253
|
+
},
|
|
254
|
+
isActive: function () {
|
|
255
|
+
return !$(this).hasClass('deactivate');
|
|
256
|
+
},
|
|
257
|
+
setActive: function (active) {
|
|
258
|
+
var $this = $(this);
|
|
259
|
+
|
|
260
|
+
if (active) {
|
|
261
|
+
$this.removeClass('deactivate');
|
|
262
|
+
$this.find(inputSelector).removeAttr('disabled');
|
|
263
|
+
}
|
|
264
|
+
else {
|
|
265
|
+
$this.addClass('deactivate');
|
|
266
|
+
$this.find(inputSelector).attr('disabled', 'disabled');
|
|
267
|
+
}
|
|
268
|
+
},
|
|
269
|
+
toggleState: function (skipOnChange) {
|
|
270
|
+
var $input = $(this).find(':checkbox');
|
|
271
|
+
$input.prop('checked', !$input.is(':checked')).trigger('change', skipOnChange);
|
|
272
|
+
},
|
|
273
|
+
toggleRadioState: function (skipOnChange) {
|
|
274
|
+
var $radioinput = $(this).find(':radio');
|
|
275
|
+
$radioinput.not(':checked').prop('checked', !$radioinput.is(':checked')).trigger('change', skipOnChange);
|
|
276
|
+
},
|
|
277
|
+
toggleRadioStateAllowUncheck: function (uncheck, skipOnChange) {
|
|
278
|
+
var $radioinput = $(this).find(':radio');
|
|
279
|
+
if (uncheck) {
|
|
280
|
+
$radioinput.not(':checked').trigger('change', skipOnChange);
|
|
281
|
+
}
|
|
282
|
+
else {
|
|
283
|
+
$radioinput.not(':checked').prop('checked', !$radioinput.is(':checked')).trigger('change', skipOnChange);
|
|
284
|
+
}
|
|
285
|
+
},
|
|
286
|
+
setState: function (value, skipOnChange) {
|
|
287
|
+
$(this).find(inputSelector).prop('checked', value).trigger('change', skipOnChange);
|
|
288
|
+
},
|
|
289
|
+
setOnLabel: function (value) {
|
|
290
|
+
var $switchLeft = $(this).find(".switch-left");
|
|
291
|
+
$switchLeft.html(value);
|
|
292
|
+
},
|
|
293
|
+
setOffLabel: function (value) {
|
|
294
|
+
var $switchRight = $(this).find(".switch-right");
|
|
295
|
+
$switchRight.html(value);
|
|
296
|
+
},
|
|
297
|
+
setOnClass: function (value) {
|
|
298
|
+
var $switchLeft = $(this).find(".switch-left");
|
|
299
|
+
var color = '';
|
|
300
|
+
if (value !== undefined) {
|
|
301
|
+
if ($(this).attr('data-on') !== undefined) {
|
|
302
|
+
color = "switch-" + $(this).attr('data-on')
|
|
303
|
+
}
|
|
304
|
+
$switchLeft.removeClass(color);
|
|
305
|
+
color = "switch-" + value;
|
|
306
|
+
$switchLeft.addClass(color);
|
|
307
|
+
}
|
|
308
|
+
},
|
|
309
|
+
setOffClass: function (value) {
|
|
310
|
+
var $switchRight = $(this).find(".switch-right");
|
|
311
|
+
var color = '';
|
|
312
|
+
if (value !== undefined) {
|
|
313
|
+
if ($(this).attr('data-off') !== undefined) {
|
|
314
|
+
color = "switch-" + $(this).attr('data-off')
|
|
315
|
+
}
|
|
316
|
+
$switchRight.removeClass(color);
|
|
317
|
+
color = "switch-" + value;
|
|
318
|
+
$switchRight.addClass(color);
|
|
319
|
+
}
|
|
320
|
+
},
|
|
321
|
+
setAnimated: function (value) {
|
|
322
|
+
var $element = $(this).find(inputSelector).parent();
|
|
323
|
+
if (value === undefined) value = false;
|
|
324
|
+
$element.data('animated', value);
|
|
325
|
+
$element.attr('data-animated', value);
|
|
326
|
+
|
|
327
|
+
if ($element.data('animated') !== false) {
|
|
328
|
+
$element.addClass("switch-animate");
|
|
329
|
+
} else {
|
|
330
|
+
$element.removeClass("switch-animate");
|
|
331
|
+
}
|
|
332
|
+
},
|
|
333
|
+
setSizeClass: function (value) {
|
|
334
|
+
var $element = $(this);
|
|
335
|
+
var $switchLeft = $element.find(".switch-left");
|
|
336
|
+
var $switchRight = $element.find(".switch-right");
|
|
337
|
+
var $label = $element.find("label");
|
|
338
|
+
$.each(['switch-mini', 'switch-small', 'switch-large'], function (i, el) {
|
|
339
|
+
if (el !== value) {
|
|
340
|
+
$switchLeft.removeClass(el)
|
|
341
|
+
$switchRight.removeClass(el);
|
|
342
|
+
$label.removeClass(el);
|
|
343
|
+
} else {
|
|
344
|
+
$switchLeft.addClass(el);
|
|
345
|
+
$switchRight.addClass(el);
|
|
346
|
+
$label.addClass(el);
|
|
347
|
+
}
|
|
348
|
+
});
|
|
349
|
+
},
|
|
350
|
+
status: function () {
|
|
351
|
+
return $(this).find(inputSelector).is(':checked');
|
|
352
|
+
},
|
|
353
|
+
destroy: function () {
|
|
354
|
+
var $element = $(this)
|
|
355
|
+
, $div = $element.find('div')
|
|
356
|
+
, $form = $element.closest('form')
|
|
357
|
+
, $inputbox;
|
|
358
|
+
|
|
359
|
+
$div.find(':not(input)').remove();
|
|
360
|
+
|
|
361
|
+
$inputbox = $div.children();
|
|
362
|
+
$inputbox.unwrap().unwrap();
|
|
363
|
+
|
|
364
|
+
$inputbox.unbind('change');
|
|
365
|
+
|
|
366
|
+
if ($form) {
|
|
367
|
+
$form.unbind('reset');
|
|
368
|
+
$form.removeData('bootstrapSwitch');
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
return $inputbox;
|
|
372
|
+
}
|
|
373
|
+
};
|
|
374
|
+
|
|
375
|
+
if (methods[method])
|
|
376
|
+
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
|
|
377
|
+
else if (typeof method === 'object' || !method)
|
|
378
|
+
return methods.init.apply(this, arguments);
|
|
379
|
+
else
|
|
380
|
+
$.error('Method ' + method + ' does not exist!');
|
|
381
|
+
};
|
|
382
|
+
}(jQuery);
|
|
383
|
+
|
|
384
|
+
(function ($) {
|
|
385
|
+
$(function () {
|
|
386
|
+
$('.make-switch')['bootstrapSwitch']();
|
|
387
|
+
});
|
|
388
|
+
})(jQuery);
|