Commit fa403e14b86a8c691c21cde95e2b51dcc16eb0b1
1 parent
ee19d6cf
tokar commit
Showing
4 changed files
with
172 additions
and
47 deletions
Show diff stats
frontend/views/search/customer.php
... | ... | @@ -6,7 +6,7 @@ |
6 | 6 | * Time: 10:21 |
7 | 7 | */ |
8 | 8 | ?> |
9 | -<div class="section-box-22"> | |
9 | +<div class="section-box-22 section-box-customer"> | |
10 | 10 | <div class="box-wr"> |
11 | 11 | <div class="box-all"> |
12 | 12 | <div class="left-search-work"> |
... | ... | @@ -80,21 +80,9 @@ |
80 | 80 | |
81 | 81 | </select><div class="select-after"></div> |
82 | 82 | </div> |
83 | - <div class="blocks-check-list-wrapp"> | |
84 | - <div class="blocks-check-title"><label for="theme-2">Специализация</label></div> | |
85 | - <select id="theme-2"> | |
86 | - <option selected="" value="">Любая</option> | |
87 | - <option value="">Киев</option> | |
88 | - <option value="">Житомир</option> | |
89 | - <option value="">Львов</option> | |
90 | - <option value="">Киев</option> | |
91 | - <option value="">Житомир</option> | |
92 | - <option value="">Львов</option> | |
93 | - </select><div class="select-after"></div> | |
94 | - </div> | |
95 | 83 | |
96 | 84 | <div class="blocks-check-list-wrapp"> |
97 | - <div class="blocks-check-title"><label for="theme-3">Тип исполнителя</label></div> | |
85 | + <div class="blocks-check-title"><label for="theme-3">Тип заказчика</label></div> | |
98 | 86 | <select id="theme-3"> |
99 | 87 | <option selected="" value="">Любая</option> |
100 | 88 | <option value="">Киев</option> |
... | ... | @@ -107,22 +95,6 @@ |
107 | 95 | </div> |
108 | 96 | |
109 | 97 | <div class="blocks-check-list-wrapp"> |
110 | - <div class="blocks-check-title">Условия работы</div> | |
111 | - <div class="blocks-check-list"> | |
112 | - <input type="checkbox" name="group2" class="check-search" id="theme-4"><label for="theme-4"><span></span>С гарантией</label> | |
113 | - </div> | |
114 | - <div class="blocks-check-list"> | |
115 | - <input type="checkbox" name="group2" class="check-search" id="theme-5"><label for="theme-5"><span></span>С договором</label> | |
116 | - </div> | |
117 | - <div class="blocks-check-list"> | |
118 | - <input type="checkbox" name="group2" class="check-search" id="theme-6"><label for="theme-6"><span></span>Со сметой</label> | |
119 | - </div> | |
120 | - <div class="blocks-check-list"> | |
121 | - <input type="checkbox" name="group2" class="check-search" id="theme-7"><label for="theme-7"><span></span>Без предоплаты</label> | |
122 | - </div> | |
123 | - </div> | |
124 | - | |
125 | - <div class="blocks-check-list-wrapp"> | |
126 | 98 | <div class="blocks-check-title">Рейтинг</div> |
127 | 99 | <div class="rating"> |
128 | 100 | <!--оценка--> |
... | ... | @@ -140,22 +112,16 @@ |
140 | 112 | </div> |
141 | 113 | </div> |
142 | 114 | |
143 | - <div class="blocks-check-list-wrapp"> | |
144 | - <div class="blocks-check-title">Дополнительно</div> | |
145 | - <div class="blocks-check-list"> | |
146 | - <input type="checkbox" name="group4" class="check-search" id="theme-10"><label for="theme-10"><span></span>Только с портфолио</label> | |
147 | - </div> | |
148 | - <div class="blocks-check-list"> | |
149 | - <input type="checkbox" name="group4" class="check-search" id="theme-11"><label for="theme-11"><span></span>Только с отзывами</label> | |
150 | - </div> | |
151 | - <div class="blocks-check-list"> | |
152 | - <input type="checkbox" name="group4" class="check-search" id="theme-12"><label for="theme-12"><span></span>Только свободные</label> | |
153 | - </div> | |
154 | - </div> | |
155 | 115 | <div class="blocks-check-list-submit"> |
156 | 116 | <input type="submit" value="Найти"> |
157 | 117 | </div> |
158 | 118 | </form> |
119 | + <script> | |
120 | + $('div.rating').rating({ | |
121 | + fx: 'full', | |
122 | + url: 'rating.php' | |
123 | + }); | |
124 | + </script> | |
159 | 125 | </div> |
160 | 126 | |
161 | 127 | <div class="right-search-work"> |
... | ... | @@ -186,11 +152,65 @@ |
186 | 152 | </div> |
187 | 153 | </div> |
188 | 154 | <div class="search-worker-blocks-wr style"> |
155 | + | |
156 | + <div class="search-worker-blocks"> | |
157 | + <div class="search_perform_txt-wr"> | |
158 | + <div class="search_perform_title">ООО «Ортекс»</div> | |
159 | + <div class="search_perform-stars-wr"> | |
160 | + <div class="rating_search_performer"> | |
161 | + <!--оценка--> | |
162 | + <input type="hidden" class="val" value="4"/> | |
163 | + </div> | |
164 | + <div class="search_perform-stars-txt">30 отзывов, Киев </div> | |
165 | + </div> | |
166 | + <div class="search_perform_leng"> | |
167 | + <div>Сотрудники: более 40</div> | |
168 | + </div> | |
169 | + <div class="search_perform_visit"><span>Послелний визит:</span> 2 дня назад</div> | |
170 | + <div class="search_perform_projets_nam"><a href="#">Заказано проектов: 21</a></div> | |
171 | + </div> | |
172 | + | |
173 | + <div class="right_search_perform_block-wr"> | |
174 | + <div class="right_search_perform_foto-wr"> | |
175 | + <div><img src="/images/search_performer_img-1.jpg" alt=""/></div> | |
176 | + </div> | |
177 | + <a class="get-list" href="#">Добавить в закладки</a> | |
178 | + </div> | |
179 | + </div> | |
180 | + | |
181 | + <div class="search-worker-blocks"> | |
182 | + <div class="search_perform_txt-wr"> | |
183 | + <div class="search_perform_title">Петер Цумтор</div> | |
184 | + <div class="search_perform-stars-wr"> | |
185 | + <div class="rating_search_performer"> | |
186 | + <!--оценка--> | |
187 | + <input type="hidden" class="val" value="2"/> | |
188 | + </div> | |
189 | + <div class="search_perform-stars-txt">30 отзывов, Киев </div> | |
190 | + </div> | |
191 | + <div class="search_perform_leng"> | |
192 | + <!--<div>Сотрудники: более 40</div>--> | |
193 | + </div> | |
194 | + <div class="search_perform_visit"><span>Послелний визит:</span> 2 дня назад</div> | |
195 | + <div class="search_perform_projets_nam"><a href="#">Заказано проектов: 21</a></div> | |
196 | + </div> | |
197 | + | |
198 | + <div class="right_search_perform_block-wr"> | |
199 | + <div class="right_search_perform_foto-wr"> | |
200 | + <div><a href="#"><img src="/images/ded-ico.png" alt=""/></a></div> | |
201 | + </div> | |
202 | + <a class="get-list" href="#">Добавить в закладки</a> | |
203 | + </div> | |
204 | + </div> | |
205 | + | |
189 | 206 | <div class="search-worker-blocks"> |
190 | 207 | <div class="search_perform_txt-wr"> |
191 | 208 | <div class="search_perform_title">ООО «Ортекс»</div> |
192 | 209 | <div class="search_perform-stars-wr"> |
193 | - <div class="rating_search_performer"></div> | |
210 | + <div class="rating_search_performer"> | |
211 | + <!--оценка--> | |
212 | + <input type="hidden" class="val" value="1"/> | |
213 | + </div> | |
194 | 214 | <div class="search_perform-stars-txt">30 отзывов, Киев </div> |
195 | 215 | </div> |
196 | 216 | <div class="search_perform_leng"> |
... | ... | @@ -207,8 +227,49 @@ |
207 | 227 | <a class="get-list" href="#">Добавить в закладки</a> |
208 | 228 | </div> |
209 | 229 | </div> |
230 | + | |
231 | + <div class="search-worker-blocks"> | |
232 | + <div class="search_perform_txt-wr"> | |
233 | + <div class="search_perform_title">Петер Цумтор</div> | |
234 | + <div class="search_perform-stars-wr"> | |
235 | + <div class="rating_search_performer"> | |
236 | + <!--оценка--> | |
237 | + <input type="hidden" class="val" value="5"/> | |
238 | + </div> | |
239 | + <div class="search_perform-stars-txt">30 отзывов, Киев </div> | |
240 | + </div> | |
241 | + <div class="search_perform_leng"> | |
242 | + <!--<div>Сотрудники: более 40</div>--> | |
243 | + </div> | |
244 | + <div class="search_perform_visit"><span>Послелний визит:</span> 2 дня назад</div> | |
245 | + <div class="search_perform_projets_nam"><a href="#">Заказано проектов: 21</a></div> | |
246 | + </div> | |
247 | + | |
248 | + <div class="right_search_perform_block-wr"> | |
249 | + <div class="right_search_perform_foto-wr"> | |
250 | + <div><img src="/images/ded-ico.png" alt=""/></div> | |
251 | + </div> | |
252 | + <a class="get-list" href="#">Добавить в закладки</a> | |
253 | + </div> | |
254 | + </div> | |
210 | 255 | </div> |
211 | - | |
256 | + | |
257 | + <div class="navi-buttons-wr style"> | |
258 | + <ul class="pagination"> | |
259 | + <li class="prev disabled"><span>«</span></li> | |
260 | + <li class="active"><a href="#">1</a></li> | |
261 | + <li><a href="#">2</a></li> | |
262 | + <li class="next"><a href="#">»</a></li> | |
263 | + </ul> | |
264 | + </div> | |
265 | + | |
266 | + <script> | |
267 | + $('div.rating_search_performer').rating({ | |
268 | + fx: 'full', | |
269 | + readOnly: 'true', | |
270 | + url: 'rating.php' | |
271 | + }); | |
272 | + </script> | |
212 | 273 | </div> |
213 | 274 | </div> |
214 | 275 | </div> | ... | ... |
frontend/web/css/style.css
... | ... | @@ -6595,4 +6595,68 @@ input[disabled], select[disabled] { |
6595 | 6595 | width: 24px; |
6596 | 6596 | height: 24px; |
6597 | 6597 | background: transparent url('/images/loading-plugin-new.gif') center left no-repeat; |
6598 | -} | |
6599 | 6598 | \ No newline at end of file |
6599 | +} | |
6600 | + | |
6601 | +/***/ | |
6602 | +.sidebar-droped-wr ul li:first-child {display: none;} | |
6603 | +.right_search_perform_foto-wr {width: 140px;height: 93px;float: left;margin-left: 16px;} | |
6604 | +.right_search_perform_foto-wr>div{width: 140px;height: 93px; display: table-cell; vertical-align: middle; text-align: center} | |
6605 | +.right_search_perform_foto-wr>div{max-width: 140px;max-height: 93px; vertical-align: middle} | |
6606 | +.right_search_perform_block-wr a { | |
6607 | + float: left; | |
6608 | + margin-top: 12px; | |
6609 | + margin-left: 0; | |
6610 | +} | |
6611 | +.right_search_perform_block-wr { | |
6612 | + width: 220px; float: right; | |
6613 | +} | |
6614 | +.search_perform_txt-wr { | |
6615 | + width: 480px;float: left; | |
6616 | +} | |
6617 | +.search_perform_title {line-height: 15px} | |
6618 | +.search_perform_title, .search_perform_leng { | |
6619 | + font-size: 18px; | |
6620 | +} | |
6621 | +.search_perform_leng {margin-top: -1px; margin-bottom: 18px; height: 20px} | |
6622 | +.search_perform_leng div{height: 20px; line-height: 20px} | |
6623 | +.search_perform_title, .search_perform_leng, .search_perform_visit, .search_perform_projets_nam, .search_perform-stars-wr { | |
6624 | + width: 100%; | |
6625 | + float: left; | |
6626 | +} | |
6627 | +.search_perform_visit, .search_perform_projets_nam a { | |
6628 | + font-size: 13px; | |
6629 | +} | |
6630 | +.search_perform_visit span, .search_perform_projets_nam a {font-weight: 700} | |
6631 | +.search_perform-stars-wr { | |
6632 | + height: 34px; | |
6633 | +} | |
6634 | +.search_perform-stars-txt {line-height: 34px; float: left; margin-left: 10px} | |
6635 | +.search_perform_projets_nam {margin-top: 15px;} | |
6636 | +.rating_search_performer {float: left} | |
6637 | +.rating_search_performer .vote-wrap {margin-top: 8px} | |
6638 | +.rating_search_performer .vote-hover { | |
6639 | + padding: 0 0 !important; | |
6640 | +} | |
6641 | +.rating_search_performer div.vote-result {padding-left: 0} | |
6642 | +.rating_search_performer .vote-success, .rating_search_performer .vote-result { | |
6643 | + display: none; | |
6644 | +} | |
6645 | +.rating_search_performer .vote-active { | |
6646 | + background: url("/images/stars.png") 0px 14px !important; | |
6647 | +} | |
6648 | +.rating_search_performer .div.vote-stars, .rating_search_performer div.vote-active { | |
6649 | + cursor: default; | |
6650 | +} | |
6651 | +.blocks-check-title label {font-weight: 700} | |
6652 | +.right_search_perform_foto-wr >div a { | |
6653 | + float: none; | |
6654 | + margin-top: 0; | |
6655 | + margin-left: 0; | |
6656 | + display: table-cell; | |
6657 | + vertical-align: middle; | |
6658 | + width: 140px; | |
6659 | + height: 93px; | |
6660 | + text-align: center; | |
6661 | +} | |
6662 | +.right_search_perform_foto-wr {vertical-align: middle} | |
6663 | +.section-box-customer .search-worker-blocks {margin-top: 20px} | |
6600 | 6664 | \ No newline at end of file | ... | ... |
frontend/web/js/_jquery.rating.js
1 | -!function(t){t.rating=function(s,i){this.options=t.extend({fx:"float",image:"images/stars.png",width:15,stars:5,minimal:0,titles:["голос","голоса","голосов"],readOnly:!1,url:"",type:"post",loader:"images/ajax-loader.gif",click:function(){}},i||{}),this.el=t(s),this.left=0,this.val=parseFloat(t(".val",s).val())||0,this.val>this.options.stars&&(this.val=this.options.stars),this.val<0&&(this.val=0),this.old=this.val,this.votes=parseInt(t(".votes",s).val())||"",this.voteID=t(".vote-id",s).val()||"",this.vote_wrap=t('<div class="vote-wrap"></div>'),this.vote_block=t('<div class="vote-block"></div>'),this.vote_hover=t('<div class="vote-hover"></div>'),this.vote_stars=t('<div class="vote-stars"></div>'),this.vote_active=t('<div class="vote-active"></div>'),this.vote_result=t('<div class="vote-result"></div>'),this.vote_success=t('<div class="vote-success"></div>'),this.loader=t('<img src="'+this.options.loader+'" alt="load...">'),this.init()};var s=t.rating;s.fn=s.prototype={rating:"0.1"},s.fn.extend=s.extend=t.extend,s.fn.extend({init:function(){if(this.render(),!this.options.readOnly){var s=this,i=0,o=0;this.vote_hover.bind("mousemove mouseover",function(e){if(!s.options.readOnly){var n=t(this),a=0;i=e.clientX>0?e.clientX:e.pageX,o=i-n.offset().left-2;var h=s.options.width*s.options.stars,v=s.options.minimal*s.options.width;o>h&&(o=h),v>o&&(o=v),a=Math.round(o/s.options.width*10)/10,"half"==s.options.fx?o=Math.ceil(o/s.options.width*2)*s.options.width/2:"float"!=s.options.fx&&(o=Math.ceil(o/s.options.width)*s.options.width),a=Math.round(o/s.options.width*10)/10,s.vote_active.css({width:o,"background-position":"0 15px"}),s.vote_success.html("Оценка: "+a+"из 5")}}).bind("mouseout",function(){s.options.readOnly||(s.reset(),s.vote_success.empty())}).bind("click.rating",function(){if(!s.options.readOnly){var t=Math.round(o/s.options.width*10)/10;t>s.options.stars&&(t=s.options.stars),0>t&&(t=0),s.old=s.val,s.val=(s.val*s.votes+t)/(s.votes+1),s.val.toFixed(1),s.vote_success.html("Ваша оценка: "+t),""!=s.options.url&&s.send(t),s.options.readOnly=!0,s.options.click.apply(this,[t])}})}},set:function(){this.vote_active.css({width:this.val*this.options.width,"background-position":"0 15px"})},reset:function(){this.vote_active.css({width:this.old*this.options.width,"background-position":"0 15px"})},setvoters:function(){this.vote_result.html(this.declOfNum(this.votes))},render:function(){this.el.html(this.vote_wrap.append(this.vote_hover.css({padding:"0 4px",height:this.options.width,width:this.options.width*this.options.stars}),this.vote_result.text(this.declOfNum(this.votes)),this.vote_success)),this.vote_block.append(this.vote_stars.css({height:this.options.width,width:this.options.width*this.options.stars,background:"url('"+this.options.image+"') 0 0"}),this.vote_active.css({height:this.options.width,width:this.val*this.options.width,background:"url('"+this.options.image+"') 0 15px"})).appendTo(this.vote_hover)},send:function(s){var i=this;this.vote_result.html(this.loader),t.ajax({url:i.options.url,type:i.options.type,data:{id:this.voteID,score:s},dataType:"json",success:function(t){"OK"==t.status?(i.votes++,i.set()):i.reset(),i.setvoters(),t.msg&&i.vote_success.html(t.msg)}})},declOfNum:function(t){return 0>=t?"":(t=Math.abs(Math.floor(t)),cases=[2,0,1,1,1,2],t+" "+this.options.titles[t%100>4&&20>t%100?2:cases[5>t%10?t%10:5]])}}),t.fn.rating=function(i){if("string"==typeof i){var o=t(this).data("rating"),e=Array.prototype.slice.call(arguments,1);return o[i].apply(o,e)}return this.each(function(){var o=t(this).data("rating");o?(i&&t.extend(o.options,i),o.init()):t(this).data("rating",new s(this,i))})}}(jQuery); | |
2 | 1 | \ No newline at end of file |
2 | +//!function(t){t.rating=function(s,i){this.options=t.extend({fx:"float",image:"images/stars.png",width:15,stars:5,minimal:0,titles:["голос","голоса","голосов"],readOnly:!1,url:"",type:"post",loader:"images/ajax-loader.gif",click:function(){}},i||{}),this.el=t(s),this.left=0,this.val=parseFloat(t(".val",s).val())||0,this.val>this.options.stars&&(this.val=this.options.stars),this.val<0&&(this.val=0),this.old=this.val,this.votes=parseInt(t(".votes",s).val())||"",this.voteID=t(".vote-id",s).val()||"",this.vote_wrap=t('<div class="vote-wrap"></div>'),this.vote_block=t('<div class="vote-block"></div>'),this.vote_hover=t('<div class="vote-hover"></div>'),this.vote_stars=t('<div class="vote-stars"></div>'),this.vote_active=t('<div class="vote-active"></div>'),this.vote_result=t('<div class="vote-result"></div>'),this.vote_success=t('<div class="vote-success"></div>'),this.loader=t('<img src="'+this.options.loader+'" alt="load...">'),this.init()};var s=t.rating;s.fn=s.prototype={rating:"0.1"},s.fn.extend=s.extend=t.extend,s.fn.extend({init:function(){if(this.render(),!this.options.readOnly){var s=this,i=0,o=0;this.vote_hover.bind("mousemove mouseover",function(e){if(!s.options.readOnly){var n=t(this),a=0;i=e.clientX>0?e.clientX:e.pageX,o=i-n.offset().left-2;var h=s.options.width*s.options.stars,v=s.options.minimal*s.options.width;o>h&&(o=h),v>o&&(o=v),a=Math.round(o/s.options.width*10)/10,"half"==s.options.fx?o=Math.ceil(o/s.options.width*2)*s.options.width/2:"float"!=s.options.fx&&(o=Math.ceil(o/s.options.width)*s.options.width),a=Math.round(o/s.options.width*10)/10,s.vote_active.css({width:o,"background-position":"0 15px"}),s.vote_success.html("Оценка: "+a+"из 5")}}).bind("mouseout",function(){s.options.readOnly||(s.reset(),s.vote_success.empty())}).bind("click.rating",function(){if(!s.options.readOnly){var t=Math.round(o/s.options.width*10)/10;t>s.options.stars&&(t=s.options.stars),0>t&&(t=0),s.old=s.val,s.val=(s.val*s.votes+t)/(s.votes+1),s.val.toFixed(1),s.vote_success.html("Ваша оценка: "+t),""!=s.options.url&&s.send(t),s.options.readOnly=!0,s.options.click.apply(this,[t])}})}},set:function(){this.vote_active.css({width:this.val*this.options.width,"background-position":"0 15px"})},reset:function(){this.vote_active.css({width:this.old*this.options.width,"background-position":"0 15px"})},setvoters:function(){this.vote_result.html(this.declOfNum(this.votes))},render:function(){this.el.html(this.vote_wrap.append(this.vote_hover.css({padding:"0 4px",height:this.options.width,width:this.options.width*this.options.stars}),this.vote_result.text(this.declOfNum(this.votes)),this.vote_success)),this.vote_block.append(this.vote_stars.css({height:this.options.width,width:this.options.width*this.options.stars,background:"url('"+this.options.image+"') 0 0"}),this.vote_active.css({height:this.options.width,width:this.val*this.options.width,background:"url('"+this.options.image+"') 0 15px"})).appendTo(this.vote_hover)},send:function(s){var i=this;this.vote_result.html(this.loader),t.ajax({url:i.options.url,type:i.options.type,data:{id:this.voteID,score:s},dataType:"json",success:function(t){"OK"==t.status?(i.votes++,i.set()):i.reset(),i.setvoters(),t.msg&&i.vote_success.html(t.msg)}})},declOfNum:function(t){return 0>=t?"":(t=Math.abs(Math.floor(t)),cases=[2,0,1,1,1,2],t+" "+this.options.titles[t%100>4&&20>t%100?2:cases[5>t%10?t%10:5]])}}),t.fn.rating=function(i){if("string"==typeof i){var o=t(this).data("rating"),e=Array.prototype.slice.call(arguments,1);return o[i].apply(o,e)}return this.each(function(){var o=t(this).data("rating");o?(i&&t.extend(o.options,i),o.init()):t(this).data("rating",new s(this,i))})}}(jQuery); | |
3 | 3 | \ No newline at end of file | ... | ... |