c80_estate 0.1.0.12 → 0.1.0.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (47) hide show
  1. checksums.yaml +4 -4
  2. data/app/admin/c80_estate/areas.rb +5 -0
  3. data/app/admin/c80_estate/dashboard.rb +1 -1
  4. data/app/admin/c80_estate/sevents.rb +2 -2
  5. data/app/assets/images/no_thumb.png +0 -0
  6. data/app/assets/images/w227x182px.gif +0 -0
  7. data/app/assets/images/w621x377.gif +0 -0
  8. data/app/assets/javascript/c80_estate/backend/admin/shared/areas/_area_show_common.js +21 -0
  9. data/app/assets/javascript/c80_estate/backend/admin/shared/areas/area_show.js +352 -0
  10. data/app/assets/javascript/c80_estate/backend/admin/shared/areas/gallery3.js +42 -0
  11. data/app/assets/javascript/c80_estate/backend/admin/{areas.js → src/areas.js} +2 -1
  12. data/app/assets/javascript/c80_estate/backend/admin/{pstats.js → src/pstats.js} +0 -0
  13. data/app/assets/javascript/c80_estate/backend/admin/{sevents.js → src/sevents.js} +1 -1
  14. data/app/assets/javascript/c80_estate/lib/jquery.magnific-popup.js +2060 -0
  15. data/app/assets/javascript/c80_estate_active_admin.js.coffee +2 -1
  16. data/app/assets/stylesheets/c80_estate/backend/admin_areas.scss +11 -0
  17. data/app/assets/stylesheets/c80_estate/backend/admin_sevents.scss +0 -68
  18. data/app/assets/stylesheets/c80_estate/backend/common/minor_fix.scss +3 -0
  19. data/app/assets/stylesheets/c80_estate/backend/common/panel.scss +42 -0
  20. data/app/assets/stylesheets/c80_estate/backend/dashboard/atype_in_list.scss +7 -0
  21. data/app/assets/stylesheets/c80_estate/backend/dashboard/common.scss +2 -28
  22. data/app/assets/stylesheets/c80_estate/backend/dashboard/prop_in_list.scss +3 -3
  23. data/app/assets/stylesheets/c80_estate/backend/shared/areas/gallery3.scss +107 -0
  24. data/app/assets/stylesheets/c80_estate/backend/shared/areas/stroitelnye_materialy_item.scss +1 -0
  25. data/app/assets/stylesheets/c80_estate/backend/shared/areas/stroitelnye_materialy_item/div_button_order.scss +8 -0
  26. data/app/assets/stylesheets/c80_estate/backend/shared/areas/stroitelnye_materialy_item/div_comments.scss +8 -0
  27. data/app/assets/stylesheets/c80_estate/backend/shared/areas/stroitelnye_materialy_item/div_common_props.scss +51 -0
  28. data/app/assets/stylesheets/c80_estate/backend/shared/areas/stroitelnye_materialy_item/div_desc.scss +10 -0
  29. data/app/assets/stylesheets/c80_estate/backend/shared/areas/stroitelnye_materialy_item/div_main.scss +151 -0
  30. data/app/assets/stylesheets/c80_estate/backend/shared/areas/stroitelnye_materialy_item/div_price_info.scss +68 -0
  31. data/app/assets/stylesheets/c80_estate/backend/shared/areas/stroitelnye_materialy_item/div_related_items.scss +12 -0
  32. data/app/assets/stylesheets/c80_estate/backend/shared/areas/stroitelnye_materialy_item/div_vendor_logo.scss +18 -0
  33. data/app/assets/stylesheets/c80_estate/backend/shared/index_adds_like_sevents.scss +68 -0
  34. data/app/assets/stylesheets/c80_estate/lib/magnific-popup-custom.scss +41 -0
  35. data/app/assets/stylesheets/c80_estate/lib/magnific-popup.scss +369 -0
  36. data/app/assets/stylesheets/c80_estate/lib/slick-carousel-custom.scss +174 -0
  37. data/app/assets/stylesheets/c80_estate/lib/slick-theme.scss +202 -0
  38. data/app/assets/stylesheets/c80_estate/lib/slick.scss +116 -0
  39. data/app/helpers/c80_estate/app_helper.rb +39 -0
  40. data/app/helpers/c80_estate/areas_helper.rb +109 -0
  41. data/app/models/c80_estate/area.rb +12 -0
  42. data/app/uploaders/c80_estate/aphoto_uploader.rb +2 -2
  43. data/app/views/admin/areas/_show_area.html.erb +1 -0
  44. data/app/views/c80_estate/shared/areas/_gallery4.html.erb +52 -0
  45. data/app/views/c80_estate/shared/areas/_single_area_on_page.html.erb +53 -0
  46. data/lib/c80_estate/version.rb +1 -1
  47. metadata +34 -5
