rails_tokeninput 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,122 @@
1
+ /* Example tokeninput style #2: Facebook style */
2
+ ul.token-input-list-facebook {
3
+ overflow: hidden;
4
+ height: auto !important;
5
+ height: 1%;
6
+ width: 400px;
7
+ border: 1px solid #8496ba;
8
+ cursor: text;
9
+ font-size: 12px;
10
+ font-family: Verdana;
11
+ min-height: 1px;
12
+ z-index: 999;
13
+ margin: 0;
14
+ padding: 0;
15
+ background-color: #fff;
16
+ list-style-type: none;
17
+ clear: left;
18
+ }
19
+
20
+ ul.token-input-list-facebook li input {
21
+ border: 0;
22
+ width: 100px;
23
+ padding: 3px 8px;
24
+ background-color: white;
25
+ margin: 2px 0;
26
+ -webkit-appearance: caret;
27
+ }
28
+
29
+ li.token-input-token-facebook {
30
+ overflow: hidden;
31
+ height: auto !important;
32
+ height: 15px;
33
+ margin: 3px;
34
+ padding: 1px 3px;
35
+ background-color: #eff2f7;
36
+ color: #000;
37
+ cursor: default;
38
+ border: 1px solid #ccd5e4;
39
+ font-size: 11px;
40
+ border-radius: 5px;
41
+ -moz-border-radius: 5px;
42
+ -webkit-border-radius: 5px;
43
+ float: left;
44
+ white-space: nowrap;
45
+ }
46
+
47
+ li.token-input-token-facebook p {
48
+ display: inline;
49
+ padding: 0;
50
+ margin: 0;
51
+ }
52
+
53
+ li.token-input-token-facebook span {
54
+ color: #a6b3cf;
55
+ margin-left: 5px;
56
+ font-weight: bold;
57
+ cursor: pointer;
58
+ }
59
+
60
+ li.token-input-selected-token-facebook {
61
+ background-color: #5670a6;
62
+ border: 1px solid #3b5998;
63
+ color: #fff;
64
+ }
65
+
66
+ li.token-input-input-token-facebook {
67
+ float: left;
68
+ margin: 0;
69
+ padding: 0;
70
+ list-style-type: none;
71
+ }
72
+
73
+ div.token-input-dropdown-facebook {
74
+ position: absolute;
75
+ width: 400px;
76
+ background-color: #fff;
77
+ overflow: hidden;
78
+ border-left: 1px solid #ccc;
79
+ border-right: 1px solid #ccc;
80
+ border-bottom: 1px solid #ccc;
81
+ cursor: default;
82
+ font-size: 11px;
83
+ font-family: Verdana;
84
+ z-index: 1;
85
+ }
86
+
87
+ div.token-input-dropdown-facebook p {
88
+ margin: 0;
89
+ padding: 5px;
90
+ font-weight: bold;
91
+ color: #777;
92
+ }
93
+
94
+ div.token-input-dropdown-facebook ul {
95
+ margin: 0;
96
+ padding: 0;
97
+ }
98
+
99
+ div.token-input-dropdown-facebook ul li {
100
+ background-color: #fff;
101
+ padding: 3px;
102
+ margin: 0;
103
+ list-style-type: none;
104
+ }
105
+
106
+ div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
107
+ background-color: #fff;
108
+ }
109
+
110
+ div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
111
+ background-color: #fff;
112
+ }
113
+
114
+ div.token-input-dropdown-facebook ul li em {
115
+ font-weight: bold;
116
+ font-style: normal;
117
+ }
118
+
119
+ div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
120
+ background-color: #3b5998;
121
+ color: #fff;
122
+ }
@@ -0,0 +1,204 @@
1
+ /* Example tokeninput style #2: Mac Style */
2
+ fieldset.token-input-mac {
3
+ position: relative;
4
+ padding: 0;
5
+ margin: 5px 0;
6
+ background: #fff;
7
+ width: 400px;
8
+ border: 1px solid #A4BDEC;
9
+ border-radius: 10px;
10
+ -moz-border-radius: 10px;
11
+ -webkit-border-radius: 10px;
12
+ }
13
+
14
+ fieldset.token-input-mac.token-input-dropdown-mac {
15
+ border-radius: 10px 10px 0 0;
16
+ -moz-border-radius: 10px 10px 0 0;
17
+ -webkit-border-radius: 10px 10px 0 0;
18
+ box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
19
+ -moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
20
+ -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
21
+ }
22
+
23
+ ul.token-input-list-mac {
24
+ overflow: hidden;
25
+ height: auto !important;
26
+ height: 1%;
27
+ cursor: text;
28
+ font-size: 12px;
29
+ font-family: Verdana;
30
+ min-height: 1px;
31
+ z-index: 999;
32
+ margin: 0;
33
+ padding: 3px;
34
+ background: transparent;
35
+ }
36
+
37
+ ul.token-input-list-mac.error {
38
+ border: 1px solid #C52020;
39
+ }
40
+
41
+ ul.token-input-list-mac li {
42
+ list-style-type: none;
43
+ }
44
+
45
+ li.token-input-token-mac p {
46
+ display: inline;
47
+ padding: 0;
48
+ margin: 0;
49
+ }
50
+
51
+ li.token-input-token-mac span {
52
+ color: #a6b3cf;
53
+ margin-left: 5px;
54
+ font-weight: bold;
55
+ cursor: pointer;
56
+ }
57
+
58
+ /* TOKENS */
59
+
60
+ li.token-input-token-mac {
61
+ font-family: "Lucida Grande", Arial, serif;
62
+ font-size: 9pt;
63
+ line-height: 12pt;
64
+ overflow: hidden;
65
+ height: 16px;
66
+ margin: 3px;
67
+ padding: 0 10px;
68
+ background: none;
69
+ background-color: #dee7f8;
70
+ color: #000;
71
+ cursor: default;
72
+ border: 1px solid #a4bdec;
73
+ border-radius: 15px;
74
+ -moz-border-radius: 15px;
75
+ -webkit-border-radius: 15px;
76
+ float: left;
77
+ }
78
+
79
+ li.token-input-highlighted-token-mac {
80
+ background-color: #bbcef1;
81
+ border: 1px solid #598bec;
82
+ color: #000;
83
+ }
84
+
85
+ li.token-input-selected-token-mac {
86
+ background-color: #598bec;
87
+ border: 1px solid transparent;
88
+ color: #fff;
89
+ }
90
+
91
+ li.token-input-highlighted-token-mac span.token-input-delete-token-mac {
92
+ color: #000;
93
+ }
94
+
95
+ li.token-input-selected-token-mac span.token-input-delete-token-mac {
96
+ color: #fff;
97
+ }
98
+
99
+ li.token-input-input-token-mac {
100
+ border: none;
101
+ background: transparent;
102
+ float: left;
103
+ padding: 0;
104
+ margin: 0;
105
+ }
106
+
107
+ li.token-input-input-token-mac input {
108
+ border: 0;
109
+ width: 100px;
110
+ padding: 3px;
111
+ background-color: transparent;
112
+ margin: 0;
113
+ }
114
+
115
+ div.token-input-dropdown-mac {
116
+ position: absolute;
117
+ border: 1px solid #A4BDEC;
118
+ border-top: none;
119
+ left: -1px;
120
+ right: -1px;
121
+ background-color: #fff;
122
+ overflow: hidden;
123
+ cursor: default;
124
+ font-size: 10pt;
125
+ font-family: "Lucida Grande", Arial, serif;
126
+ padding: 5px;
127
+ border-radius: 0 0 10px 10px;
128
+ -moz-border-radius: 0 0 10px 10px;
129
+ -webkit-border-radius: 0 0 10px 10px;
130
+ box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
131
+ -moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
132
+ -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
133
+ clip:rect(0px, 1000px, 1000px, -10px);
134
+ }
135
+
136
+ div.token-input-dropdown-mac p {
137
+ font-size: 8pt;
138
+ margin: 0;
139
+ padding: 0 5px;
140
+ font-style: italic;
141
+ color: #aaa;
142
+ }
143
+
144
+ div.token-input-dropdown-mac h3.token-input-dropdown-category-mac {
145
+ font-family: "Lucida Grande", Arial, serif;
146
+ font-size: 10pt;
147
+ font-weight: bold;
148
+ border: none;
149
+ padding: 0 5px;
150
+ margin: 0;
151
+ }
152
+
153
+ div.token-input-dropdown-mac ul {
154
+ margin: 0;
155
+ padding: 0;
156
+ }
157
+
158
+ div.token-input-dropdown-mac ul li {
159
+ list-style-type: none;
160
+ cursor: pointer;
161
+ background: none;
162
+ background-color: #fff;
163
+ margin: 0;
164
+ padding: 0 0 0 25px;
165
+ }
166
+
167
+ div.token-input-dropdown-mac ul li.token-input-dropdown-item-mac {
168
+ background-color: #fff;
169
+ }
170
+
171
+ div.token-input-dropdown-mac ul li.token-input-dropdown-item-mac.odd {
172
+ background-color: #ECF4F9;
173
+ border-radius: 15px;
174
+ -moz-border-radius: 15px;
175
+ -webkit-border-radius: 15px;
176
+ }
177
+
178
+ div.token-input-dropdown-mac ul li.token-input-dropdown-item-mac span.token-input-dropdown-item-description-mac {
179
+ float: right;
180
+ font-size: 8pt;
181
+ font-style: italic;
182
+ padding: 0 10px 0 0;
183
+ color: #999;
184
+ }
185
+
186
+ div.token-input-dropdown-mac ul li strong {
187
+ font-weight: bold;
188
+ text-decoration: underline;
189
+ font-style: none;
190
+ }
191
+
192
+ div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac,
193
+ div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac.odd {
194
+ background-color: #598bec;
195
+ color: #fff;
196
+ border-radius: 15px;
197
+ -moz-border-radius: 15px;
198
+ -webkit-border-radius: 15px;
199
+ }
200
+
201
+ div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac span.token-input-dropdown-item-description-mac,
202
+ div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac.odd span.token-input-dropdown-item-description-mac {
203
+ color: #fff;
204
+ }
@@ -0,0 +1,113 @@
1
+ /* Example tokeninput style #1: Token vertical list*/
2
+ ul.token-input-list {
3
+ overflow: hidden;
4
+ height: auto !important;
5
+ height: 1%;
6
+ width: 400px;
7
+ border: 1px solid #999;
8
+ cursor: text;
9
+ font-size: 12px;
10
+ font-family: Verdana;
11
+ z-index: 999;
12
+ margin: 0;
13
+ padding: 0;
14
+ background-color: #fff;
15
+ list-style-type: none;
16
+ clear: left;
17
+ }
18
+
19
+ ul.token-input-list li {
20
+ list-style-type: none;
21
+ }
22
+
23
+ ul.token-input-list li input {
24
+ border: 0;
25
+ width: 350px;
26
+ padding: 3px 8px;
27
+ background-color: white;
28
+ -webkit-appearance: caret;
29
+ }
30
+
31
+ li.token-input-token {
32
+ overflow: hidden;
33
+ height: auto !important;
34
+ height: 1%;
35
+ margin: 3px;
36
+ padding: 3px 5px;
37
+ background-color: #d0efa0;
38
+ color: #000;
39
+ font-weight: bold;
40
+ cursor: default;
41
+ display: block;
42
+ }
43
+
44
+ li.token-input-token p {
45
+ float: left;
46
+ padding: 0;
47
+ margin: 0;
48
+ }
49
+
50
+ li.token-input-token span {
51
+ float: right;
52
+ color: #777;
53
+ cursor: pointer;
54
+ }
55
+
56
+ li.token-input-selected-token {
57
+ background-color: #08844e;
58
+ color: #fff;
59
+ }
60
+
61
+ li.token-input-selected-token span {
62
+ color: #bbb;
63
+ }
64
+
65
+ div.token-input-dropdown {
66
+ position: absolute;
67
+ width: 400px;
68
+ background-color: #fff;
69
+ overflow: hidden;
70
+ border-left: 1px solid #ccc;
71
+ border-right: 1px solid #ccc;
72
+ border-bottom: 1px solid #ccc;
73
+ cursor: default;
74
+ font-size: 12px;
75
+ font-family: Verdana;
76
+ z-index: 1;
77
+ }
78
+
79
+ div.token-input-dropdown p {
80
+ margin: 0;
81
+ padding: 5px;
82
+ font-weight: bold;
83
+ color: #777;
84
+ }
85
+
86
+ div.token-input-dropdown ul {
87
+ margin: 0;
88
+ padding: 0;
89
+ }
90
+
91
+ div.token-input-dropdown ul li {
92
+ background-color: #fff;
93
+ padding: 3px;
94
+ list-style-type: none;
95
+ }
96
+
97
+ div.token-input-dropdown ul li.token-input-dropdown-item {
98
+ background-color: #fafafa;
99
+ }
100
+
101
+ div.token-input-dropdown ul li.token-input-dropdown-item2 {
102
+ background-color: #fff;
103
+ }
104
+
105
+ div.token-input-dropdown ul li em {
106
+ font-weight: bold;
107
+ font-style: normal;
108
+ }
109
+
110
+ div.token-input-dropdown ul li.token-input-selected-dropdown-item {
111
+ background-color: #d0efa0;
112
+ }
113
+
metadata ADDED
@@ -0,0 +1,91 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: rails_tokeninput
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1
5
+ prerelease:
6
+ platform: ruby
7
+ authors:
8
+ - Han
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+ date: 2011-12-29 00:00:00.000000000Z
13
+ dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: railties
16
+ requirement: &70117263187140 !ruby/object:Gem::Requirement
17
+ none: false
18
+ requirements:
19
+ - - ! '>='
20
+ - !ruby/object:Gem::Version
21
+ version: 3.1.0
22
+ type: :runtime
23
+ prerelease: false
24
+ version_requirements: *70117263187140
25
+ - !ruby/object:Gem::Dependency
26
+ name: bundler
27
+ requirement: &70117263186560 !ruby/object:Gem::Requirement
28
+ none: false
29
+ requirements:
30
+ - - ~>
31
+ - !ruby/object:Gem::Version
32
+ version: 1.0.0
33
+ type: :development
34
+ prerelease: false
35
+ version_requirements: *70117263186560
36
+ - !ruby/object:Gem::Dependency
37
+ name: rails
38
+ requirement: &70117263185980 !ruby/object:Gem::Requirement
39
+ none: false
40
+ requirements:
41
+ - - ~>
42
+ - !ruby/object:Gem::Version
43
+ version: '3.1'
44
+ type: :development
45
+ prerelease: false
46
+ version_requirements: *70117263185980
47
+ description: Gem installation of jquery tokeninput scripts and stylesheets
48
+ email:
49
+ - han@logicallsat.com
50
+ executables: []
51
+ extensions: []
52
+ extra_rdoc_files: []
53
+ files:
54
+ - .gitignore
55
+ - Gemfile
56
+ - Rakefile
57
+ - lib/rails_tokeninput.rb
58
+ - lib/rails_tokeninput/engine.rb
59
+ - lib/rails_tokeninput/version.rb
60
+ - rails_tokeninput.gemspec
61
+ - vendor/assets/javascripts/jquery.tokeninput.js
62
+ - vendor/assets/stylesheets/token-input-facebook.css
63
+ - vendor/assets/stylesheets/token-input-mac.css
64
+ - vendor/assets/stylesheets/token-input.css
65
+ homepage: ''
66
+ licenses: []
67
+ post_install_message:
68
+ rdoc_options: []
69
+ require_paths:
70
+ - lib
71
+ - vendor
72
+ required_ruby_version: !ruby/object:Gem::Requirement
73
+ none: false
74
+ requirements:
75
+ - - ! '>='
76
+ - !ruby/object:Gem::Version
77
+ version: '0'
78
+ required_rubygems_version: !ruby/object:Gem::Requirement
79
+ none: false
80
+ requirements:
81
+ - - ! '>='
82
+ - !ruby/object:Gem::Version
83
+ version: '0'
84
+ requirements: []
85
+ rubyforge_project: rails_tokeninput
86
+ rubygems_version: 1.8.6
87
+ signing_key:
88
+ specification_version: 3
89
+ summary: Jquery Tokeninput automated install for Rails 3.1+
90
+ test_files: []
91
+ has_rdoc: