c80_feedback_form 0.1.0.4 → 0.1.0.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/images/stripe.png +0 -0
- data/app/assets/javascripts/frontend/feedback-form-ajax.js +3 -2
- data/app/assets/stylesheets/frontend/_contacts.scss +124 -3
- data/app/views/c80_feedback_form/site/give_me_form.js.erb +6 -0
- data/app/views/c80_feedback_form/site/shared/_feedback_form.html.erb +3 -3
- data/lib/c80_feedback_form/version.rb +1 -1
- metadata +2 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: a19f08fa81f8ce228847375d91af8a159fb9a60b
|
4
|
+
data.tar.gz: 5a41c27af8118c72def9e31dd9e27e657af3c435
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 7d515dde9baebb7f9392b005b6cec9fd67959b9538f2729ca9005ddbb23a1c4ff61e8ebf5813182a03fe0608c6b8ca69b5b2ea10c44ca452ecbbd7c411040dc8
|
7
|
+
data.tar.gz: 2cca0c76c126916c0ed4fb0650e51a8f16c0ea3dc6a9900f605ffbe58696ee0b8df09d332cc8b31e117c97b419f3e86a9d3c5ecca658662d516ccdcc331a3b1d
|
Binary file
|
@@ -10,9 +10,10 @@ var fFeedbackFormOnScroll;
|
|
10
10
|
// =[ implementation ]=====================================================================================================================
|
11
11
|
|
12
12
|
$(function () {
|
13
|
-
if ($("body#contacts").length == 1) {
|
14
13
|
|
15
|
-
|
14
|
+
$formHolder = $("div#ff");
|
15
|
+
|
16
|
+
if ($("body#contacts").length == 1 || $formHolder.length == 1) {
|
16
17
|
|
17
18
|
fFeedbackFormInvalidate = function () {
|
18
19
|
if (!markInvalidateInProgress) {
|
@@ -1,9 +1,10 @@
|
|
1
1
|
|
2
2
|
#ff {
|
3
3
|
margin: 0;
|
4
|
-
background-color:
|
4
|
+
background-color: transparent;
|
5
5
|
min-height: 300px;
|
6
6
|
position: relative;
|
7
|
+
* { &:focus { outline: none !important; } }
|
7
8
|
|
8
9
|
#loading {
|
9
10
|
position: absolute;
|
@@ -25,7 +26,8 @@
|
|
25
26
|
|
26
27
|
}
|
27
28
|
|
28
|
-
#feedback_form {
|
29
|
+
div#feedback_form { /* NOTE:: получается, на странице может быть только одна такая форма */
|
30
|
+
|
29
31
|
.modal-dialog {
|
30
32
|
width: auto;
|
31
33
|
margin: 0 0 0 -15px;
|
@@ -33,6 +35,123 @@
|
|
33
35
|
.modal-content {
|
34
36
|
box-shadow: none;
|
35
37
|
border: none;
|
38
|
+
/*background-color: transparent;*/
|
39
|
+
|
40
|
+
div.modal-header {
|
41
|
+
|
42
|
+
}
|
43
|
+
|
44
|
+
div.modal-body {
|
45
|
+
|
46
|
+
div.form-group {
|
47
|
+
margin-bottom: 25px;
|
48
|
+
|
49
|
+
label {
|
50
|
+
|
51
|
+
}
|
52
|
+
|
53
|
+
.input_wrapper {
|
54
|
+
|
55
|
+
position: relative;
|
56
|
+
|
57
|
+
&:after {
|
58
|
+
content: "";
|
59
|
+
background: transparent url(image_path('stripe.png')) repeat 0 0; /*NOTE:: можно переопределить в custom классах */
|
60
|
+
opacity: 0.1;
|
61
|
+
top: 0;
|
62
|
+
left: 0;
|
63
|
+
bottom: 0;
|
64
|
+
right: 0;
|
65
|
+
position: absolute;
|
66
|
+
z-index: 0;
|
67
|
+
}
|
68
|
+
|
69
|
+
.form-control {
|
70
|
+
position: relative;
|
71
|
+
z-index: 1;
|
72
|
+
|
73
|
+
/*transition: border-color ease-in-out 0.55s,
|
74
|
+
box-shadow ease-in-out 0.55s,
|
75
|
+
color ease-out 0.35s,
|
76
|
+
background-color ease-in-out 0.55s;
|
77
|
+
-webkit-transition: border-color ease-in-out 0.55s,
|
78
|
+
box-shadow ease-in-out 0.55s,
|
79
|
+
color ease-out 0.35s,
|
80
|
+
background-color ease-in-out 0.55s;*/
|
81
|
+
|
82
|
+
&:focus {
|
83
|
+
/*background-color: rgba(255,255,255,0.13);
|
84
|
+
color: #4dffff;
|
85
|
+
text-shadow: 0 0 7px rgba(0, 108, 255, 0.63);
|
86
|
+
border: #ffc702 1px solid;
|
87
|
+
font-weight: 100 !important;
|
88
|
+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(102, 223, 233, 0.7);
|
89
|
+
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(102, 223, 233, 0.7);*/
|
90
|
+
}
|
91
|
+
|
92
|
+
}
|
93
|
+
|
94
|
+
}
|
95
|
+
|
96
|
+
textarea {
|
97
|
+
|
98
|
+
}
|
99
|
+
|
100
|
+
.help-block {
|
101
|
+
padding-left: 0 !important;
|
102
|
+
position: absolute;
|
103
|
+
text-align: right;
|
104
|
+
padding-right: 32px;
|
105
|
+
color: #afff62;
|
106
|
+
}
|
107
|
+
|
108
|
+
&.has-error {
|
109
|
+
|
110
|
+
.help-block {
|
111
|
+
/*color: #ff7f7c;*/
|
112
|
+
}
|
113
|
+
|
114
|
+
}
|
115
|
+
|
116
|
+
}
|
117
|
+
|
118
|
+
div.actions {
|
119
|
+
margin-top: 15px;
|
120
|
+
|
121
|
+
input.btn {
|
122
|
+
margin: 0 auto;
|
123
|
+
display: block;
|
124
|
+
font-size: 18px;
|
125
|
+
width: 400px;
|
126
|
+
height: 60px;
|
127
|
+
text-transform: uppercase;
|
128
|
+
border-width: 0;
|
129
|
+
/*border-radius: 0;*/
|
130
|
+
/*@include frankRegular(15px);*/
|
131
|
+
|
132
|
+
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16), 0 2px 2px rgba(0, 0, 0, 0.23);
|
133
|
+
background-image: linear-gradient(to right, #5bb7c9, #468b99);
|
134
|
+
background: -webkit-gradient(linear, left top, right top, from(#5bb7c9), to(#468b99));
|
135
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bb7c9', endColorstr='#468b99', GradientType=1);
|
136
|
+
|
137
|
+
-webkit-transition: all .4s ease-out;
|
138
|
+
-moz-transition: all .4s ease-out;
|
139
|
+
-ms-transition: all .4s ease-out;
|
140
|
+
-o-transition: all .4s ease-out;
|
141
|
+
transition: all .4s ease-out;
|
142
|
+
|
143
|
+
&:focus, &:hover {
|
144
|
+
background-image: linear-gradient(to right, #69d3e8, #468b99);
|
145
|
+
background: -webkit-gradient(linear, left top, right top, from(#69d3e8), to(#468b99));
|
146
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69d3e8', endColorstr='#468b99', GradientType=1);
|
147
|
+
}
|
148
|
+
|
149
|
+
}
|
150
|
+
|
151
|
+
}
|
152
|
+
|
153
|
+
}
|
154
|
+
|
36
155
|
}
|
37
156
|
|
38
157
|
}
|
@@ -40,5 +159,7 @@
|
|
40
159
|
|
41
160
|
}
|
42
161
|
|
43
|
-
.kapcha {
|
162
|
+
.kapcha {
|
163
|
+
display: none;
|
164
|
+
}
|
44
165
|
|
@@ -5,6 +5,12 @@ setTimeout(function () {
|
|
5
5
|
$('#loading').addClass('invis');
|
6
6
|
setTimeout(function () {
|
7
7
|
$cc.html(html_str);
|
8
|
+
|
9
|
+
// перед показом можно переопределить надпись на кнопке
|
10
|
+
if ($cc.data('button-label') != undefined) {
|
11
|
+
$cc.find('[type=submit]').attr('value', $cc.data('button-label'));
|
12
|
+
}
|
13
|
+
|
8
14
|
},500);
|
9
15
|
},1000);
|
10
16
|
|
@@ -21,13 +21,13 @@
|
|
21
21
|
|
22
22
|
<div class="form-group clearfix">
|
23
23
|
<%= f.label :name, "Имя", class: 'control-label must' %>
|
24
|
-
|
24
|
+
<div class="input_wrapper"><%= f.text_field :name, class: 'form-control' %></div>
|
25
25
|
<span class="help-block col-md-12"></span>
|
26
26
|
</div>
|
27
27
|
|
28
28
|
<div class="form-group clearfix">
|
29
29
|
<%= f.label :email_or_phone, "Email или телефон", class: 'control-label must' %>
|
30
|
-
|
30
|
+
<div class="input_wrapper"><%= f.text_field :email_or_phone, class: 'form-control' %></div>
|
31
31
|
<span class="help-block col-md-12"></span>
|
32
32
|
</div>
|
33
33
|
|
@@ -39,7 +39,7 @@
|
|
39
39
|
|
40
40
|
<div class="form-group clearfix" style="margin-bottom: 0;">
|
41
41
|
<%= f.label :comment, "Сообщение", class: 'control-label' %>
|
42
|
-
|
42
|
+
<div class="input_wrapper"><%= f.text_area :comment, class: 'form-control', :rows => "4" %></div>
|
43
43
|
<span class="help-block col-md-12"></span>
|
44
44
|
</div>
|
45
45
|
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: c80_feedback_form
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.0.
|
4
|
+
version: 0.1.0.5
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- C80609A
|
@@ -74,6 +74,7 @@ files:
|
|
74
74
|
- README.md
|
75
75
|
- Rakefile
|
76
76
|
- app/admin/c80_feedback_form/message_feedbacks.rb
|
77
|
+
- app/assets/images/stripe.png
|
77
78
|
- app/assets/javascripts/c80_feedback_form.js.coffee
|
78
79
|
- app/assets/javascripts/frontend/feedback-form-ajax.js
|
79
80
|
- app/assets/stylesheets/_active_admin_c80_feedback_form.scss
|