https://www.alhabtoorpoloclub.com/Scripts/FrontEndViewModels/ResidenceImagesVM.js

1
2var ResidenceImagesVM = {
3    PageNumber: ko.observable(1),
4    PageSize: ko.observable(12),
5    TotalRecords: ko.observable(0),
6    AlbumImages: ko.observableArray([]),
7    SimpleBar: new Nanobar(),
8    GetImages: function () {
9        ResidenceImagesVM.SimpleBar.go(80);
10        $.ajax({
11            url: baseURL + 'ajax/GetResidencesImages',
12            type: 'GET',
13            data: { pageNumber: ResidenceImagesVM.PageNumber(), pageSize: ResidenceImagesVM.PageSize(), albumId: location.href.split('/')[4] },
14            success: function (data) {
15                // console.log("yes");
16                ResidenceImagesVM.AlbumImages();
17                ko.utils.arrayForEach(ko.utils.parseJson(data.images), function (item) {
18                    ResidenceImagesVM.AlbumImages.push(item);
19                });
20                ResidenceImagesVM.TotalRecords(data.totalPages);
21                ResidenceImagesVM.SimpleBar.go(100);
22                ResidenceImagesVM.PageNumber(ResidenceImagesVM.PageNumber() + 1);
23            },
24            error: function (data) {
25                ResidenceImagesVM.SimpleBar.go(100);
26            }
27        });
28    },
29    Caption: ko.observable(),
30    ImageSrc: ko.observable(),
31    CurrentItem: ko.observable(),
32    ShowMessage: function (data, event) {
33        ResidenceImagesVM.CurrentItem($(event.target).parents('a'));
34        ResidenceImagesVM.Caption($(event.target).parents('a').attr('title'));
35        removeImageSrc();
36        ResidenceImagesVM.ImageSrc($(event.target).parents('a').find('img').attr('src').replace('TN_', ''));
37        showMessage();
38    },
39    HideMessage: function () {
40        ResidenceImagesVM.Caption('');
41        hideMessage();
42        removeImageSrc();
43    },
44    PrevImage: function () {
45        if (ResidenceImagesVM.CurrentItem().prev().length > 0) {
46            ResidenceImagesVM.Caption(ResidenceImagesVM.CurrentItem().prev().attr('title'));
47            removeImageSrc();
48            ResidenceImagesVM.ImageSrc(ResidenceImagesVM.CurrentItem().prev().find('img').attr('src').replace('TN_', ''));
49            ResidenceImagesVM.CurrentItem(ResidenceImagesVM.CurrentItem().prev());
50        }
51    },
52    NextImage: function () {
53        if (ResidenceImagesVM.CurrentItem().next().length > 0) {
54            ResidenceImagesVM.Caption(ResidenceImagesVM.CurrentItem().next().attr('title'));
55            removeImageSrc();
56            ResidenceImagesVM.ImageSrc(ResidenceImagesVM.CurrentItem().next().find('img').attr('src').replace('TN_', ''));
57            ResidenceImagesVM.CurrentItem(ResidenceImagesVM.CurrentItem().next());
58        }
59    },
60    PopupImage: function () {
61        HidepopupMessage();
62    }
63};
64
65
66$(document).ready(function () {
67
68    ko.applyBindings(ResidenceImagesVM, $("#ko")[0]);
69    ResidenceImagesVM.GetImages();
70    //$(window).scroll(function () {
71    //    if ($(window).scrollTop() + $(window).height() == $(document).height()) {
72    //        if (ResidenceImagesVM.TotalRecords() != ResidenceImagesVM.PageNumber() - 1)
73    //            ResidenceImagesVM.GetImages();
74    //    }
75    //});
76    setMainImageHeight();
77    $(window).on('resize', function () {
78        setMainImageHeight();
79    });
80
81    showloadMessage();
82});
83
84function showMessage() {
85   // var imageDetailsDiv = $(".image-details");
86    var imageDetailsDiv = $("#details");
87    
88    imageDetailsDiv.addClass("image-details-view");
89}
90
91function showloadMessage() {
92    var imageDetailsDiv = $("#popup");
93    imageDetailsDiv.addClass("image-details-view");
94}
95
96function hideMessage() {
97    var imageDetailsDiv = $(".image-details");
98    imageDetailsDiv.removeClass("image-details-view");
99}
100
101function HidepopupMessage() {
102    var imagepopupDiv = $("#popup");
103    imagepopupDiv.addClass("hide");
104    imagepopupDiv.removeClass("image-details-view");
105    var href = "http://www.stregisdubaialhabtoorpoloresort.com/en/rooms/Villa";
106    var link = $('<a href="' + href + '" />');
107    link.attr('target', '_blank');
108    window.open(link.attr('href'));
109    
110    // console.log("Am here");
111}
112
113function setMainImageHeight() {
114    $('.main-image').css('max-height', $(window).height() - (0.21 * $(window).height()));
115}
116
117function removeImageSrc() {
118    //$('.main-image').removeAttr('src');
119    ResidenceImagesVM.ImageSrc('');
120}