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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 152a9ce369650549b515e9ea5b2335d9cd58a751
4
- data.tar.gz: 8663ff5cd4c68d5fab2214dd6a9a92135a1deee2
3
+ metadata.gz: a19f08fa81f8ce228847375d91af8a159fb9a60b
4
+ data.tar.gz: 5a41c27af8118c72def9e31dd9e27e657af3c435
5
5
  SHA512:
6
- metadata.gz: 548be36ac2d1e79e6c7ea2d0245cd197a96565e1d257afa7d97738e0ee53a8d7205acd0444529c6e0bbd4f34d6d0647e7957de03415470d558b876a42c0ad241
7
- data.tar.gz: 871317b9f80ba08da282655015b31ea908b6d68b9d04b24d5775adb70e50d967d18f06b803a24e0141d140d34be13d8aa1980932f020d3c4a6beebef0a228fb3
6
+ metadata.gz: 7d515dde9baebb7f9392b005b6cec9fd67959b9538f2729ca9005ddbb23a1c4ff61e8ebf5813182a03fe0608c6b8ca69b5b2ea10c44ca452ecbbd7c411040dc8
7
+ data.tar.gz: 2cca0c76c126916c0ed4fb0650e51a8f16c0ea3dc6a9900f605ffbe58696ee0b8df09d332cc8b31e117c97b419f3e86a9d3c5ecca658662d516ccdcc331a3b1d
@@ -10,9 +10,10 @@ var fFeedbackFormOnScroll;
10
10
  // =[ implementation ]=====================================================================================================================
11
11
 
12
12
  $(function () {
13
- if ($("body#contacts").length == 1) {
14
13
 
15
- $formHolder = $("div#ff");
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: rgba(51, 122, 183, .03);
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 { display: none; }
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
- <%= f.text_field :name, class: 'form-control' %>
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
- <%= f.text_field :email_or_phone, class: 'form-control' %>
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
- <%= f.text_area :comment, class: 'form-control', :rows => "4" %>
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
 
@@ -1,3 +1,3 @@
1
1
  module C80FeedbackForm
2
- VERSION = "0.1.0.4"
2
+ VERSION = "0.1.0.5"
3
3
  end
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
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