c80_feedback_form 0.1.0.4 → 0.1.0.5
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/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
|