Loading ...
Đang tải ...
- ✔ Có wifi
- ✔ Có chỗ chơi cho trẻ em
- ✔ Có khu vực hút thuốc
- ✔ Có xuất hóa đơn đỏ
- ✔ Có hỗ trợ hội thảo
- ✔ Có hỗ trợ người khuyết tật
- ✔ Có nhạc sống
- ✔ Có giao hàng
- ✔ Có thẻ thành viên
- ✔ Có hồ bơi
- ✔ Tip cho nhân viên
- ✔ Có máy lạnh & điều hòa
- ✔ Có karaoke
- ✔ Có chiếu bóng đá
- ✔ Có lò sưởi
- ✔ Ăn Sáng Miễn Phí
- ✔ Spa & Massage
- ✔ Nhà Hàng
- ✔ Phòng Gym
- ✔ Sân Tennis
- ✔ Đồ Ăn Tận Phòng
- ✔ Thú Cưng
- ✔ Nên đặt trước
- ✔ Sân Golf
- ✔ Bowling
- ✔ Giữ xe máy miễn phí
- ✔ Cho mua về
- ✔ Trả bằng thẻ
- ✔ Có chỗ đậu ôtô
- ✔ Có bàn ngoài trời
- ✔ Có phòng riêng
- Buổi sáng, Buổi trưa, Buổi xế, Buổi tối
- Khoảng 1 - 3 phút
- Không nghỉ lễ
- 1000 người lớn
- Ngắm cảnh, Du lịch, Chụp hình - Quay phim
Đang tải ...
Cường Xu
👆 Web
⏳ 14-03-2018 09:01:32
10
Đèo Ngang - Hoành Sơn Quan !!!
Bước tới Đèo Ngang, bóng xế tà, Cỏ cây chen đá, lá chen hoa. Lom khom dưới núi, tiều vài chú, Lác đác bên sông, chợ mấy nhà. <tr ngang b huy thanh quan>
Mình tới Đèo Ngang vào một ngày trời không nắng, nhưng cảnh vật ở đây thật đáng để ngưỡng mộ. Nhìn bên hai sườn núi của đèo cây cỏ một màu phủ xanh biết cả chân đèo tới đỉnh đèo. Trên đỉnh đèo còn có Cổng Trời, nằm ở vị trí cao nhất của đèo, là địa điểm giáp ranh giữa Quảng Bình và Hà Tĩnh, có cơ hội mọi người nên ghé thử nhé :D
<a class="view-more" href="">...Xem thêm</a>
<ul class="review-options fd-clearbox">
<li>
<label>Chi phí:</label>
<span></span>
</li>
</ul>
<ul class="review-photos fd-clearbox">
<li class="rp-size-5">
<a>
<img class="rp-size-fw" src="https://images.foody.vn/res/g73/722646/s800/foody-deo-ngang-hoanh-son-quan-570-636566135807548973.jpg" alt="">
</a>
</li>
<li class="rp-size-5">
<a>
<img class="rp-size-fw" src="https://images.foody.vn/res/g73/722646/s800/foody-deo-ngang-hoanh-son-quan-135-636566135437092675.jpg" alt="">
</a>
</li>
<li class="rp-size-5">
<a>
<img class="rp-size-fw" src="https://images.foody.vn/res/g73/722646/s800/foody-deo-ngang-hoanh-son-quan-304-636566135203021427.jpg" alt="">
</a>
</li>
<li class="rp-size-5">
<a>
<img class="rp-size-fw" src="https://images.foody.vn/res/g73/722646/s800/foody-deo-ngang-hoanh-son-quan-130-636566135120744249.jpg" alt="">
</a>
</li>
<li class="rp-size-5">
<a>
<img class="rp-size-fw" src="https://images.foody.vn/res/g73/722646/s800/foody-deo-ngang-hoanh-son-quan-140-636566135058760725.jpg" alt="">
</a>
</li>
<li class="rp-size-5">
<a>
<img class="rp-size-fw" src="https://images.foody.vn/res/g73/722646/s800/foody-deo-ngang-hoanh-son-quan-238-636566134975515692.jpg" alt="">
</a>
</li>
</ul>
<ul class="review-list fd-clearbox" ng-style="{'display':Filter.IsSheIs!='true'?'block':'none'}" style="display:none;" ng-if="Filter.IsSheIs!='true'">
<li class="review-item fd-clearbox" ng-repeat="data in Items" ng-controller="ReviewItemCtrl" ng-init="Init(data)" ng-click="UserInfoReviewPopupHide()">
<div class="review-user fd-clearbox" ng-if="Model.Owner">
<div class="review-avatar">
<a class="ru-avatar" href="%7B%7BModel.Owner.Url%7D%7D" target="_blank" ng-mouseenter="UserInfoReviewPopup(Model.Owner.Id)" data-user="review_{{ReviewId}}_user_{{Model.Owner.Id}}">
<img width="40" height="40" alt="{{Owner.DisplayName}}" ng-src="{{Model.Owner.Avatar}}">
<i class="checked-verified-icon" ng-if="Model.Owner.VerifyingPercent>=100"></i>
</a>
</div>
<div style="float:left; width:300px;">
<div class="review-points" ng-if="Model.AvgRating>0 && Model.Type==1" ng-class="{'green':Model.AvgRating>=6,'grey':Model.AvgRating==0||Model.AvgRating==null}" ng-mouseleave="ReviewRatingPopupHide()" ng-mouseenter="ReviewRatingPopup()" data-review="review_{{ReviewId}}">
<span>{{Model.AvgRating >= 10 ? "10" : (Model.AvgRating|number:1)}}</span>
</div>
<div class="ru-row">
<a class="ru-username" href="%7B%7BModel.Owner.Url%7D%7D" target="_blank" ng-mouseenter="UserInfoReviewPopup(Model.Owner.Id)">{{Model.Owner.DisplayName}}</a>
</div>
<div class="ru-stats">
<a class="ru-device" target="_blank" href="%7B%7BModel.DeviceUrl?Model.DeviceUrl:'javascript:void(0);'%7D%7D">
via {{Model.DeviceName}}
<i class="fa fa-{{Model.DeviceClass}}"></i>
</a>
<span class="ru-time" title="{{Model.CreatedDate|dateTimeJson}}">{{Model.CreatedDate|dateTimeJson}}</span>
</div>
</div>
</div>
<div class="review-res border-top fd-clearbox" ng-if="Model.Restaurant">
<a href="%7B%7BModel.Restaurant.Url%7D%7D" target="_blank" class="rr-avatar">
<img width="40" height="25" alt="{{Model.Restaurant.Name}}" ng-src="{{Model.Restaurant.Avatar}}">
</a>
<a href="%7B%7BModel.Restaurant.Url%7D%7D" target="_blank" class="rr-name fd-text-ellip">{{Model.Restaurant.Name}}</a>
<div class="rr-address fd-text-ellip">{{Model.Restaurant.Address}}</div>
</div>
<div class="review-des fd-clearbox" ng-if="Model.Description || Model.CanDelete || Model.IsDraft" ng-init="InitDescription($event)">
<ul class="review-btns" ng-if="!Model.IsDraft && Model.Type != 4 && Model.Type == 1">
<li ng-if="Model.CanEdit">
<a ng-click="OpenDlgWriteReview(Model.Id)" class="btns-edit review-modified" title="Sửa Bình luận trong vòng 1h" restaurantid="{{Model.ResId}}" data-rev-id="{{Model.Id}}">
Sửa
</a>
</li>
<li ng-if="Model.CanDelete">
<a class="btns-delete review-deleted" title="Xóa Bình luận trong vòng 1h" restaurantid="{{Model.ResId}}" reviewid="{{Model.Id}}">
common_delete
</a>
</li>
</ul>
<div ng-if="Model.Type==2 || Model.Type==3" class="review-type-{{Model.Type}}"></div>
<a href="%7B%7BModel.Url%7D%7D" class="rd-title" ng-if="Model.Title" ng-bind-html="Model.Title">...</a>
<div class="rd-des" ng-class="{'toggle-height':DesMore}">
<span ng-bind-html="Model.Description"></span><a class="view-more" href="javascript:void(0)" ng-click="ToggleDesMore()">Xem thêm</a>
</div>
</div>
<ul class="review-hastags fd-clearbox" ng-if="Model.Hashtags.length>0">
<li ng-repeat="item in Model.Hashtags"><a href="%7B%7Bitem.Url%7D%7D" target="_blank">#{{item.Name}}</a></li>
</ul>
<ul class="review-options fd-clearbox" ng-if="Model.Options">
<li ng-if="Model.Options.Guest">
<label>Số người:</label>
<span ng-bind="Model.Options.Guest"></span>
</li>
<li ng-if="Model.Options.MoneySpend && Model.Options.MoneySpend != '0'">
<label>Chi phí:</label>
<span ng-bind="Model.Options.MoneySpend"></span>
</li>
<li ng-if="Model.Options.VisitAgain && Model.Options.VisitAgain != '0'">
<label>Sẽ quay lại:</label>
<span ng-bind="Model.Options.VisitAgain"></span>
</li>
</ul>
<div class="review-not-foody">- Đây là nhận xét từ Thành Viên trên Foody, không phải từ Foody Corp. -</div>
<div class="review-video fd-clearbox" ng-if="Model.Video">
<a href="javascript:void(0)" class="foody-video foody-embed-video" data-video-url="{{Model.Video.Source}}">
<img ng-src="{{Model.Video.Avatar}}">
<span class="btn-video-play"></span>
</a>
</div>
<ul class="review-photos fd-clearbox" ng-if="Model.Pictures.length>0" ng-init="InitPicture($event)">
<li data-item-main="{{item.IsMain}}" data-item-id="{{item.Id}}" ng-repeat="item in Model.Pictures" ng-style="{'width':item.Size.Width,'height':item.Size.Height}">
<a class="foody-photo" href="javascript:void(0);" data-id="{{item.Id}}" data-group="2">
<div class="rp-more" ng-if="IsShowMorePictures($index)">
<label class="helper"></label>
<span>+{{CountMorePictures}}</span>
</div>
<img class="rp-lazy-load" data-item-src="{{item.Url}}" ng-src="{{item.UrlLoad}}" alt="{{item.Description}}" title="{{item.Description}}" ng-style="{'width':item.Size.iWidth,'height':item.Size.iHeight,'background':item.BgColor}" style="position: absolute;">
</a>
<button class="photo-deleted" ng-if="Model.CanDelete" restaurantid="{{Model.ResId}}" reviewid="{{Model.Id}}" resphotoid="{{item.Id}}" title="Xóa hình ảnh trong vòng 1h" style="display:none;">X</button>
</li>
</ul>
<div class="review-res border-top fd-clearbox without-pd-mr" ng-if="Model.Restaurant">
<ul class="service-list">
<li ng-click="ServiceClick(ser)" ng-repeat="ser in Model.Restaurant.Services" class="ser-width-{{Model.Restaurant.Services.length}} ser-type-{{ser.Id}}" data-item-resid="{{ser.RestaurantId}}">
<a href="%7B%7Bser.Url?ser.Url+'':'javascript:void(0)'%7D%7D" title="{{ser.Text}}" rel="nofollow" target="_blank" ng-class="{'order-table':ser.Id==1 ,'order-delitable':ser.Id==2}">
<span ng-bind="ser.Text"></span>
</a>
</li>
<li class="ser-width-3 ser-type-10">
<a href="javascript:void(0);" class="tool-custom-list-add" data-id="{{Model.Restaurant.RestaurantID}}">
<i class="fa fa-bookmark"></i> Lưu lại
</a>
</li>
</ul>
</div>
<div ng-controller="ResCommentCtrl" ng-if="data.Type!=8" ng-init="Init({ShowComment:Model.ShowComment,EnableComment:(Model.CommentItemType==5)?false:true, UserLikes:Model.UserLikes,IsLiked:Model.IsLiked,TotalComment:Model.TotalComment,TotalLike:Model.TotalLike,ItemId:Model.Id,ItemType:Model.CommentItemType,ReviewComments:Model.Comments,IsDirectDetail:Model.IsDirectDetail,DetailUrl:Model.Url})">
<div class="review-comment foody-box-comment fd-clearbox">
<ul class="fc-toolbar fd-clearbox border-top">
<li ng-if="EnableLike" ng-click="TbLike()" ng-class="{'hl':IsLiked}"><a><i class="fa fa-heart"></i>Thích</a></li>
<li ng-if="EnableComment" ng-click="ShowComment()"><a href="javascript:void(0)"><i class="fa fa-comment"></i>Thảo luận</a></li>
<li ng-click="PopupReport()" class="report-btn" data-report="report_{{ReportType}}_{{ReviewId}}"><a href="javascript:void(0)" class="report-btn"><i class="fa fa-exclamation-triangle report-btn"></i>Báo lỗi</a></li>
</ul>
<div class="clearfix"></div>
<div class="fc-comment border-top" ng-if="UserLikes.length>0||IsShowComment || IsDirectDetail">
<div ng-if="UserLikes.length>0" class="users-like border-bottom">
<a href="javascript:void(0)" ng-click="ShowUserLikes()">
<i class="fa fa-heart"></i>
<label ng-bind="UserLikesText"></label>
</a>
</div>
<ul ng-if="Model.IsAllowComment" class="rv-items">
<li ng-repeat="item in Items" ng-click="UserInfoReviewPopupHide()">
<a href="%7B%7Bitem.User.Url%7D%7D" class="avatar" ng-mouseenter="UserInfoReviewPopup(item.User.Id)" data-user="review_{{ReviewId}}_user_{{item.User.Id}}">
<img width="32" height="32" ng-src="{{item.User.Avatar}}">
<i class="checked-verified-icon ng-scope" ng-if="item.User.IsVerified"></i>
</a>
<div class="fc-right">
<a href="%7B%7Bitem.User.Url%7D%7D" class="fc-username" ng-bind="item.User.DisplayName"></a>
<span class="fc-user-comment" ng-bind-html="item.Comment"></span>
<ul class="fc-toolbar fd-clearbox">
<li>
<div style="font-size:11px;padding-top:2px;color:#888;" ng-bind="item.Date"></div>
</li>
</ul>
<a ng-if="item.IsOwner" class="remove-comment-btn" ng-click="RemoveComment(item)">
<span class="fa fa-times"></span>
</a>
</div>
</li>
<li ng-if="IsLoadMore()&& !IsDirectDetail" class="fc-toolbar-bottom">
<a ng-if="IsLoadMore()" ng-click="LoadMore()" class="btn-link">Xem thêm {{Total-Items.length}} Thảo luận</a>
</li>
<li ng-if="ReviewComments.length>3 && IsDirectDetail" class="fc-toolbar-bottom">
<a href="%7B%7BDetailUrl%7D%7D" class="btn-link">Xem thêm</a>
</li>
<li ng-if="CUser">
<a href="%7B%7BCUser.Url%7D%7D" class="avatar" target="_blank">
<img width="32" height="32" ng-src="{{CUser.Avatar}}">
</a>
<div class="fc-input">
<textarea ui-mention ng-mention ng-model="post.message" placeholder="Thảo luận" ng-trim="false" key-enter="Comment()" class="m-box"></textarea>
<div class="mention-highlight"></div>
<div class="mention-content" id="comment_{{ReviewId}}_{{ItemType}}"></div>
<input type="hidden" class="mid_{{ReviewId}}_{{ItemType}}" value="{{$mention.tagUsers}}">
<ul ng-if="$mention.choices.length" class="mention-dropdown">
<li ng-repeat="choice in $mention.choices" ng-class="{active:$mention.activeChoice==choice}">
<a ng-click="$mention.select(choice)" ng-if="choice.Type==1">
<img ng-src="{{::choice.Avatar}}">
<div class="mention-detail">
<div class="mention-name">{{::choice.DisplayName}}</div>
</div>
</a>
<a ng-click="$mention.select(choice)" ng-if="choice.Type==2">
<img ng-src="{{::choice.Avatar}}">
<div class="mention-detail">
<div class="mention-name-res">{{::choice.DisplayName}}</div>
<div class="mention-address">{{::choice.Address}}</div>
</div>
</a>
</li>
</ul>
</div>
</li>
</ul>
<div class="rc-disabled" ng-if="!Model.IsAllowComment">
<i class="fa fa-lock"></i>
Thảo luận bị khoá cho bài đánh giá này
</div>
</div>
</div>
</div>
</li>
</ul>
<ul class="review-list fd-clearbox" ng-style="{'display':Filter.IsSheIs=='true'?'block':'none'}" style="display:none;" ng-if="Filter.IsSheIs=='true'">
<li class="review-item fd-clearbox" ng-repeat="data in Items" ng-controller="ReviewItemCtrl" ng-init="Init(data)">
<div class="review-user fd-clearbox" ng-if="Model.Owner">
<div class="review-avatar">
<a class="ru-avatar" href="%7B%7BModel.Owner.Url%7D%7D" target="_blank" data-user="review_{{ReviewId}}_user_{{Model.Owner.Id}}">
<img width="40" height="40" alt="{{Owner.DisplayName}}" ng-src="{{Model.Owner.Avatar}}">
</a>
</div>
<div style="float:left; width:300px;">
<div class="review-points" ng-if="Model.AvgRating>0 && Model.Type==1" ng-class="{'green':Model.AvgRating>=6,'grey':Model.AvgRating==0||Model.AvgRating==null}" ng-mouseleave="ReviewRatingPopupHide()" ng-mouseenter="ReviewRatingPopup()" data-review="review_{{ReviewId}}">
<span>{{Model.AvgRating >= 10 ? "10" : (Model.AvgRating|number:1)}}</span>
</div>
<div class="ru-row">
<a class="ru-username" href="%7B%7BModel.Owner.Url%7D%7D" target="_blank">{{Model.Owner.DisplayName}}</a>
</div>
<div class="ru-stats">
<span class="ru-time" title="{{Model.CreatedDate|dateTimeJson}}">{{Model.CreatedDate|dateTimeJson}}</span>
</div>
</div>
</div>
<div class="review-des fd-clearbox" ng-if="Model.Description" ng-init="InitDescription($event)">
<a href="%7B%7BModel.Url%7D%7D" class="rd-title" ng-if="Model.Title" ng-bind-html="Model.Title">...</a>
<div class="rd-des" ng-class="{'toggle-height':DesMore}">
<span ng-bind-html="Model.Description"></span><a class="view-more" href="javascript:void(0)" ng-click="ToggleDesMore()">Xem thêm</a>
</div>
</div>
<div class="review-not-foody">- Đây là nhận xét từ Thành Viên trên Foody, không phải từ Foody Corp. -</div>
<ul class="review-photos fd-clearbox" ng-if="Model.Pictures.length>0" ng-init="InitPicture($event)">
<li data-item-main="{{item.IsMain}}" data-item-id="{{item.Id}}" ng-repeat="item in Model.Pictures" ng-style="{'width':item.Size.Width,'height':item.Size.Height}">
<a href="%7B%7BModel.Url%7D%7D" data-id="{{item.Id}}" data-group="2">
<div class="rp-more" ng-if="IsShowMorePictures($index)">
<label class="helper"></label>
<span>+{{CountMorePictures}}</span>
</div>
<img class="rp-lazy-load" data-item-src="{{item.Url}}" ng-src="{{item.UrlLoad}}" alt="{{item.Description}}" title="{{item.Description}}" ng-style="{'width':item.Size.iWidth,'height':item.Size.iHeight,'background':item.BgColor}" style="position: absolute;">
</a>
</li>
</ul>
</li>
</ul>
<ul class="review-list fd-clearbox" ng-if="IsLoading">
<li class="review-item fd-clearbox" ng-repeat="item in PreloadList">
<div class="review-user fd-clearbox">
<div style="width:40px; margin-right:10px;float:left;">
<a class="ru-avatar">
<div class="pre-review-points animated-bg"></div>
</a>
</div>
<div style="float:left; width:300px;">
<div class="ru-row">
<div class="preload-bar medium animated-bg"></div>
</div>
<div class="res-name-row">
<div class="preload-bar medium animated-bg"></div>
</div>
<div class="review-statistic">
<div class="preload-bar medium animated-bg"></div>
</div>
</div>
</div>
<div class="review-des fd-clearbox" style="margin-bottom:20px">
<div class="preload-bar full animated-bg"></div>
<div class="preload-bar full animated-bg"></div>
<div class="preload-bar full animated-bg"></div>
<div class="preload-bar medium animated-bg"></div>
</div>
<ul class="review-photos fd-clearbox" style="padding-bottom:20px">
<li style="width:50%">
<div class="pre-avatar animated-bg" style="height:324px"></div>
</li>
<li style="width:50%">
<div class="pre-avatar animated-bg" style="height:324px"></div>
</li>
</ul>
</li>
</ul>
<div class="pn-loadmore fd-clearbox" ng-if="IsLoadMore()" style="display:none;" ng-style="{'display':'block'}">
<a class="fd-btn-more" ng-class="{'loading':IsLoading}" ng-click="LoadMore()">
<label>Xem thêm bình luận</label>
</a>
</div>
<div class="stats">
<div class="foody-toolbar" data-padding-top="48">
<script type="text/javascript">
$(function () {
var positionPoint = Math.round(parseFloat(parseLocalNum('10,00')) * 10);
var pricePoint = Math.round(parseFloat(parseLocalNum('10,00')) * 10);
var foodPoint = Math.round(parseFloat(parseLocalNum('10,00')) * 10);
var servicePoint = Math.round(parseFloat(parseLocalNum('10,00')) * 10);
var atmospherePoint = Math.round(parseFloat(parseLocalNum('10,00')) * 10);
$("#positionPointBar").progressbar({
value: positionPoint
});
$("#pricePointBar").progressbar({
value: pricePoint
});
$("#foodPointBar").progressbar({
value: foodPoint
});
$("#servicePointBar").progressbar({
value: servicePoint
});
$("#atmospherePointBar").progressbar({
value: atmospherePoint
});
$('.reviewCounter').text(1);
$('div.from-review > a[property="v:count"]').text('1');
var totalreviewsummary = 1;
if(typeof(totalReviews)!='undefined'){
totalReviews = totalreviewsummary;
}
var totalPRs = 0;
var totalQAs = 0;
if(totalreviewsummary <= 0){
$('#reviewSummaryDiv').hide();
$('.mico-reviews-home').hide();
$('#microNoReview').show();
}
else{
$('#reviewSummaryDiv').parent().show();
$('#microNoReview').hide();
}
});
function parseLocalNum(num) {
return (num.replace(",", "."));
}
</script>
<div class="microsite-sumary-new">
<div class="microsite-box-rating-new">
<div class="ratings-boxes">
<div class="summary">
<b>1</b> bình luận đã chia sẻ
</div>
<div class="ratings-numbers">
<span class="rating-levels"><b class="exellent">
1</b> Tuyệt vời</span>
</div>
<div class="ratings-numbers">
<span class="rating-levels"><b class="good">
0</b> Khá tốt</span>
</div>
<div class="ratings-numbers">
<span class="rating-levels"><b class="average">
0</b> Trung bình</span>
</div>
<div class="ratings-numbers">
<span class="rating-levels"><b class="bad">
0</b> Kém</span>
</div>
<div class="micro-home-point">
<div class="micro-home-static">
<table>
<tr>
<td width="150"><strong>Tiêu chí</strong></td>
<td width="140">
<img src="/style/images/icons/ratin-rank.png">
</td>
<td></td>
</tr>
<tr>
<td>
Vị trí
</td>
<td>
<div id="positionPointBar" class="reviewPointBar">
</div>
</td>
<td>
<b>10.0</b>
</td>
</tr>
<tr>
<td>
Giá cả
</td>
<td>
<div id="pricePointBar" class="reviewPointBar">
</div>
</td>
<td>
<b>10.0</b>
</td>
</tr>
<tr>
<td>
Chất lượng
</td>
<td>
<div id="foodPointBar" class="reviewPointBar">
</div>
</td>
<td>
<b>10.0</b>
</td>
</tr>
<tr>
<td>
Phục vụ
</td>
<td>
<div id="servicePointBar" class="reviewPointBar">
</div>
</td>
<td>
<b>10.0</b>
</td>
</tr>
<tr>
<td>
Không gian
</td>
<td>
<div id="atmospherePointBar" class="reviewPointBar">
</div>
</td>
<td>
<b>10.0</b>
</td>
</tr>
</table>
</div>
</div>
<div class="ratings-boxes-points">
<div>
<span style="padding-bottom:5px; overflow:hidden;">
<b style="font-size: 22px; color: #8E44AD;">
10.0
</b>
<span style="color:#999;font-size:11px;">điểm</span>
</span>
- Tuyệt vời
</div>
</div>
</div>
</div>
<div class="ratings-boxes-review">
<a href="javascript:void(0)" class="fd-write-review" data-res-id="722646">
<span class="fa fa-comment"></span> Viết bình luận
</a>
</div>
</div>
</div>
</div>
<div class="microsite-res-mapfacilities" data-mic-nav="7">
<a name="res-info"></a>
<div class="microsite-box-heading">
<div class="title">
Thông tin & Bản đồ
</div>
</div>
<div class="micro-home-intro disableSection">
<div style="position: relative; clear: both;">
<div id="microMap" ng-controller="MicrositeMapCtr" bind-unsafe-html="HtmlForm" ng-init="Init({ResId:'722646'})"></div>
<script type="text/javascript">
$(function() {
if (window.location.hash == "#map") {
loadMicroMap();
}
$('#map-report-error').click(function() {
angular.element('#microMap').scope().ShowReport();
angular.element('#microMap').scope().$apply();
});
})
function loadMicroMap() {
if (angular) {
angular.element('#microMap').scope().Show();
angular.element('#microMap').scope().$apply();
}
}
</script>
<div class="microsite-map">
<a href="javascript:void(0)" id="map-report-error" class="map-report">Báo lỗi vị trí</a>
<div><a class="linkmap"><img src="https://images.foody.vn/res/g73/722646/map/s1000/foody-map-722646_17-9500000000000_106-4666667000000.jpg"></a></div>
</div>
</div>
<div class="microsite-res-info">
<div class="new-detail-info-sec">
<div class="new-detail-info-area">
<div class="new-detail-info-label">
Thời gian hoạt động
</div>
<div>
<span class="itsopen" title="">Đang mở cửa</span>
<span> Cả ngày</span>
<span class="report-data-error">
<a class="resinfo-report" errorkeyname="Thích hợp" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</span>
</div>
</div>
<div class="new-detail-info-area">
<div class="new-detail-info-label">
Thích hợp
</div>
<div>
<a href="/quang-binh/dia-diem-phuc-vu-vao-buoi-sang" title="Buổi sáng">Buổi sáng</a>
<span style="margin-left: -3px;">,</span>
<a href="/quang-binh/dia-diem-phuc-vu-vao-buoi-trua" title="Buổi
trưa">Buổi
trưa</a>
<span style="margin-left: -3px;">,</span>
<a href="/quang-binh/dia-diem-phuc-vu-vao-buoi-xe" title="Buổi xế">Buổi xế</a>
<span style="margin-left: -3px;">,</span>
<a href="/quang-binh/dia-diem-phuc-vu-vao-buoi-toi" title="Buổi
tối">Buổi
tối</a>
<span class="report-data-error">
<a class="resinfo-report" errorkeyname="Thích hợp" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</span>
</div>
</div>
<div class="new-detail-info-area">
<div class="new-detail-info-label">
Giờ nhận khách cuối
</div>
<div>
23:50
<span class="report-data-error">
<a class="resinfo-report" errorkeyname="Giờ nhận khách cuối" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</span>
</div>
</div>
<div class="new-detail-info-area">
<div class="new-detail-info-label">
Thời gian chuẩn bị
</div>
<div>
<span>
Khoảng 1 - 3 phút
</span>
<span class="report-data-error">
<a class="resinfo-report" errorkeyname="Thời gian chuẩn bị" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</span>
</div>
</div>
<div class="new-detail-info-area">
<div class="new-detail-info-label">
Nghỉ lễ
</div>
<div>
<span> Không nghỉ lễ</span>
<span class="report-data-error">
<a class="resinfo-report" errorkeyname="Nghỉ lễ" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</span>
</div>
</div>
<div class="new-detail-info-area">
<div class="new-detail-info-label">
Thể loại
</div>
<div>
<a href="/quang-binh/khu-du-lich">Thăm quan & chụp ảnh</a>
<span class="report-data-error">
<a class="resinfo-report" errorkeyname="Thể loại" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</span>
</div>
</div>
<div class="new-detail-info-area">
<div class="new-detail-info-label">
Sức chứa
</div>
<div>
<span>1000 người lớn</span>
<span class="report-data-error">
<a class="resinfo-report" errorkeyname="Sức chứa" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</span>
</div>
</div>
<div class="new-detail-info-area">
<div class="new-detail-info-label">
Phù hợp với
</div>
<div>
<a href="/quang-binh/dia-diem-phu-hop-ngam-canh">Ngắm cảnh</a>
<span style="margin-left:-3px">, </span>
<a href="/quang-binh/dia-diem-phu-hop-du-lich">Du lịch</a>
<span style="margin-left:-3px">, </span>
<a href="/quang-binh/dia-diem-phu-hop-chup-hinh-quay-phim">Chụp hình - Quay phim</a>
<span class="report-data-error">
<a class="resinfo-report" errorkeyname="Phù hợp với" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</span>
</div>
</div>
</div>
<div class="new-detail-info-sec">
</div>
</div>
</div>
<!-- property -->
<div class="microsite-res-info-properties">
<div class="microsite-box-property">
<div class="microsite-box-content">
<ul class="micro-property">
<li class="none">
<img style="width:21px;float:left; display:inline; vertical-align:middle" src="/style/images/catico/facilities/2/tennis.png" alt="Sân Tennis">
<span style="float:left; padding:3px 0 0 5px;font-style:normal; color:#aaa; font-weight:normal;">Sân Tennis</span>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="false" errorkeyname="Sân Tennis" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
<li class="none">
<img style="width:21px;float:left; display:inline; vertical-align:middle" src="/style/images/catico/facilities/2/wifi.png" alt="Có wifi">
<span style="float:left; padding:3px 0 0 5px;font-style:normal; color:#aaa; font-weight:normal;">Có wifi</span>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="false" errorkeyname="Có wifi" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
<li class="none">
<img style="width:21px;float:left; display:inline; vertical-align:middle" src="/style/images/catico/facilities/2/hoboi.png" alt="Có hồ bơi">
<span style="float:left; padding:3px 0 0 5px;font-style:normal; color:#aaa; font-weight:normal;">Có hồ bơi</span>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="false" errorkeyname="Có hồ bơi" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
<li class="none">
<img style="width:21px;float:left; display:inline; vertical-align:middle" src="/style/images/catico/facilities/2/giaohang.png" alt="Có giao hàng">
<span style="float:left; padding:3px 0 0 5px;font-style:normal; color:#aaa; font-weight:normal;">Có giao hàng</span>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="false" errorkeyname="Có giao hàng" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
<li class="none">
<img style="width:21px;float:left; display:inline; vertical-align:middle" src="/style/images/catico/facilities/2/maylanh.png" alt="Có máy lạnh & điều hòa">
<span style="float:left; padding:3px 0 0 5px;font-style:normal; color:#aaa; font-weight:normal;">Có máy lạnh & điều hòa</span>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="false" errorkeyname="Có máy lạnh & điều hòa" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
<li class="none">
<img style="width:21px;float:left; display:inline; vertical-align:middle" src="/style/images/catico/facilities/2/trabangthe.png" alt="Trả bằng thẻ">
<span style="float:left; padding:3px 0 0 5px;font-style:normal; color:#aaa; font-weight:normal;">Trả bằng thẻ</span>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="false" errorkeyname="Trả bằng thẻ" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
<li>
<img style="width:21px;float:left; display:inline; vertical-align:middle;" src="/style/images/catico/facilities/3/chodauxehoi.png" alt="Có chỗ đậu ôtô">
<a style="float:left;padding:3px 0 0 5px;font-weight:bold;" href="/quang-binh/dia-diem-co-cho-dau-oto">Có chỗ đậu ôtô</a>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="true" errorkeyname="Có chỗ đậu ôtô" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
<li class="none">
<img style="width:21px;float:left; display:inline; vertical-align:middle" src="/style/images/catico/facilities/2/datbantruoc.png" alt="Nên đặt trước">
<span style="float:left; padding:3px 0 0 5px;font-style:normal; color:#aaa; font-weight:normal;">Nên đặt trước</span>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="false" errorkeyname="Nên đặt trước" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
<li class="none">
<img style="width:21px;float:left; display:inline; vertical-align:middle" src="/style/images/catico/facilities/2/banngoaitroi.png" alt="Có bàn ngoài trời">
<span style="float:left; padding:3px 0 0 5px;font-style:normal; color:#aaa; font-weight:normal;">Có bàn ngoài trời</span>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="false" errorkeyname="Có bàn ngoài trời" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
<li class="none">
<img style="width:21px;float:left; display:inline; vertical-align:middle" src="/style/images/catico/facilities/2/vuichoitreem.png" alt="Có chỗ chơi cho trẻ em">
<span style="float:left; padding:3px 0 0 5px;font-style:normal; color:#aaa; font-weight:normal;">Có chỗ chơi cho trẻ em</span>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="false" errorkeyname="Có chỗ chơi cho trẻ em" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
<li class="none">
<img style="width:21px;float:left; display:inline; vertical-align:middle" src="/style/images/catico/facilities/2/tipnhanvien.png" alt="Tip cho nhân viên">
<span style="float:left; padding:3px 0 0 5px;font-style:normal; color:#aaa; font-weight:normal;">Tip cho nhân viên</span>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="false" errorkeyname="Tip cho nhân viên" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
<li class="none">
<img style="width:21px;float:left; display:inline; vertical-align:middle" src="/style/images/catico/facilities/2/hutthuoc.png" alt="Có khu vực hút thuốc">
<span style="float:left; padding:3px 0 0 5px;font-style:normal; color:#aaa; font-weight:normal;">Có khu vực hút thuốc</span>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="false" errorkeyname="Có khu vực hút thuốc" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
<li class="none">
<img style="width:21px;float:left; display:inline; vertical-align:middle" src="/style/images/catico/facilities/2/xuathoadon.png" alt="Có xuất hóa đơn đỏ">
<span style="float:left; padding:3px 0 0 5px;font-style:normal; color:#aaa; font-weight:normal;">Có xuất hóa đơn đỏ</span>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="false" errorkeyname="Có xuất hóa đơn đỏ" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
<li class="none">
<img style="width:21px;float:left; display:inline; vertical-align:middle" src="/style/images/catico/facilities/2/hotrohoithao.png" alt="Có hỗ trợ hội thảo">
<span style="float:left; padding:3px 0 0 5px;font-style:normal; color:#aaa; font-weight:normal;">Có hỗ trợ hội thảo</span>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="false" errorkeyname="Có hỗ trợ hội thảo" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
<li class="none">
<img style="width:21px;float:left; display:inline; vertical-align:middle" src="/style/images/catico/facilities/2/nguoikhuyettat.png" alt="Có hỗ trợ người khuyết tật">
<span style="float:left; padding:3px 0 0 5px;font-style:normal; color:#aaa; font-weight:normal;">Có hỗ trợ người khuyết tật</span>
<a class="resproperties-report" style="padding-left: 5px;padding-top: 3px;float: right;" istrue="false" errorkeyname="Có hỗ trợ người khuyết tật" href="javascript:void(0);"><span class="fa fa-pencil"></span></a>
</li>
</ul>
</div>
</div>
</div>
<!-- end property -->
<!-- Start Banner Ads -->
<!-- End Banner Ads -->
</div>
<div style="overflow:hidden;padding:15px;margin-top:20px;">
<div class="microsite-box-content-right">
<div id="areas-block">
<ul class="microsite-areas">
<li><a href="/quang-binh/khu-vuc-cho-ba-don">
<b style="float:left;">Chợ Ba Đồn</b>
<span>28</span></a></li>
<li><a href="/quang-binh/khu-vuc-cau-ron">
<b style="float:left;">Cầu Ròn</b>
<span>12</span></a></li>
<li><a href="/quang-binh/khu-vuc-dao-yen">
<b style="float:left;">Đảo Yến</b>
<span>4</span></a></li>
</ul>
</div>
<div id="areas-show-all-block" class="viewmore">
<a href="/quang-binh/khu-vuc-quang-trach" id="areas-show-all-link">Xem tất cả</a>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#areas-show-all-link').click(function () {
$('#areas-block').css('height', 'auto');
$('#areas-show-all-block').remove();
});
});
</script>
<script type="text/javascript">
$('.mic-navigation li[data-item-id] a').on('click', function () {
var aLink = $(this);
var parent = aLink.parent();
var itemId = parent.data('item-id');
if (itemId == 7 || itemId == 1 || itemId == 2) {
var offset = $('*[data-mic-nav="' + parent.data('item-id') + '"]').offset();
var body = $("html, body");
body.stop().animate({ scrollTop: offset.top - 110 }, '500', 'swing', function () {
//alert("Finished animating");
});
return false;
}
});
var microNavs = [];
for (var i = 0; i < 10; i++) {
var block = $('*[data-mic-nav="' + i + '"]');
if (block.length > 0)
microNavs.push({ Block: block, Id: i })
}
</script>
<script>
$(document).ready(function () {
var total = 0;
$('.data-album-count').each(function () {
total += parseInt($(this).data('album-count'));
});
if (total > 0)
$('.pn-loadmore').css('display', 'block');
});
</script>
<script>
if ('False' == 'True') {
var resId = '';
if (resId > 0) {
var ViewContent = {
content_ids: [resId],
content_type: "product"
};
fbq('track', 'ViewContent', ViewContent);
}
}
</script>
<div class="clear"></div>
<!--End of micro content-->
<script>
var PopupResBookingModel = function(language) {
var self = this;
var callBack = null;
var fnOnClose = null;
var bPopup = null;
self.lang = language;
var selector = '#ppResBooking';
self.Model = {
Name: ko.observable(''),
Description: ko.observable(''),
IsPublic: ko.observable('true'),
IsContribute: ko.observable(true)
};
function callFunction(fnc, arg) {
if (typeof fnc == 'function')
fnc(arg);
}
self.Close = function() {
bPopup.close();
if (typeof fnOnClose == "function")
fnOnClose();
};
self.Show = function(arg, callback, onClose) {
callBack = callback;
fnOnClose = onClose;
//if (arg) {
//
self.Model.Name(arg.Name);
//
self.Model.Description(arg.Description);
//
self.Model.IsPublic(arg.IsPublic + '');
//
self.Model.IsContribute(arg.IsContribute);
//} else {
//
self.Model.Name('');
//
self.Model.Description('');
//
self.Model.IsPublic('true');
//
self.Model.IsContribute(true);
//}
bPopup = $(selector).bPopup({
zIndex: 10001,
closeClass: 'dlgc-btn-close',
modalClose: false,
followSpeed :0,
onOpen: function() {
// callFunction(callBack);
}
});
}
self.fnOK = function() {
self.Close();
};
self.fnCancel = function () {
self.Close();
};
};
$(function () {
window.popupResBooking = new PopupResBookingModel();
ko.applyBindings(popupResBooking, document.getElementById('ppResBooking'));
$('.users-request-booking').on('click', function() {
popupResBooking.Show();
});
});
</script>
<div id="ppResBooking" class="fd-popup rp-popup">
<div class="fd-popup-frame">
<div class="dlgc-btn-close" data-bind="click:fnCancel"></div>
<div class="dlgc-title">
<span>Đặt bàn</span>
</div>
<div class="dlgc-content-frame">
<div class="dlgcf-content">
<div class="micro-book-request-table">
<table>
<tr>
<td>Ngày đến</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Giờ đến</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Số người lớn</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Số trẻ em</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Ghi chú đặt bàn</td>
<td><textarea rows="3" placeholder="Yêu cầu vị trí bàn, chỗ ngồi, món ăn..."></textarea></td>
</tr>
</table>
</div>
</div>
<div class="dlgcf-buttons clearfix">
<button class="dlgc-btn btn-ok">Hoàn tất</button>
</div>
</div>
</div>
</div>
<div id="wishlist-popup-div">
<div id="wishlist-popup-dialog" style="display: none; height:420px">
<div data-bind="visible: loading" style="padding-top: 100px; padding-bottom: 100px; padding-left: 200px;">
<img alt="Đang tải ..." src="/style/images/loading-review.gif">
</div>
<div data-bind="visible: !loading()" style="white-space:normal;">
<span class="oes" style="margin-bottom: 5px; line-height: 1.4em;" data-bind="text: resName"></span>
<div style="padding-bottom: 10px; border-bottom: #ccc 1px solid; font-size: 12px;">
Đã được lưu <b data-bind="text: total() + ' '"></b> bộ sưu tập
</div>
<div style="overflow: auto; height: 350px; padding-top: 10px;">
<!-- ko foreach: items-->
<div class="microsite-lovers-item-popup">
<div class="popup-image" style="border:1px solid #fff;">
<a data-bind="attr:{href: $root.getListUrl($data)}">
<img data-bind="attr:{src: Img}" width="60">
</a>
</div>
<div class="popup-content" style="width:280px;">
<div><a data-bind="attr: {href: $root.getListUrl($data)}, text: Title"></a></div>
<div style="color:#aaa;"> <span data-bind="text: TotalItems"></span> địa điểm </div>
<div>
By <a data-bind="text: OwnerDisplayName, attr:{href: '/thanh-vien/'+OwnerUserName}" style="color:#02AAD4;font-weight:normal;">Tina Nguyen</a>
</div>
</div>
<!-- ko if: IsSubscribe()!=null -->
<!-- ko if: !IsSubscribe() -->
<div class="btn-follow" data-bind="click: $root.Subscribe">lưu lại</div>
<!--/ko-->
<!-- ko if: IsSubscribe() -->
<div class="btn-unfollow" data-bind="click: $root.UnSubscribe">Bỏ theo dõi</div>
<!--/ko-->
<!--/ko-->
<div class="clear"></div>
</div>
<!-- /ko -->
<!--ko if: (!$root.moreLoading() && $root.totalRemaining()>0)-->
<div style="text-align:center;border:1px solid #DDDDDD;border-radius:2px;font-size:14px;font-weight:bold;padding:12px 0 5px 0;margin-top:5px;clear:both;height:20px;">
<a href="javascript:void(0)" data-bind="click: $root.loadmore">
Xem thêm
</a>
</div>
<div data-bind="visible: $root.moreLoading">loading...</div>
<!--/ko-->
</div>
</div>
</div>
</div>
<script>
/* /scripts/wishlist/foody.wishlistcontext.js */
</script>
<div id="tab-footer-top-friend-user" class="microsite-banner-edge" style="background-color: #fff; padding: 20px 0; float: left; clear: both; width: 100%;position:relative;z-index:11;">
<ul class="home-tab" style="width: 1170px; margin: 0 auto;">
<li class="active">
<a href="#tab-footer-top-user" style="padding: 15px 0; margin-right: 60px;">Top Thành viên</a>
</li>
</ul>
<div id="tab-footer-top-user">
</div>
<script type="text/javascript">
$(function () {
$("#tab-footer-top-friend-user").custabs();
});
</script>
</div>
<div id="addWishListPopup" style="display: none; margin: 0; padding: 0;">
<div id="banner-ads" class="save-popup-ads">
</div>
<div class="fldg-left" data-bind="visible:IsLoadingRes()">
<div class="fldg-left">
<div class="pre-avatar animated-bg" style="height:188px;width:300px"></div>
<div style="overflow:hidden; clear:both;">
<div class="pre-review-points animated-bg" style="margin: 10px 0 0 0;"></div>
<div style="float: left;width: 255px;margin-left: 10px;margin-top: 13px;">
<div class="preload-bar long animated-bg" style="margin-bottom: 7px;"></div>
<div class="preload-bar medium animated-bg" style="clear: both;margin-bottom: 6px;"></div>
</div>
</div>
<div class="pre-avatar animated-bg" style="height:36px;width:300px;margin: 10px 0;"></div>
<div class="fldr-summary" style="height:200px">
</div>
</div>
</div>
<div class="fldg-left" data-bind="visible:!IsLoadingRes()">
<div class="fldg-left" data-bind="with:ResSummary">
<a>
<img class="fldr-res-avatar" src="" data-bind="attr:{src:Restaurant.Avatar}">
</a>
<div style="overflow:hidden; clear:both;">
<div class="review-points green" data-bind="css:{'green':Restaurant.AvgRating>=6, 'grey':Restaurant.AvgRating==0||Restaurant.AvgRating==null}">
<span data-bind="text:Restaurant.AvgRating.formatPoint()">_._</span>
</div>
<div style="float: left; width: 255px; margin-left: 10px;">
<div class="fldr-res-title ng-binding" data-bind="text:Restaurant.Name"> </div>
<div class="fldr-res-address ng-binding" data-bind="text:Restaurant.Address"> </div>
</div>
</div>
<div><a class="btn-write fd-write-review" data-bind="attr:{'data-res-id':$parent.restaurantId,'resid':$parent.restaurantId}"><i class="fa fa-comment"></i> Viết bình luận</a></div>
<div class="fldr-summary">
<div class="fldr-res-points">
<span data-bind="text:AvgReview.Total.formatK(0)"> </span> Bình luận
</div>
<ul>
<li>
<div class="counts" data-bind="text:AvgReview.TotalPerfect.formatK(0)"> </div>
<div>Tuyệt vời</div>
</li>
<li>
<div class="counts" data-bind="text:AvgReview.TotalGood.formatK(0)"> </div>
<div>Khá tốt</div>
</li>
<li>
<div class="counts" data-bind="text:AvgReview.TotalAvg.formatK(0)"> </div>
<div>Trung bình</div>
</li>
<li>
<div class="counts" data-bind="text:AvgReview.TotalBad.formatK(0)"> </div>
<div>Kém</div>
</li>
</ul>
<div class="fldr-rating">
<div class="title">Đánh giá:</div>
<img class="ruler" src="/style/images/icons/ratin-rank.png">
<ul data-bind="foreach: { data: Rating, as: 'rate' }">
<li>
<label data-bind="text:rate.Label"> </label>
<div class="range" data-bind="{attr:{'data-val':rate.Point}}"></div>
<span data-bind="text:rate.Point"> </span>
</li>
</ul>
</div>
</div>
</div>
</div>
<ul data-bind="if:isLoading()" style="float:right; width:655px;">
<li class="tool-custom-list">
<div class="list-addmore-but">
<span style="float: left; margin-right: 10px;">Chọn bộ sưu tập để lưu lại </span>
<span data-bind="visible: isLoading" style="float: left; margin-top: 2px;">
<img src="/style/images/icons/ajax-loader.gif" alt="loading...">
</span>
<span style="float:right;" class="fa fa-map-marker">
</span>
</div>
<div class="custom-list-wrapper">
<div class="search-of-collections">
<input class="txt-search-title" type="text" value="" placeholder="Tìm kiếm bộ sưu tập theo tên...">
<span class="fa fa-search" style="position: absolute; left: 15px; top: 11px; color: #999;"></span>
<span class="fa fa-times" style="position: absolute; right: 15px; top: 11px; cursor: pointer;"></span>
</div>
<ul class="list-of-collections">
<li style="position: relative; overflow: hidden;">
<div style="border-bottom: 1px solid #eee;padding: 14px 0px 0px 30px;height: 22px;">
</div>
</li>
<li style="position: relative; overflow: hidden;">
<div style="border-bottom: 1px solid #eee;padding: 14px 0px 0px 30px;height: 22px;">
</div>
</li>
<li style="position: relative; overflow: hidden;">
<div style="border-bottom: 1px solid #eee;padding: 14px 0px 0px 30px;height: 22px;">
</div>
</li>
<li style="position: relative; overflow: hidden;">
<div style="border-bottom: 1px solid #eee;padding: 14px 0px 0px 30px;height: 22px;">
</div>
</li>
<li style="position: relative; overflow: hidden;">
<div style="border-bottom: 1px solid #eee;padding: 14px 0px 0px 30px;height: 22px;">
</div>
</li>
<li style="position: relative; overflow: hidden;">
<div style="border-bottom: 1px solid #eee;padding: 14px 0px 0px 30px;height: 22px;">
</div>
</li>
</ul>
</div>
<div class="place-collection-createbutton">
<div class="pre-avatar animated-bg" style="height:38px;width:100%;margin-top:15px;"></div>
</div>
</li>
</ul>
<ul data-bind="visible:!isLoading()" style="float:right; width:655px;">
<li class="tool-custom-list">
<div class="list-addmore-but">
<span style="float: left; margin-right: 10px;">Chọn bộ sưu tập để lưu lại </span>
<span data-bind="visible: isLoading" style="float: left; margin-top: 2px;">
<img src="/style/images/icons/ajax-loader.gif" alt="loading...">
</span>
<span style="float:right;" class="fa fa-map-marker">
</span>
</div>
<div class="custom-list-wrapper">
<div class="search-of-collections">
<input class="txt-search-title" type="text" value="" placeholder="Tìm kiếm bộ sưu tập theo tên..." onkeyup="addWishListPopupModel.searchTitleChange();">
<span class="fa fa-search" style="position: absolute; left: 15px; top: 11px; color: #999;"></span>
<span class="fa fa-times" style="position: absolute; right: 15px; top: 11px; cursor: pointer;" onclick="addWishListPopupModel.clearTitle()"></span>
</div>
<ul data-bind="foreach: lists" class="list-of-collections">
<li style="position: relative; overflow: hidden;" data-bind="visible: Title.toLowerCase().indexOf($root.searchTitle().toLowerCase()) > -1">
<a data-bind="attr: { 'data-name': Name }, css: { 'checked': RestaurantId() == $parent.restaurantId() }, click: $parent.toggleSelection">
<span class="list-label" data-bind="text: Title"></span>
</a>
<a data-bind="attr: { href: Url }" href="#" target="_blank" title="Go to list" class="custom-list-viewdetail">
<label data-bind="text:'Xem {0}'.replace('{0}',TotalItems())"></label>
<i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
</div>
<div class="place-collection-createbutton">
<a href="#" data-bind="click: createNewList">
+ Tạo bộ sưu tập mới
</a>
</div>
</li>
</ul>
</div>
<script>
var content = $('#banner-ads').children().length;
if (content > 0) {
$("#banner-ads").addClass('ads-banner');
}
</script>
<div class="footer-down-app-wrap" style="margin-top:0;background: #eeeeee;position: relative;z-index: 11;">
<div class="footer-down-app">
<div class="footer-intro-app">Tìm địa điểm trên đường đi? Tải app Foody!</div>
<div style="float:left; width:240px;margin-top:-8px;">
<div style="border:#ddd 1px solid; background:#fff;text-align: center; padding: 5px 30px;width:100px;margin-bottom:40px; overflow:hidden; clear:both;">
Thống kê
</div>
<div class="footer-down-stats">
<div class="footer-down-stats-header">334,384 Địa điểm</div>
<div class="footer-down-stats-desc">toàn quốc</div>
</div>
<div class="footer-down-stats">
<div class="footer-down-stats-header">38,630,265 người sử dụng</div>
<div class="footer-down-stats-desc">trong & ngoài nước</div>
</div>
<div class="footer-down-stats">
<div class="footer-down-stats-header">1,481,841 bình luận</div>
<div class="footer-down-stats-desc">đã chia sẻ</div>
</div>
<div class="footer-down-stats">
<div class="footer-down-stats-header">608,066 check-in</div>
<div class="footer-down-stats-desc">đã thực hiện</div>
</div>
<div class="footer-down-stats">
<div class="footer-down-stats-header">10,232,333 hình ảnh</div>
<div class="footer-down-stats-desc">được tải lên</div>
</div>
<div class="footer-down-stats">
<div class="footer-down-stats-header">24,623,376 Bộ sưu tập</div>
<div class="footer-down-stats-desc">bộ sưu tập được tạo</div>
</div>
</div>
<div style="float:right; width:752px;">
<a href="https://itunes.apple.com/app/id570435154" target="_blank" style="float: left; text-align: center; display: block;" rel="nofollow">
<span style="border: #ddd 1px solid; background: #fff; padding: 5px 30px; border-radius: 2px;">iOS App</span>
<img style="margin-top:20px;" src="/style/images/icons/ios-footer.png" alt="App Foody iOS" title="App Foody iOS">
</a>
<a href="https://play.google.com/store/apps/details?id=com.foody.vn.activity" target="_blank" style="float: left; text-align: center; display: block;" rel="nofollow">
<span style="border: #ddd 1px solid; background: #fff; padding: 5px 30px; border-radius: 2px;">Android App</span>
<img style="margin-top:20px;" src="/style/images/icons/android-footer.png" alt="App Foody Android" title="App Foody Android">
</a>
<a href="https://www.windowsphone.com/en-us/store/app/foody/0ed64e33-cff6-4211-a971-71e496ae9066" target="_blank" style="float: left; text-align: center; display: block;" rel="nofollow">
<span style="border: #ddd 1px solid; background: #fff; padding: 5px 30px; border-radius: 2px;">Windows App</span>
<img src="/style/images/icons/windows-footer.png" alt="App Foody WindowPhone" title="App Foody WindowPhone">
</a>
</div>
</div>
</div>
<footer class="footer" style="position: relative;z-index: 11;">
<div class="footer-fixed">
<div class="footer-min">
<div class="footer-left-box" style="display:none;">
<div class="footer-titles">Cài đặt</div>
<ul>
<li style="width:100%;float:left;margin:3px 0 7px;">
<div style="float: left;padding:3px 5px 0 0;color:#666; width:100px;">Tỉnh thành</div>
<div style="float: left;">
<dl id="f_dropdown" class="drop_seeall">
<dt>
<a href="javascript:void(0)" style="cursor:default;"><span class="text" style="cursor:default;">Quảng Bình</span></a>
</dt>
</dl>
</div>
</li>
<li style="width:100%;float:left;margin:3px 0 7px;">
<div style="float: left;padding-right:5px;color:#666; width:100px;">Ngôn ngữ</div>
<div class="footer-language-chooser">
<a href="javascript:void(0)" style="cursor:default;" rel="nofollow">
Tiếng Việt
</a>
</div>
</li>
</ul>
</div>
<div class="footer-middle-box">
<div class="footer-titles">Khám phá</div>
<ul>
<li><a href="/ung-dung-mobile" rel="nofollow">Ứng dụng Mobile</a></li>
<li><a href="javascript:void(0)" class="add-new-reviews" rel="nofollow">Viết bình luận</a></li>
<li><a href="javascript:void(0)" class="add-new-list" rel="nofollow">Tạo bộ sưu tập</a></li>
<li><a href="/chinh-sach-thuong" rel="nofollow">Phần thưởng</a></li>
<li><a href="/bao-mat-thong-tin" rel="nofollow">Bảo mật thông tin</a></li>
<li><a href="/dieu-khoan-su-dung" rel="nofollow">Quy định</a></li>
</ul>
</div>
<div class="footer-middle-box">
<div class="footer-titles">Công ty</div>
<ul>
<li><a href="/gioi-thieu" rel="nofollow">Giới thiệu</a></li>
<li><a href="/tro-giup" rel="nofollow">Trợ giúp</a></li>
<li><a href="/jobs" rel="nofollow">Việc làm</a></li>
<li><a href="/nha-dau-tu" rel="nofollow">Nhà đầu tư</a></li>
<li><a href="/gop-y" rel="nofollow">Góp ý</a></li>
<li><a href="/regulation" rel="nofollow">Regulation</a></li>
<li><a href="/lien-he" rel="nofollow">Liên hệ</a></li>
</ul>
</div>
<div class="footer-middle-box" style="padding-left: 35px; width: 200px;" id="footer-join">
<div class="footer-titles" rel="nofollow">Tham gia trên</div>
<ul>
<li><a href="https://www.facebook.com/FoodyVietnam" target="_blank" rel="nofollow">Facebook</a></li>
<li><a href="https://www.instagram.com/foodysaigon" target="_blank" rel="nofollow">Instagram</a></li>
<li><a href="https://www.youtube.com/c/FoodyVn" target="_blank" rel="nofollow">Youtube</a></li>
<li><a href="https://plus.google.com/104802868919802646307" target="_blank" rel="publisher">Google</a></li>
<li style="clear: both;">
<a href="https://www.tablenow.vn" target="_blank" rel="nofollow">
TableNow.vn
</a>
- Đặt bàn ưu đãi
</li>
<li style="clear: both;">
<a href="https://www.now.vn" target="_blank" rel="nofollow">
Now.vn
</a>
- Giao đồ ăn tận nơi
</li>
<li style="clear: both;">
<a href="//www.nowpos.vn" target="_blank" rel="nofollow">
NowPOS
</a>
- Phần mềm quản lý
</li>
</ul>
</div>
<div class="footer-middle-box" style="padding-left: 35px; width: 160px;">
<div class="footer-titles">Giấy phép</div>
<ul>
<li><a>MXH 363/GP-BTTTT</a></li>
<li>
<a target="_blank" rel="nofollow" href="http://online.gov.vn/HomePage/WebsiteDisplay.aspx?DocId=13113">
<img src="/style/images/gov_seals.jpg" width="160" style="margin-left: -5px;" alt="logo-da-dang-ky-bo-cong-thuong">
</a>
</li>
</ul>
</div>
<div class="footer-middle-box" style="padding-left: 35px; width: 160px;">
<script language="JavaScript" src="https://dunsregistered.dnb.com" type="text/javascript"></script>
</div>
</div>
</div>
<div class="footer-country-list">
<span style="color: #999; clear: both; display: block;">
©2017 Foody Corporation. Lầu 8, Tòa nhà Jabes 1, 244 Cống Quỳnh, P. Phạm Ngũ Lão, Quận 1, TP.HCM
</span>
<span id="foody-hot-line" style="color: #999; clear: both; display: block;">
Điện thoại: 1900 2042
Email: info@foody.vn
</span>
<span style="color: #999; clear: both; display: block;">
Giấy CN ĐKDN số 0311828036 do Sở Kế hoạch và Đầu tư TP.HCM cấp ngày 11/6/2012, sửa đổi lần thứ 21, ngày 04/10/2019
</span>
<span style="color: #999; clear: both; display: block;">
Giấy phép thiết lập MXH trên mạng số 363/GP-BTTTT do Bộ Thông tin và Truyền thông cấp ngày 30/6/2016
Người chịu trách nhiệm: Đặng Hoàng Minh.
</span>
</div>
<script>
function InviteFriend() {
}
</script>
</footer>
<style type="text/css">
.popup-download-app {
position: fixed;
z-index: 610;
display: none;
bottom: 0;
width: 750px;
height: 200px;
background: url(/style/images/popup/750x200_popupdownloadapp.png) no-repeat;
}
.popup-download-app .pda-btn-close {
position: absolute;
right: 0;
top: 35px;
width: 25px;
height: 25px;
cursor: pointer;
z-index: 1;
}
.popup-download-app .pda-btn-frame {
position: absolute;
left: 5px;
top: 40px;
width: 110px;
bottom: 0;
z-index: 1;
}
.popup-download-app .pda-btn-frame a {
display: block;
float: none;
width: 100%;
height: 40px;
margin: 10px 0 10px 0;
cursor: pointer;
}
.popup-download-app .pda-content-link {
height: 100%;
position: relative;
}
.popup-download-app .pda-qcode {
position: absolute;
width: 60px;
height: 60px;
right: 40px;
bottom: 20px;
}
.popup-download-app .pda-content-link
.pda-content {
position: absolute;
left: 300px;
width: 340px;
top: 117px;
color: #959595;
font-size: 15px;
white-space: normal;
line-height: 1.3em;
}
.popup-download-app .pda-content-link
.pda-content p {
margin-bottom: 10px;
}
.popup-download-app .pda-content-link
.pda-content b {
font-weight: bold;
font-size: 18px;
color: #ffffff;
}
</style>
<div class="popup-download-app">
<div class="pda-btn-close"></div>
<div class="pda-btn-frame">
<a href="https://itunes.apple.com/app/id570435154" title="iOS App">
<img src="/style/images/popup/popupdownload-appstore.png">
</a>
<a href="https://play.google.com/store/apps/details?id=com.foody.vn.activity" title="Android App">
<img src="/style/images/popup/popupdownload-googleplay.png">
</a>
<a href="https://www.windowsphone.com/en-us/store/app/foody/0ed64e33-cff6-4211-a971-71e496ae9066" title="Windows App">
<img src="/style/images/popup/popupdownload-windowstore.png">
</a>
</div>
<a href="/ung-dung-mobile">
<div class="pda-content-link">
<div class="pda-content">
<p><b>Ứng Dụng tìm kiếm địa điểm ăn uống</b></p>
<p>Nhanh & tiện lợi - với hàng ngàn địa điểm, bình luận, hình ảnh & thành viên chia sẻ</p>
</div>
</div>
</a>
<img class="pda-qcode" src="/style/images/popup/android-code-vn.png">
</div>
<script type="text/javascript">
//popupDownloadRePosition();
//function popupDownloadRePosition() {
//
var popup = $('.popup-download-app');
//
var wWidth = $(window).innerWidth();
//
var pWidth = popup.width();
//
var pLeft = (wWidth - pWidth) / 2;
//
popup.css('left', pLeft);
//}
////$('.popup-download-app').slideDown(function () { $('.popup-download-app').attr('style', ''); });
//$('.popup-download-app .pda-btn-close').on('click', function () {
//
$('.popup-download-app').slideUp();
//
$.cookie('pda-close', '1', { path: '/' });
//});
//setTimeout(function () {
//
if ($.cookie('pda-close') != '1')
//
$('.popup-download-app').slideDown();
//}, 2000);
//$(window).resize(function () {
//
popupDownloadRePosition();
//});
</script>
<div id="HelperCtrl" ng-controller="HelperCtrl" style="position:absolute;z-index:10;"></div>
<script>
function googleLoadMapCallback() {
if (typeof (googleLoadMap) == "function") {
googleLoadMap();
}
}
</script>
<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?v=3&callback=googleLoadMapCallback&libraries=visualization,drawing,geometry,places&key=AIzaSyA2Zb2vY8-t_9BUYqFFjc9LQiNWUZPLft4&language=vn"></script>
<script>
window.dataLanguagesPc = {
BtnCollectionSaved: 'Đã lưu bộ sưu tập',
BtnCollectionSave: 'Lưu bộ sưu tập',
BtnShare: 'Chia sẻ',
BtnLike: 'Thích',
BtnUnLike: 'Bỏ thích',
UpdatedOn: 'Cập nhật ngày',
Views: 'Lượt xem',
Photos: 'Hình ảnh',
BtnViewMoreCollection: 'Xem thêm bộ sưu tập',
BtnViewMorePhoto: 'Xem thêm hình ảnh',
DlgPhotoTitleSave: 'Lưu ảnh vào bộ sưu tập',
InputCollectionName: 'Tên bộ sưu tập',
Description: 'Mô tả bộ sưu tập',
BtnCollectionCreate: 'Tạo mới bộ sưu tập',
BtnCreate: 'Tạo',
BtnCreateNew: 'Tạo mới bộ sưu tập',
BtnEdit: 'Chỉnh sửa',
BtnDelete: 'Xoá',
BtnPublic: 'Công khai (Public)',
InputCollectionNameNew: 'Nhập tên bộ sưu tập mới',
DlgCollectionTitleEdit: 'Chỉnh sửa bộ sưu tập',
BtnCancel: 'Huỷ',
BtnSave: 'Lưu',
Saved: 'Lưu lại',
Like: 'Thích',
DlgCollectionTitleShare: 'Chia sẻ bộ sưu tập hình ảnh',
DlgCollectionChooseMethodShare: 'Vui lòng chọn hình thức chia sẻ',
MsgConfirmDeletePhoto: 'Bạn có chắc muốn xoá hình này?',
MsgConfirmDeleteCollection: 'Bạn có chắc muốn xoá bộ sưu tập này?',
MsgCollectionNameExist: 'Tên bộ sưu tập đã tồn tại',
MsgAddPhotoSelectRequired: 'Vui lòng chọn hình ảnh của bạn để thêm vào bộ sưu tập này!',
MsgActionFailure: 'Có lỗi xảy ra trong quá trình xử lý.\r\nBạn vui lòng thử lại sau.',
FilterByName: 'Tìm kiếm theo tên bộ sưu tập'
};
</script>
<script>
var PopupSavePhotoModel = function () {
var self = this;
var listCollectionModel = function (arg) {
var self = this;
var root = arg.root;
var type = arg.type;
this.Items = ko.observableArray([]);
this.Total = ko.observable(0);
this.LastId = ko.observable(null);
this.Count = ko.observable(14);
function createItemModel(item) {
item.TotalItems = ko.observable(item.TotalItems);
item.IsChecked = ko.observable(item.IsChecked);
item.Name = ko.observable(item.Name);
item.IconState = function (state) {
if (state) {
if (root.IsLoading() == true) {
if (root.Model.Filter.Id() == item.Id)
return 'fa fa-circle-o-notch fa-spin';
}
}
return item.IsChecked() == true ? 'fa fa-circle' : 'fa fa-circle-o';
}
return item;
}
function createCollectionModel(items) {
var rs = self.Items;
if (!items || items.length == 0)
return rs;
for (var i = 0; i < items.length; i++) {
rs.push(createItemModel(items[i]));
}
return rs;
}
this.Reset = function () {
self.Items([]);
self.Total(0);
self.LastId(null);
};
this.BindData = function (data) {
createCollectionModel(data.Items);
self.Total(data.Total);
self.LastId(data.LastId);
};
this.SetCheckedItem = function (id, isChecked) {
var items = self.Items();
var len = items.length;
for (var i = 0; i < len; i++) {
var collection = items[i];
if (collection.Id == id) {
collection.IsChecked(isChecked);
var count = collection.TotalItems();
if (type == 1)
collection.TotalItems(isChecked == true ? count + 1 : count - 1);
break;
}
}
}
this.fnLoadMore = function () {
root.bindListCollection({ type: type });
};
this.TotalRemaining = function () {
return self.Total() - self.Items().length;
};
};
var fnCallBack = null;
var bPopup = null;
var selector = '#ppSavePhoto';
self.IsLoading = ko.observable(false);
self.IsEnabledCreateInput = ko.observable(true);
self.Model = {
PictureId: ko.observable(null),
Filter: {
Id: ko.observable(null),
Name: ko.observable(''),
NameOther: ko.observable('')
}
};
self.Model.ListColl = new listCollectionModel({ root: self, type: 1 });
self.Model.ListCollOther = new listCollectionModel({ root: self, type: 2 });
function callFunction(fnc, arg) {
if (typeof fnc == 'function')
fnc(arg);
}
function listCollection(arg, fnc) {
var query = arg.type == 2 ? self.Model.Filter.NameOther() : self.Model.Filter.Name();
var count = arg.type == 2 ? self.Model.ListCollOther.Count() : self.Model.ListColl.Count();
var lastId = arg.type == 2 ? self.Model.ListCollOther.LastId() : self.Model.ListColl.LastId();
$.get('/PhotoCollection/ListCollection?checkPictureId=' + self.Model.PictureId() + '&query=' + query + '&type=' + arg.type + '&lastId=' + lastId + '&count=' + count, function (res) {
if (res)
callFunction(fnc, res);
}).error(function (res) {
console.log(res);
});
}
this.bindListCollection = function (arg, fnc) {
arg = arg ? arg : { type: 1 };
self.IsLoading(true);
if (arg.reset == true)
if (arg.type === 2) {
self.Model.ListCollOther.Reset();
} else {
self.Model.ListColl.Reset();
}
listCollection(arg, function (res) {
if (arg.type === 2) {
self.Model.ListCollOther.BindData(res);
} else {
self.Model.ListColl.BindData(res);
}
self.IsLoading(false);
setTimeout(function () {
bPopup.reposition(200);
}, 200);
callFunction(fnc);
});
}
self.ItemsAfterRender = function () {
};
self.fnFilter = function (type) {
if (type == 2)
self.Model.Filter.NameOther($('#ppSavePhoto #pc-other-collections .dlgcf-title input[type="text"]').val());
else
self.Model.Filter.Name($('#ppSavePhoto #pc-my-collections .dlgcf-title input[type="text"]').val());
if (self.fnFilter._timeout)
clearTimeout(self.fnFilter._timeout);
self.fnFilter._timeout = setTimeout(function () {
self.bindListCollection({ type: type, reset: true });
}, 500);
return true;
};
self.fnCreateCollection = function () {
if (!window.popupEditPhotoCollection) return;
self.Close();
window.popupEditPhotoCollection.Show({ Name: '', Description: '', IsPublic: true, IsContribute: true }, function (res) {
self.IsLoading(true);
res.PictureId = self.Model.PictureId();
$.post('/PhotoCollection/CreateCollection', res, function (res1) {
if (res1 && res1.data) {
window.popupEditPhotoCollection.Close();
}
else if (res1.error) {
if (res1.error.code == 2) {
alert('Tên bộ sưu tập đã tồn tại');
}
self.IsLoading(false);
}
else {
alert('Có lỗi xảy ra trong quá trình xử lý.\r\nBạn vui lòng thử lại sau.');
self.IsLoading(false);
}
}).error(function (res1) {
console.log(res1);
alert('Có lỗi xảy ra trong quá trình xử lý.\r\nBạn vui lòng thử lại sau.');
self.IsLoading(false);
});
}, function () {
self.Show({ PictureId: self.Model.PictureId() }, fnCallBack);
});
};
self.fnSavePhotoToggle = function (type, collection) {
self.Model.Filter.Id(collection.Id);
var iconState = collection.IconState(true);
if (type == 2) {
if (collection.IsChecked() == true) {
return;
}
self.IsLoading(true);
$('#ppSavePhoto ul li [item-id="' + collection.Id + '"] i').attr('class', iconState);
$.post('/PhotoCollection/AddPhotoContributeToggle', { pictureId: self.Model.PictureId(), collectionId: self.Model.Filter.Id() }, function (data) {
console.log(data);
if (data.success == true) {
self.Model.ListCollOther.SetCheckedItem(collection.Id, data.IsChecked);
} else {
console.log(data);
}
self.IsLoading(false);
});
} else {
self.IsLoading(true);
$('#ppSavePhoto ul li [item-id="' + collection.Id + '"] i').attr('class', iconState);
$.post('/PhotoCollection/SavePhotoToggle', {
CollectionId: self.Model.Filter.Id(),
PictureId: self.Model.PictureId()
}, function (res) {
if (res) {
self.Model.ListColl.SetCheckedItem(collection.Id, res.IsChecked);
}
self.IsLoading(false);
}).error(function (res) {
console.log(res);
alert('Có lỗi xảy ra trong quá trình xử lý.\r\nBạn vui lòng thử lại sau.');
self.IsLoading(false);
});
}
};
self.Close = function () {
bPopup.close();
};
self.Show = function (arg, callback) {
fnCallBack = callback;
self.Model.PictureId(arg.PictureId);
self.Model.Filter.Name('');
self._tabUi.Reset();
if (arg.Reset == true) {
self.Model.ListCollOther.Reset();
self.Model.ListColl.Reset();
}
bPopup = $(selector).bPopup({
zIndex: 10000,
closeClass: 'dlgc-btn-close',
modalClose: true,
followSpeed: 0,
onOpen: function () {
$('#ppSavePhoto .pc-nav-add-photo>ul>li a[href="#pc-my-collections"]').parent().click();
// self.bindListCollection({ type: 1, reset: true });
},
onClose: function () {
}
});
}
self.fnOK = function () {
callFunction(fnCallBack, { Name: self.Model.Name(), Description: self.Model.Description() });
};
self.fnCancel = function () {
self.Close();
};
self._tabUi = $('#ppSavePhoto .pc-nav-add-photo').custabs({
onChanged: function (sender) {
var target = $(sender).find('a').attr('href');
if (target == '#pc-my-collections') {
self.bindListCollection({ type: 1, reset: true });
} else {
self.bindListCollection({ type: 2, reset: true });
}
//console.log(target);
}
});
function _autoLoadMoreOwner() {
if ($('#pc-my-collections:visible').length < 1 || self.Model.ListColl.TotalRemaining() < 1) return;
var sTop = $('.pc-list-collection:visible').scrollTop();
var tHeight = $('#pc-my-collections').height();
var tOffset = $('#pc-my-collections').offset();
if (sTop + tOffset.top > tHeight) {
self.Model.ListColl.fnLoadMore();
}
}
function _autoLoadMoreSaved() {
if ($('#pc-other-collections:visible').length < 1 || self.Model.ListCollOther.TotalRemain() < 1) return;
var sTop = $('.pc-list-collection:visible').scrollTop();
var tHeight = $('#pc-other-collections').height();
var tOffset = $('#pc-other-collections').offset();
if (sTop + tOffset.top > tHeight) {
self.Model.ListCollOther.fnLoadMore();
}
}
$('.pc-list-collection').scroll(function () {
if (window._timeOut)
clearTimeout(window._timeOut);
window._timeOut = setTimeout(function () {
_autoLoadMoreOwner();
_autoLoadMoreSaved();
}, 100);
});
};
$(function () {
window.popupSavePhoto = new PopupSavePhotoModel(window.dataLanguagesPc);
ko.applyBindings(popupSavePhoto, document.getElementById('ppSavePhoto'));
});
</script>
<style>
</style>
<div id="ppSavePhoto" class="fd-popup pc-popup pp-save-photo">
<div class="fd-popup-frame">
<div class="dlgc-btn-close"></div>
<div class="dlgc-title">
Lưu ảnh vào bộ sưu tập
<span class="fa fa-photo" style="float:right;margin-top:15px;"></span>
</div>
<div class="dlgc-content-frame">
<div class="dlgcf-content">
<div class="pc-nav-add-photo">
<ul>
<li>
<a href="#pc-my-collections">
Bộ sưu tập
</a>
</li>
<li>
<a href="#pc-other-collections">
Bộ sưu tập khác
</a>
</li>
</ul>
<div id="pc-my-collections" class="pc-nav-content" style="display: none;">
<div class="dlgcf-title">
<input type="text" data-bind="event: { keyup: fnFilter.bind(null,1) },value: Model.CollectionName,enable:IsEnabledCreateInput" placeholder="Tìm kiếm theo tên bộ sưu tập">
<span class="fa fa-search" style="position: absolute; left: 15px; top: 11px; color: #999;"></span>
</div>
<ul class="pc-list-collection pc-nav-content-scroll" data-bind="foreach:{data:Model.ListColl.Items , afterRender: ItemsAfterRender}">
<li>
<div data-bind="click:$root.fnSavePhotoToggle.bind($data,1), attr:{'item-id':Id,class:IsChecked()==true?'pc-checked':''}">
<i data-bind="attr:{class:IconState()}" class="fa fa-circle"></i>
<span class="pc-list-item-name" data-bind="html:Name"></span>
<span class="pc-list-item-summary">
<!-- ko text:TotalItems()-->
<!-- /ko -->
Hình ảnh
</span>
</div>
<a class="custom-list-link" data-bind="attr:{href:Url}" target="_blank" href="javascript:void(0)">
</a>
</li>
</ul>
<div data-bind="visible:IsLoading" class="pc-nav-content-loading"></div>
</div>
<div id="pc-other-collections" class="pc-nav-content" style="display: none;">
<div class="dlgcf-title">
<input type="text" data-bind=" event: { keyup: fnFilter.bind(null,2) },value: Model.CollectionName,enable:IsEnabledCreateInput" placeholder="Tìm kiếm theo tên bộ sưu tập">
<span class="fa fa-search" style="position: absolute; left: 15px; top: 11px; color: #999;"></span>
</div>
<ul class="pc-list-collection pc-nav-content-scroll" data-bind="foreach:{data: Model.ListCollOther.Items , afterRender: ItemsAfterRender}">
<li>
<div data-bind="click:$root.fnSavePhotoToggle.bind($data,2), attr:{'item-id':Id,class:IsChecked()==true?'pc-checked':''}">
<i data-bind="attr:{class:IconState()}" class="fa fa-circle"></i>
<span class="pc-list-item-name" data-bind="html:Name"></span>
<span class="pc-list-item-summary">
<!-- ko text:TotalItems()-->
<!-- /ko -->
Hình ảnh
</span>
</div>
<a class="custom-list-link" data-bind="attr:{href:Url}" target="_blank" href="javascript:void(0)">
</a>
</li>
</ul>
<div data-bind="visible:IsLoading" class="pc-nav-content-loading"></div>
</div>
</div>
</div>
<div class="dlgcf-buttons clearfix">
<button data-bind="click:fnCreateCollection" class="dlgc-btn btn-ok">
+ Tạo mới bộ sưu tập
</button>
</div>
</div>
</div>
</div>
<script>
window.dataLanguagesPc = {
BtnCollectionSaved: 'Đã lưu bộ sưu tập',
BtnCollectionSave: 'Lưu bộ sưu tập',
BtnShare: 'Chia sẻ',
BtnLike: 'Thích',
BtnUnLike: 'Bỏ thích',
UpdatedOn: 'Cập nhật ngày',
Views: 'Lượt xem',
Photos: 'Hình ảnh',
BtnViewMoreCollection: 'Xem thêm bộ sưu tập',
BtnViewMorePhoto: 'Xem thêm hình ảnh',
DlgPhotoTitleSave: 'Lưu ảnh vào bộ sưu tập',
InputCollectionName: 'Tên bộ sưu tập',
Description: 'Mô tả bộ sưu tập',
BtnCollectionCreate: 'Tạo mới bộ sưu tập',
BtnCreate: 'Tạo',
BtnCreateNew: 'Tạo mới bộ sưu tập',
BtnEdit: 'Chỉnh sửa',
BtnDelete: 'Xoá',
BtnPublic: 'Công khai (Public)',
InputCollectionNameNew: 'Nhập tên bộ sưu tập mới',
DlgCollectionTitleEdit: 'Chỉnh sửa bộ sưu tập',
BtnCancel: 'Huỷ',
BtnSave: 'Lưu',
Saved: 'Lưu lại',
Like: 'Thích',
DlgCollectionTitleShare: 'Chia sẻ bộ sưu tập hình ảnh',
DlgCollectionChooseMethodShare: 'Vui lòng chọn hình thức chia sẻ',
MsgConfirmDeletePhoto: 'Bạn có chắc muốn xoá hình này?',
MsgConfirmDeleteCollection: 'Bạn có chắc muốn xoá bộ sưu tập này?',
MsgCollectionNameExist: 'Tên bộ sưu tập đã tồn tại',
MsgAddPhotoSelectRequired: 'Vui lòng chọn hình ảnh của bạn để thêm vào bộ sưu tập này!',
MsgActionFailure: 'Có lỗi xảy ra trong quá trình xử lý.\r\nBạn vui lòng thử lại sau.',
FilterByName: 'Tìm kiếm theo tên bộ sưu tập'
};
</script>
<script>
var PopupEditCollectionModel = function (language) {
var self = this;
var callBack = null;
var fnOnClose = null;
var bPopup = null;
self.lang = language;
var selector = '#ppEditCollection';
self.Model = {
Name: ko.observable(''),
Description: ko.observable(''),
IsPublic: ko.observable('true'),
IsContribute: ko.observable(true)
};
function callFunction(fnc, arg) {
if (typeof fnc == 'function')
fnc(arg);
}
self.Close = function () {
bPopup.close();
if (typeof fnOnClose == "function")
fnOnClose();
};
self.Show = function (arg, callback, onClose) {
callBack = callback;
fnOnClose = onClose;
if (arg) {
self.Model.Name(arg.Name);
self.Model.Description(arg.Description);
self.Model.IsPublic(arg.IsPublic + '');
self.Model.IsContribute(arg.IsContribute);
} else {
self.Model.Name('');
self.Model.Description('');
self.Model.IsPublic('true');
self.Model.IsContribute(true);
}
bPopup = $(selector).bPopup({
zIndex: 10001,
closeClass: 'dlgc-btn-close',
modalClose: false,
followSpeed: 0,
onOpen: function () {
// callFunction(callBack);
}
});
}
self.fnOK = function () {
var name = self.Model.Name();
if (name == null || name == '') {
alert('Vui lòng nhập tên bộ sưu tập!');
return;
}
callFunction(callBack, {
Name: self.Model.Name(),
Description: self.Model.Description(),
IsPublic: self.Model.IsPublic() == 'true' ? true : false,
IsContribute: self.Model.IsContribute()
});
};
self.fnCancel = function () {
self.Close();
};
$('#ppEditCollection input[name="pc-setting-is-public"]').on('change', function () {
if ($('#pc_ckb_isPublic').is(':checked'))
self.Model.IsContribute(true);
});
};
$(function () {
window.popupEditPhotoCollection = new PopupEditCollectionModel(window.dataLanguagesPc);
ko.applyBindings(popupEditPhotoCollection, document.getElementById('ppEditCollection'));
});
</script>
<div id="ppEditCollection" class="fd-popup pc-popup">
<div class="fd-popup-frame">
<div class="dlgc-btn-close" data-bind="click:fnCancel"></div>
<div class="dlgc-title">
<span data-bind="text:lang.DlgCollectionTitleEdit"></span>
<span style="float:right;margin-top:15px;" class="fa fa-photo"></span>
</div>
<div class="dlgc-content-frame">
<div class="dlgcf-content">
<div>
<input style="padding-left: 15px;" type="text" data-bind="value: Model.Name,attr:{placeholder:lang.InputCollectionName}" placeholder="Tên bộ sưu tập">
</div>
<div style="margin-top:-1px;">
<textarea rows="6" style="padding-left: 15px;" placeholder="mô tả bộ sưu tập" data-bind="value: Model.Description,attr:{placeholder:lang.Description}"></textarea>
</div>
<div style="padding:5px 15px 20px 15px;">
<div style="color: #888; padding: 0 0 5px 0; text-transform: uppercase; font-size: 11px;">
Cấu hình bộ sưu tập
</div>
<ul class="dlcf-btns-radio">
<li>
<input data-bind="checked:Model.IsPublic" type="radio" value="false" id="pc_ckb_isPrivate" name="pc-setting-is-public">
<label for="pc_ckb_isPrivate">Chỉ mình tôi (Private)</label>
</li>
<li>
<input data-bind="checked:Model.IsPublic" type="radio" value="true" id="pc_ckb_isPublic" name="pc-setting-is-public">
<label for="pc_ckb_isPublic">Công khai (Public)</label>
<ul class="fd-p-checkbox" data-bind="visible:Model.IsPublic()=='true'">
<li>
<input data-bind="checked:Model.IsContribute" type="checkbox" id="ckb-ppeditc-ispublic">
<label for="ckb-ppeditc-ispublic">Cho phép thành viên khác gợi ý thêm hình ảnh</label>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="dlgcf-buttons clearfix">
<button data-bind="click:fnOK,text:lang.BtnSave" class="dlgc-btn btn-ok">Lưu</button>
</div>
</div>
</div>
</div>
<script>
var PopupEditListModel = function (language) {
var self = this;
var fncallBack = null;
var fnOnClose = null;
var bPopup = null;
self.lang = language;
var selector = '#ppEditList';
self.Model = {
Id: ko.observable(null),
Title: ko.observable(''),
Description: ko.observable(''),
IsPublic: ko.observable('true'),
IsContribute: ko.observable('true'),
RestaurantId: ko.observable(null)
};
function callFunction(fnc, arg) {
if (typeof fnc == 'function')
fnc(arg);
}
function fnReset() {
self.Model.Title('');
self.Model.Description('');
self.Model.IsPublic('true');
self.Model.IsContribute('true');
fnUpdateUi();
}
function fnGetData(fnc) {
var t = new Date().getTime();
var listId = self.Model.Id()*1;
if (!(listId > 0)) {
//callFunction(fnc);
return;
}
$.get('/__get/List/GetList?listId=' + listId
+ '&t=' + t, function (res) {
if (!res) {
alert(self.lang.MsgActionFailure);
return;
}
if (res.error) {
if (res.error.code == 3) {
alert('Tên bộ sưu tập đã tồn tại');
return;
}
alert(self.lang.MsgActionFailure);
return;
}
callFunction(fnc, res);
}).error(function (res) {
alert(self.lang.MsgActionFailure);
console.log(res);
});
}
function fnSaveData(data, fnc) {
if (data.Description == null)
data.Description = '';
data.Title = encodeURI(data.Title);
data.Description = encodeURI(data.Description);
$.post('/__post/List/SaveList', data, function (res) {
if (!res) {
alert(self.lang.MsgActionFailure);
return;
}
if (res.error) {
if (res.error.msg)
alert(res.error.msg);
else
alert(self.lang.MsgActionFailure);
return;
}
callFunction(fnc, res);
}).error(function (res) {
alert(self.lang.MsgActionFailure);
console.log(res);
});
}
function fnShow() {
fnGetData(function (res) {
self.Model.Title(res.Title);
self.Model.Description(res.Description);
self.Model.IsPublic(res.IsPublic + '');
self.Model.IsContribute(res.IsContribute);
fnUpdateUi();
});
}
self.Close = function () {
bPopup.close();
if (typeof fnOnClose == "function")
fnOnClose();
};
self.IsEdit = ko.computed(function () {
return self.Model.Id() > 0;
});
self.Show = function (arg, callback, onClose) {
fncallBack = callback;
fnOnClose = onClose;
fnReset();
self.Model.Id(arg.Id);
self.Model.RestaurantId(arg.RestaurantId);
bPopup = $(selector).bPopup({
zIndex: 10001,
closeClass: 'dlgc-btn-close',
modalClose: false,
onOpen: function () {
fnShow();
}
});
}
self.fnOK = function () {
var name = self.Model.Title();
if (name == null || name == '') {
alert('Vui lòng nhập tên bộ sưu tập!');
return;
}
fnSaveData({
Id: self.Model.Id(),
Title: self.Model.Title(),
Description: self.Model.Description(),
IsPublic: self.Model.IsPublic() == 'true' ? true : false,
IsContribute: self.Model.IsContribute(),
RestaurantId: self.Model.RestaurantId()
},
function (res) {
callFunction(fncallBack, res);
});
};
self.fnCancel = function () {
self.Close();
};
function fnUpdateUi() {
if ($('#lc_ckb_isPublic').is(':checked')) {
$('#ppEditList .fd-p-checkbox').slideDown();
self.Model.IsPublic('true');
} else {
//$('#ppEditList .fd-p-checkbox').slideUp();
self.Model.IsPublic('false');
}
}
$('#ppEditList input[name="lc-setting-is-public"]').on('change', function () {
fnUpdateUi();
});
};
$(function () {
window.popupEditList = new PopupEditListModel(window.dataLanguagesPc);
ko.applyBindings(popupEditList, document.getElementById('ppEditList'));
});
</script>
<div id="ppEditList" class="fd-popup pc-popup">
<div class="fd-popup-frame">
<div class="dlgc-btn-close" data-bind="click:fnCancel"></div>
<div class="dlgc-title">
<!-- ko if: IsEdit -->
<span>Cập nhật bộ sưu tập của bạn</span>
<!-- /ko -->
<!-- ko ifnot: IsEdit -->
<span>Tạo bộ sưu tập mới</span>
<!-- /ko -->
<span style="float: right; margin-top: 15px;" class="fa fa-map-marker"></span>
</div>
<div class="dlgc-content-frame">
<div class="dlgcf-content">
<div>
<input style="padding-left: 15px;" type="text" data-bind="value: Model.Title,attr:{placeholder:lang.InputCollectionName}" placeholder="Tên bộ sưu tập">
</div>
<div style="margin-top:-1px;">
<textarea rows="6" style="padding-left: 15px;" placeholder="mô tả bộ sưu tập" data-bind="value: Model.Description,attr:{placeholder:lang.Description}"></textarea>
</div>
<div style="padding:5px 15px 0 15px;">
<div style="color: #888; padding: 0 0 5px 0; text-transform: uppercase; font-size: 11px;">
Cấu hình bộ sưu tập
</div>
<ul class="dlcf-btns-radio">
<li>
<input data-bind="checked:Model.IsPublic" type="radio" value="false" id="lc_ckb_isPrivate" name="lc-setting-is-public">
<label for="lc_ckb_isPrivate">Chỉ mình tôi (Private)</label>
</li>
<li>
<input data-bind="checked:Model.IsPublic" type="radio" value="true" id="lc_ckb_isPublic" name="lc-setting-is-public">
<label for="lc_ckb_isPublic">Công khai (Public)</label>
<ul class="fd-p-checkbox">
<li>
<input data-bind="checked:Model.IsContribute" type="checkbox" id="ckb-ppeditl-ispublic" checked>
<label for="ckb-ppeditl-ispublic">Cho phép thành viên khác gợi ý thêm địa điểm</label>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="dlgcf-buttons clearfix">
<button data-bind="click:fnOK,text:lang.BtnSave" class="dlgc-btn btn-ok">Cập nhật bộ sưu tập</button>
</div>
</div>
</div>
</div>
<div id="popupContaner">
<div id="restaurant-reviews-popup" style="height: 500px; display: none;"></div>
<div id="foodyBoxContainer"></div>
<div id="facebookFriendsPopupContainer"></div>
<div id="user-like-popup"></div>
<div id="foody-login-box-cotaner"></div>
<div id="p-micro-ecard" style="display:none;"></div>
<div id="p-micro-bank-card" style="display:none;"></div>
</div>
<div class="fd-back-top" style="display:none;">
<ul>
<li id="btn-back-top">
<a href="javascript:void(0)">
<i class="fa fa-angle-up"></i>
<label>Về đầu trang</label>
</a>
</li>
<li>
<a href="https://itunes.apple.com/app/id570435154" target="_blank" onclick="ga('ads.send', 'event', 'Button Download', 'Click', 'iOS');">
<i class="fa fa-apple"></i>
<label>Tải ứng dụng</label>
</a>
</li>
<li>
<a href="https://play.google.com/store/apps/details?id=com.foody.vn.activity" target="_blank" onclick="ga('ads.send', 'event', 'Button Download', 'Click', 'Android');">
<i class="fa fa-android"></i>
<label>Tải ứng dụng</label>
</a>
</li>
</ul>
</div>
</tr>
Xem bản đồ đi đến Đèo Ngang - Hoành Sơn Quan
Đang tải ...
ĐỊA ĐIỂM TƯƠNG TỰ
Đang tải ...