https://adra.gov.ae/assets/ADRA/js/ImportantTopicsListing.js?v=30092026051055

1$(document).ready(function () {
2    var pageNo = 1;
3    var pageSize = 100;
4    var culture = $("#culture").val();
5    var txtValue = "";
6    var hasResult = false;
7
8    $('body').on('click', '.accordion-button', function () {
9        var imageURL = $(this).attr('data-image-src');
10        if (imageURL) {
11            $('.topicImage').attr("src", imageURL);
12        }
13    });
14
15    $('.search-btn, #filterData').on('click', function () {
16
17        $('#btnreset').removeClass("disabled");
18
19        var obj = getDataSet();
20        if (obj && obj.sourceID) {
21            if (obj.page && obj.page === "ImportantTopicsListing") {
22                getImportantTopics(obj);
23            }
24        }
25    });
26
27    $('#btnreset').on('click', function () {
28
29        document.getElementById("eventFilterForm").reset();
30        eventFilterSearch();
31
32        var obj = getDataSet();
33        if (obj && obj.sourceID) {
34            if (obj.page && obj.page === "ImportantTopicsListing") {
35                getImportantTopics(obj);
36            }
37        }
38
39        $('#btnreset').addClass("disabled");
40
41    });
42
43    var obj = getDataSet();
44    
45    if (obj && obj.sourceID) {
46        if (obj.page && obj.page === "ImportantTopicsListing") {
47            getImportantTopics(obj);
48        }
49    }
50
51    function getDataSet() {
52        var obj = {
53            sourceID: $('#sourceID').val(),
54            keyword: $('#eventSearch').val(),
55            category: $('select[name=category]').val(),
56            date: $('#date').val(),
57            sortBy: $('select[name=sortby]').val(),
58            page: $('#page').val()
59        }
60        return obj;
61    }
62
63    function getImportantTopics(obj) {
64        $.ajax({

65            type: "POST",
66            url: '/api/feature/ImportantTopics/GetAllImportantTopics',
67            data: JSON.stringify(
68                {
69                    sourceID: obj.sourceID,
70                    keyword: obj.keyword,
71                    category: obj.category,
72                    date: obj.date,
73                    sortBy: obj.sortBy,
74                    pageNo: pageNo,
75                    pageSize: pageSize,
76                    culture: culture
77                }
78            ),
79            contentType: "application/json; charset=utf-8",
80            success: function (response) {
81                var data = "";
82                var html = "";
83                if (response != "error") {
84                    data = $.parseJSON(response);
85                }
86                if (data != "" && data != undefined && data != null) {
87                    if (data.Items.length > 0) {
88                        hasResult = true;
89                        html = _topicsTemplate(data.Items);
90                        $('.importantTopics .importantAccordion').html('');
91                        $('.importantTopics .importantAccordion').html(html);
92                        var firstImage = data.Items[0].Image;
93                        $('.topicImage').attr("src", firstImage);
94                        animateElements();
95                    }
96                }
97                else {
98                    $('.importantTopics .importantAccordion').html('');
99                    $('.importantTopics .importantAccordion').html('<h3 style="justify-content:center"><span class="resizable">No Records Found</span></h3>');
100                }
101            },
102            complete: function () {
103            },
104            error: function (xhr, ajaxOptions, thrownError) {
105                console.log(xhr.status);
106                console.log(thrownError);
107            }
108        });
109    }
110
111    function _topicsTemplate(obj) {
112        let _template = ``;
113        var i = 0;
114        $.each(obj, function (ind, val) {
115            let related = ``;
116            if (val.RelatedTopics) {
117                related += '<ul class="accListItems">';
118                $.each(val.RelatedTopics, function (indR, valR) {
119                    related += `<li><a href="${valR.DetailPageUrl}"><span class="resizable">${valR.Title}</span></a></li>`;
120                });
121                related += `</ul>`;
122            }
123            _template += ` <div class="accordion-item animate" data-animation="fadeInUp" data-duration="300">
124                            <h3 class="accordion-header" id="flush-${val.ID}">
125                                <button class="accordion-button ${i > 0 ? 'collapsed' : ''}" type="button" data-bs-toggle="collapse" data-bs-target="#${i}" aria-expanded="${i > 0 ? 'false' : 'true'}" aria-controls="${val.ID}" data-id="acc1" data-image-src="${val.Image}">
126                                    <i>
127                                        <img src="${val.Icon}" alt="icon 1" class="img-fluid">
128                                    </i>
129                                    <span class="resizable">${val.Title}</span>
130                                </button>
131                            </h3>
132                            <div id="${i}" class="accordion-collapse collapse ${i == 0 ? 'show': ''}" aria-labelledby="flush-${val.ID}" data-bs-parent="#accordionForImportantTopics">
133                                <div class="accordion-body">
134                                    <div class="accordion-header-detail">
135                                        <p class="lead">${val.Description}</p>
136                                        <a href="${val.DetailPageUrl}" class="textLink textLink-green-900">
137                                            <span class="resizable">${$('#readMore').val()}</span>
138                                            <i class="icon-right-angle-arrow"></i>
139                                        </a>
140                                    </div>
141                                    <p class="subHeading resizable">${$('#relatedTopics').val()}</p>
142                                    ${related}
143                                </div>
144                            </div>
145                        </div>`;
146            i++;
147        });
148        return _template;
149    }
150});