@@ -0,0 +1,68 @@
1
+ div#price_info {
2
+
3
+ ul {
4
+ list-style: none;
5
+ margin: 15px 0 0 0;
6
+ padding: 0;
7
+
8
+ li {
9
+ float: left;
10
+ margin-right: 20px;
11
+
12
+ p {
13
+ margin: 0;
14
+
15
+ &.ptitle {
16
+ font-size: 14px;
17
+ color: #afafaf;
18
+ }
19
+
20
+ span {
21
+ &.pvalue {
22
+ font-size: 18px;
23
+ color: #ab1e22;
24
+ }
25
+ }
26
+
27
+ &.old {
28
+ position: relative;
29
+ display: inline;
30
+
31
+ span {
32
+ font-size: 14px;
33
+ color: #afafaf;
34
+
35
+ &.puom {
36
+ display: inline-block;
37
+ padding-right: 5px;
38
+ }
39
+ }
40
+
41
+ &:after {
42
+ position: absolute;
43
+ display: block;
44
+ left:0;
45
+ top:50%;
46
+ height: 1px;
47
+ width: 100%;
48
+ background-color: #afafaf;
49
+ content:"";
50
+ }
51
+ }
52
+
53
+ }
54
+ }
55
+ }
56
+
57
+ }
58
+
59
+ body.stroitelnye_materialy_item {
60
+ div#price_info {
61
+
62
+ display: inline-block;
63
+ min-width: 227px; /*ширина = ширине картинки, что сверху */
64
+ /*background-color: rgba(0, 0, 0, 0.08);*/
65
+ float: left;
66
+
67
+ }
68
+ }
@@ -0,0 +1,12 @@
1
+ div#related_items {
2
+ float: right;
3
+ width: 475px;
4
+
5
+ h4 {
6
+ padding: 0 0 3px 13px;
7
+ }
8
+
9
+ .ul_items {
10
+ padding: 0 0 0 13px;
11
+ }
12
+ }
@@ -0,0 +1,18 @@
1
+ div#div_vendor_logo {
2
+ width: 150px;
3
+ min-height: 61px;
4
+ background-color: rgba(255, 0, 0, 0.008);
5
+ float: left;
6
+ padding-top: 0;
7
+
8
+ > a {
9
+ width: 150px !important;
10
+ border: none !important;
11
+ min-height: 1px !important;
12
+ }
13
+
14
+ img {
15
+ max-width: 100%;
16
+ border: none !important;
17
+ }
18
+ }
@@ -0,0 +1,68 @@
1
+
2
+ div.index_adds_like_sevents {
3
+ height: calc(183px + 15px);
4
+ min-height: calc(183px + 15px);
5
+ margin-bottom: 0;
6
+
7
+ > div {
8
+ float: left;
9
+ padding: 10px;
10
+ border-radius: 2px;
11
+ border: 2px solid #f1f1f1;
12
+ height: 183px;
13
+
14
+ &#ecoef {
15
+ width: 200px;
16
+ text-align: center;
17
+
18
+ p {
19
+ width: 100%;
20
+
21
+ &.val {
22
+ margin-top: 15px;
23
+ margin-bottom: 0;
24
+ font-size: 40px;
25
+ }
26
+
27
+ }
28
+ }
29
+
30
+ &#text_stats {
31
+ width: 400px;
32
+ margin-left: 30px;
33
+
34
+ ul {
35
+ padding: 0 5px;
36
+ list-style: none;
37
+ #title {
38
+ font-weight: bold;
39
+ }
40
+ }
41
+
42
+ }
43
+
44
+ &#graph {
45
+ /*width: calc(100% - 200px - 400px - 30px - 30px);*/
46
+ width: 100%;
47
+ height: 200px;
48
+ margin-top: 15px;
49
+
50
+ /*margin-left: 30px;*/
51
+ padding: 0;
52
+ display: none;
53
+ opacity: 0;
54
+
55
+ -webkit-transition: opacity .2s ease-in;
56
+ -moz-transition: opacity .2s ease-in;
57
+ -ms-transition: opacity .2s ease-in;
58
+ -o-transition: opacity .2s ease-in;
59
+ transition: opacity .2s ease-in;
60
+
61
+ #graph_canvas {
62
+ width: 100%;
63
+ }
64
+
65
+ }
66
+
67
+ }
68
+ }
@@ -0,0 +1,41 @@
1
+ /* overlay at start */
2
+ .mfp-fade.mfp-bg {
3
+ opacity: 0;
4
+
5
+ -webkit-transition: all 0.30s ease-out;
6
+ -moz-transition: all 0.30s ease-out;
7
+ transition: all 0.30s ease-out;
8
+ }
9
+ /* overlay animate in */
10
+ .mfp-fade.mfp-bg.mfp-ready {
11
+ /*cross-browser-opacity*/
12
+ opacity: 0.8;
13
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
14
+ -khtml-opacity: 0.8;
15
+ -moz-opacity: 0.8;
16
+ }
17
+ /* overlay animate out */
18
+ .mfp-fade.mfp-bg.mfp-removing {
19
+ opacity: 0;
20
+ }
21
+
22
+ /* content at start */
23
+ .mfp-fade.mfp-wrap .mfp-content {
24
+ opacity: 0;
25
+
26
+ -webkit-transition: all 0.30s ease-out;
27
+ -moz-transition: all 0.30s ease-out;
28
+ transition: all 0.30s ease-out;
29
+ }
30
+ /* content animate it */
31
+ .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
32
+ opacity: 1;
33
+ }
34
+ /* content animate out */
35
+ .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
36
+ opacity: 0;
37
+ }
38
+
39
+ .mfp-counter {
40
+ /*display: none;*/
41
+ }
@@ -0,0 +1,369 @@
1
+ /* Magnific Popup CSS */
2
+ .mfp-bg {
3
+ top: 0;
4
+ left: 0;
5
+ width: 100%;
6
+ height: 100%;
7
+ z-index: 1042;
8
+ overflow: hidden;
9
+ position: fixed;
10
+ background: #0b0b0b;
11
+ opacity: 0.8;
12
+ filter: alpha(opacity=80); }
13
+
14
+ .mfp-wrap {
15
+ top: 0;
16
+ left: 0;
17
+ width: 100%;
18
+ height: 100%;
19
+ z-index: 1043;
20
+ position: fixed;
21
+ outline: none !important;
22
+ -webkit-backface-visibility: hidden; }
23
+
24
+ .mfp-container {
25
+ text-align: center;
26
+ position: absolute;
27
+ width: 100%;
28
+ height: 100%;
29
+ left: 0;
30
+ top: 0;
31
+ padding: 0 8px;
32
+ -webkit-box-sizing: border-box;
33
+ -moz-box-sizing: border-box;
34
+ box-sizing: border-box; }
35
+
36
+ .mfp-container:before {
37
+ content: '';
38
+ display: inline-block;
39
+ height: 100%;
40
+ vertical-align: middle; }
41
+
42
+ .mfp-align-top .mfp-container:before {
43
+ display: none; }
44
+
45
+ .mfp-content {
46
+ position: relative;
47
+ display: inline-block;
48
+ vertical-align: middle;
49
+ margin: 0 auto;
50
+ text-align: left;
51
+ z-index: 1045; }
52
+
53
+ .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
54
+ width: 100%;
55
+ cursor: auto; }
56
+
57
+ .mfp-ajax-cur {
58
+ cursor: progress; }
59
+
60
+ .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
61
+ cursor: auto; }
62
+
63
+ .mfp-zoom {
64
+ cursor: auto; }
65
+
66
+ .mfp-auto-cursor .mfp-content {
67
+ cursor: auto; }
68
+
69
+ .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
70
+ -webkit-user-select: none;
71
+ -moz-user-select: none;
72
+ user-select: none; }
73
+
74
+ .mfp-loading.mfp-figure {
75
+ display: none; }
76
+
77
+ .mfp-hide {
78
+ display: none !important; }
79
+
80
+ .mfp-preloader {
81
+ color: #CCC;
82
+ position: absolute;
83
+ top: 50%;
84
+ width: auto;
85
+ text-align: center;
86
+ margin-top: -0.8em;
87
+ left: 8px;
88
+ right: 8px;
89
+ z-index: 1044; }
90
+ .mfp-preloader a {
91
+ color: #CCC; }
92
+ .mfp-preloader a:hover {
93
+ color: #FFF; }
94
+
95
+ .mfp-s-ready .mfp-preloader {
96
+ display: none; }
97
+
98
+ .mfp-s-error .mfp-content {
99
+ display: none; }
100
+
101
+ button.mfp-close, button.mfp-arrow {
102
+ overflow: visible;
103
+ cursor: pointer;
104
+ background: transparent;
105
+ border: 0;
106
+ -webkit-appearance: none;
107
+ display: block;
108
+ outline: none;
109
+ padding: 0;
110
+ z-index: 1046;
111
+ -webkit-box-shadow: none;
112
+ box-shadow: none; }
113
+ button::-moz-focus-inner {
114
+ padding: 0;
115
+ border: 0; }
116
+
117
+ .mfp-close {
118
+ width: 44px;
119
+ height: 44px;
120
+ line-height: 44px;
121
+ position: absolute;
122
+ right: 0;
123
+ top: 0;
124
+ text-decoration: none;
125
+ text-align: center;
126
+ opacity: 0.65;
127
+ filter: alpha(opacity=65);
128
+ padding: 0 0 18px 10px;
129
+ color: #FFF;
130
+ font-style: normal;
131
+ font-size: 28px;
132
+ font-family: Arial, Baskerville, monospace; }
133
+ .mfp-close:hover, .mfp-close:focus {
134
+ opacity: 1;
135
+ filter: alpha(opacity=100); }
136
+ .mfp-close:active {
137
+ top: 1px; }
138
+
139
+ .mfp-close-btn-in .mfp-close {
140
+ color: #333; }
141
+
142
+ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
143
+ color: #FFF;
144
+ right: -6px;
145
+ text-align: right;
146
+ padding-right: 6px;
147
+ width: 100%; }
148
+
149
+ .mfp-counter {
150
+ position: absolute;
151
+ top: 0;
152
+ right: 0;
153
+ color: #CCC;
154
+ font-size: 12px;
155
+ line-height: 18px;
156
+ white-space: nowrap; }
157
+
158
+ .mfp-arrow {
159
+ position: absolute;
160
+ opacity: 0.65;
161
+ filter: alpha(opacity=65);
162
+ margin: 0;
163
+ top: 50%;
164
+ margin-top: -55px;
165
+ padding: 0;
166
+ width: 90px;
167
+ height: 110px;
168
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
169
+ .mfp-arrow:active {
170
+ margin-top: -54px; }
171
+ .mfp-arrow:hover, .mfp-arrow:focus {
172
+ opacity: 1;
173
+ filter: alpha(opacity=100); }
174
+ .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
175
+ content: '';
176
+ display: block;
177
+ width: 0;
178
+ height: 0;
179
+ position: absolute;
180
+ left: 0;
181
+ top: 0;
182
+ margin-top: 35px;
183
+ margin-left: 35px;
184
+ border: medium inset transparent; }
185
+ .mfp-arrow:after, .mfp-arrow .mfp-a {
186
+ border-top-width: 13px;
187
+ border-bottom-width: 13px;
188
+ top: 8px; }
189
+ .mfp-arrow:before, .mfp-arrow .mfp-b {
190
+ border-top-width: 21px;
191
+ border-bottom-width: 21px;
192
+ opacity: 0.7; }
193
+
194
+ .mfp-arrow-left {
195
+ left: 0; }
196
+ .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
197
+ border-right: 17px solid #FFF;
198
+ margin-left: 31px; }
199
+ .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
200
+ margin-left: 25px;
201
+ border-right: 27px solid #3F3F3F; }
202
+
203
+ .mfp-arrow-right {
204
+ right: 0; }
205
+ .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
206
+ border-left: 17px solid #FFF;
207
+ margin-left: 39px; }
208
+ .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
209
+ border-left: 27px solid #3F3F3F; }
210
+
211
+ .mfp-iframe-holder {
212
+ padding-top: 40px;
213
+ padding-bottom: 40px; }
214
+ .mfp-iframe-holder .mfp-content {
215
+ line-height: 0;
216
+ width: 100%;
217
+ max-width: 900px; }
218
+ .mfp-iframe-holder .mfp-close {
219
+ top: -40px; }
220
+
221
+ .mfp-iframe-scaler {
222
+ width: 100%;
223
+ height: 0;
224
+ overflow: hidden;
225
+ padding-top: 56.25%; }
226
+ .mfp-iframe-scaler iframe {
227
+ position: absolute;
228
+ display: block;
229
+ top: 0;
230
+ left: 0;
231
+ width: 100%;
232
+ height: 100%;
233
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
234
+ background: #000; }
235
+
236
+ /* Main image in popup */
237
+ img.mfp-img {
238
+ width: auto;
239
+ max-width: 100%;
240
+ height: auto;
241
+ display: block;
242
+ line-height: 0;
243
+ -webkit-box-sizing: border-box;
244
+ -moz-box-sizing: border-box;
245
+ box-sizing: border-box;
246
+ padding: 40px 0 40px;
247
+ margin: 0 auto; }
248
+
249
+ /* The shadow behind the image */
250
+ .mfp-figure {
251
+ line-height: 0; }
252
+ .mfp-figure:after {
253
+ content: '';
254
+ position: absolute;
255
+ left: 0;
256
+ top: 40px;
257
+ bottom: 40px;
258
+ display: block;
259
+ right: 0;
260
+ width: auto;
261
+ height: auto;
262
+ z-index: -1;
263
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
264
+ background: #444; }
265
+ .mfp-figure small {
266
+ color: #BDBDBD;
267
+ display: block;
268
+ font-size: 12px;
269
+ line-height: 14px; }
270
+ .mfp-figure figure {
271
+ margin: 0; }
272
+
273
+ .mfp-bottom-bar {
274
+ margin-top: -36px;
275
+ position: absolute;
276
+ top: 100%;
277
+ left: 0;
278
+ width: 100%;
279
+ cursor: auto; }
280
+
281
+ .mfp-title {
282
+ text-align: left;
283
+ line-height: 18px;
284
+ color: #F3F3F3;
285
+ word-wrap: break-word;
286
+ padding-right: 36px; }
287
+
288
+ .mfp-image-holder .mfp-content {
289
+ max-width: 100%; }
290
+
291
+ .mfp-gallery .mfp-image-holder .mfp-figure {
292
+ cursor: pointer; }
293
+
294
+ @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
295
+ /**
296
+ * Remove all paddings around the image on small screen
297
+ */
298
+ .mfp-img-mobile .mfp-image-holder {
299
+ padding-left: 0;
300
+ padding-right: 0; }
301
+ .mfp-img-mobile img.mfp-img {
302
+ padding: 0; }
303
+ .mfp-img-mobile .mfp-figure:after {
304
+ top: 0;
305
+ bottom: 0; }
306
+ .mfp-img-mobile .mfp-figure small {
307
+ display: inline;
308
+ margin-left: 5px; }
309
+ .mfp-img-mobile .mfp-bottom-bar {
310
+ background: rgba(0, 0, 0, 0.6);
311
+ bottom: 0;
312
+ margin: 0;
313
+ top: auto;
314
+ padding: 3px 5px;
315
+ position: fixed;
316
+ -webkit-box-sizing: border-box;
317
+ -moz-box-sizing: border-box;
318
+ box-sizing: border-box; }
319
+ .mfp-img-mobile .mfp-bottom-bar:empty {
320
+ padding: 0; }
321
+ .mfp-img-mobile .mfp-counter {
322
+ right: 5px;
323
+ top: 3px; }
324
+ .mfp-img-mobile .mfp-close {
325
+ top: 0;
326
+ right: 0;
327
+ width: 35px;
328
+ height: 35px;
329
+ line-height: 35px;
330
+ background: rgba(0, 0, 0, 0.6);
331
+ position: fixed;
332
+ text-align: center;
333
+ padding: 0; }
334
+ }
335
+
336
+ @media all and (max-width: 900px) {
337
+ .mfp-arrow {
338
+ -webkit-transform: scale(0.75);
339
+ transform: scale(0.75); }
340
+
341
+ .mfp-arrow-left {
342
+ -webkit-transform-origin: 0;
343
+ transform-origin: 0; }
344
+
345
+ .mfp-arrow-right {
346
+ -webkit-transform-origin: 100%;
347
+ transform-origin: 100%; }
348
+
349
+ .mfp-container {
350
+ padding-left: 6px;
351
+ padding-right: 6px; }
352
+ }
353
+
354
+ .mfp-ie7 .mfp-img {
355
+ padding: 0; }
356
+ .mfp-ie7 .mfp-bottom-bar {
357
+ width: 600px;
358
+ left: 50%;
359
+ margin-left: -300px;
360
+ margin-top: 5px;
361
+ padding-bottom: 5px; }
362
+ .mfp-ie7 .mfp-container {
363
+ padding: 0; }
364
+ .mfp-ie7 .mfp-content {
365
+ padding-top: 44px; }
366
+ .mfp-ie7 .mfp-close {
367
+ top: 0;
368
+ right: 0;
369
+ padding-top: 0; }