PageSourceSearch

https://antalya.gov.tr/Areas/WebPart/Contents/ValilikHeader/js/v1header.js

js antalya.gov.tr collected 2026-09-24 21:44:41 UTC 20,575 bytes, 354 lines download raw bytes

1
2(function ($) {
3    $.fn.v1header = function (settings) {
4        var defaults = {
5            textColorFirst: '#fff', //en üstteki menu text renk
6            firstBorderBottom: '#ccc', //en üsttekinin hover alt çizgi rengi, yazı rengine de bağlanabilir
7            textColorSecond: '#000000', //altındakinin menu text renk -- valilik -- antalya -- ilçelerimiz -- kısmı
8            kutuRenk: 'red', //kava durumu, arama.. yerleri için, proress barı da etkiler
9            textColorDropDown: '#000', //1.nin dropdown color
10            firstBgColor: '#CE0000', //kırmızı
11            secondBgColor: '#FFFFFF', //beyaz
12            city: 'antalya',
13            ilid: '7'
14
15
16        };
17        var settings = $.extend(defaults, settings);
18        return this.each(function () {
19            settings.modulid = "#" + $(this).attr("id");
20
21
22            $(settings.modulid + " .top-container .header-button-container .header-btn").css({ "color": settings.kutuRenk });
23            $(settings.modulid + " .top-container .header-button-container .header-btn").css({ "border": "1px solid " + settings.kutuRenk });
24
25            var sheet = document.styleSheets[document.styleSheets.length - 1];
26            var rules = sheet.cssRules;
27            sheet.insertRule('#MobileSlideMenu .icon-close:before { color:' + settings.kutuRenk + '; }', rules.length);
28            sheet.insertRule('#MobileSlideMenu .mm-listview .mm-listitem .mm-btn_next:after { color:' + settings.kutuRenk + '; }', rules.length);
29            sheet.insertRule(':not(#mm-1) .mm-navbar__title { background-color:' + settings.kutuRenk + '; }', rules.length);
30            sheet.insertRule('#MobileSlideMenu .navbar-toggler .mh-btns-right { color:' + settings.kutuRenk + '; }', rules.length);
31            //sheet.insertRule(':not(#mm-1) .mm-navbar__title { color:red; }', rules.length);
32
33            //sheet.insertRule('#MobileSlideMenu .navbar-header { color: ' + settings.bottomTextColor + '  ;}', rules.length);
34            //sheet.insertRule('#MobileSlideMenu .mm-listview .mm-listitem .mm-listitem__text { color: ' + settings.bottomTextColor + '  ;}', rules.length);
35            //sheet.insertRule('#MobileSlideMenu .mm-listview .mm-listitem.MobileEmailLink a span, #MobileSlideMenu .mm-listview .mm-listitem.MobileEmailLink a strong { color: ' + settings.bottomTextColor + '  ;}', rules.length);
36
37            sheet.insertRule('#MobileSlideMenu .mm-listview .mm-listitem .mm-listitem__text.ext-link:after { color: ' + settings.kutuRenk + ' ;}', rules.length);
38            sheet.insertRule('#MobileSlideMenu i { color: ' + settings.kutuRenk + '  ;}', rules.length);
39            sheet.insertRule('#MobileSlideMenu .mm-listview .mm-listitem .mm-btn_next:after { color: ' + settings.kutuRenk + '  ;}', rules.length);
40
41            sheet.insertRule('#MobileSlideMenu :not(#mm-1) .mm-navbar__title { background-color: ' + settings.kutuRenk + '  ;}', rules.length);
42            sheet.insertRule(settings.modulid + ' .top-container nav.navbar.navbar-dark#MobileMenu .navbar-toggler a { color:' + settings.kutuRenk + ';}', rules.length);
43
44            var flag = 0;
45
46            $(settings.modulid + " .top-container .header-button-container .header-btn i").click(function () {
47                flag = 1;
48            });
49
50            if (flag == 1) {
51                $(settings.modulid + " .top-container .header-button-container .header-btn").css({ "color": "white" });
52            }
53            else {
54                $(settings.modulid + " .top-container .header-button-container .header-btn").css({ "color": settings.kutuRenk });
55            }
56
57            $(settings.modulid + " .top-container .search-form-container .search-form button").css({ "background-color": settings.headerhoverbgcolor }); //aramanın bg color, uyumlu olması için menünün hoverına bağladım
58            $(settings.modulid + " .top-container .search-form-container .search-form .form-search .form-control").css({ "border": "1px solid " + settings.headerhoverbgcolor }); // border da aynı şekilde
59
60            $(settings.modulid + " .top-container .topbar ul.nav>li.nav-item a").css({ "color": settings.textColorFirst }); //en üsttekinin text renk
61
62            $(settings.modulid + " .top-container .header nav.navbar#DesktopMenu ul.navbar-nav > li.nav-item > a.nav-link").css({ "color": settings.textColorSecond }); //alttakinin text renk
63            $(settings.modulid + " .top-container .topbar ul.nav > li.nav-item.dropdown ul.dropdown-menu a").css({ "color": settings.textColorDropDown });
63 //en üsttekinin dropdown renkleri
64            $(settings.modulid + " .top-container .header nav.navbar#DesktopMenu ul.navbar-nav > li.nav-item .ministryDivisions .divisionSubMenu a.nav-link").css({ "color": settings.textColorDropDown });
65            $(settings.modulid + " .top-container .header nav.navbar#DesktopMenu ul.navbar-nav > li.nav-item .ministrySubMenu ul.nav li.nav-item a.nav-link").css({ "color": settings.textColorDropDown });
66
67
68            $(settings.modulid + " .top-container .topbar").css({ "background-color": settings.firstBgColor }); //üstteki bg color
69            $(settings.modulid + " .top-container .header").css({ "background-color": settings.secondBgColor }); //alttaki bg color
70
71            $(settings.modulid + " .dropdown-item").css({ "color": settings.textColorSecond }); //2.kısım dropdown text renk  vlailik birim-tarihçe-mevzuat...
72
73            $(settings.modulid + " .wb-image").css({ "background-color": settings.kutuRenk });
74            $(settings.modulid + " .header-weather .text, .heat, .header-day").css({ "color": settings.kutuRenk });
75            $(settings.modulid + " .header-monthyear span").css({ "color": settings.kutuRenk });
76            $(settings.modulid + " .header-weather span").css({ "color": settings.kutuRenk });
77
78            $(settings.modulid + " .top-container .header-button-container .dropdown-menu .form-search button").css({ "background-color": settings.kutuRenk }); //arama rengi
79
80            $(settings.modulid + " .top-container .header-button-container .dropdown-menu .form-search .form-control").css({ "border": "1px solid " + settings.kutuRenk }); //arama çerçevesi
81
82            $(settings.modulid + " .top-container .header-button-container .dropdown-menu").css({ "border-top": "1px solid " + settings.kutuRenk });
83
84
85            $(settings.modulid + " .dropdown-item").hover(function (e) {      //dropdownda üstüne gelince çıkan dik çizginin rengi
86                $(this).css({ "border-left": "5px solid " + settings.kutuRenk });
87            }, function () {
88                $(this).css({ "border-left": "" });
89            });
90
91
92            $(settings.modulid + " #headerNavbar>ul>li").hover(function (e) {
93                $(this).css({ "background": settings.headerhoverbgcolor });
94                $(this).find("a:first").css({ "color": settings.mainmenuhovercolor });
95                $(this).find("ul:first").css({ "background": settings.headerhoverbgcolor });
96
97            }, function () {
98                $(this).css({ "background": settings.menubgcolor });
99                $(this).find("a:first").css({ "color": settings.mainmenucolor });
100
101            });
102            $(settings.modulid + " .dropdown-menu").css({ "color": settings.secondBgColor }); // menu ana başlık renkleri 
103
104
105
106            $(settings.modulid + " .top-container .topbar ul.nav > li.nav-item.dropdown ul.dropdown-menu li.nav-item a.nav-link").hover(function (e) {
107                $(this).css({ "color": settings.headerhoverbgcolor });
108
109
110            }, function () {
111                $(this).css({ "color": settings.textColorDropDown });
112
113            });
114
115
116            $(settings.modulid + " #headerNavbar > ul > li.nav-item.dropdown.show > a").css({ "color": "red" });
117            //mobil için
118
119
120            function injectStyles(rule) {
121                var div = $("<div />", {
122                    html: '<style>' + rule + '</style>'
123                }).appendTo("body");
124            }
125            injectStyles(settings.modulid + ' .top-container .topbar ul.nav > li.nav-item > a.nav-link:hover:before, .top-container .topbar ul.nav > li.nav-item > a.nav-link.hover:before {border-bottom:1px solid ' + settings.kutuRenk);
126
127            injectStyles(settings.modulid + ' .top-container .header nav.navbar#DesktopMenu ul.navbar-nav > li.nav-item > a.nav-link:hover:before, .top-container .header nav.navbar#DesktopMenu ul.navbar-nav > li.nav-item > a.nav-link.hover:before {border-bottom:2px solid ' + settings.textColorSecond);  //2.kısım hover alt çizik rengi
128            injectStyles(settings.modulid + ' .top-container .topbar ul.nav > li.nav-item.dropdown ul.dropdown-menu li.nav-item a.nav-link:after {color:' + settings.textColorSecond);
129
130            injectStyles(settings.modulid + ' .top-container .header-button-container .dropdown.show .header-btn {background-color:' + settings.kutuRenk);
131            injectStyles(settings.modulid + ' .top-container .header-button-container .dropdown.show .header-btn:before {background-color:' + settings.kutuRenk);
132            injectStyles(settings.modulid + ' .top-container .header-button-container .dropdown-menu .header-weather-5days a:hover {border-bottom:1px solid ' + settings.kutuRenk);
133            injectStyles(settings.modulid + ' .top-container .header-button-container .dropdown-menu .header-weather-5days a:after {color:' + settings.kutuRenk);
134
135
136            injectStyles(settings.modulid + ' .city-map .map-area svg g[data-countyid] polygon, .city-map .map-area svg g[data-countyid] path  {stroke:' + settings.kutuRenk);
137            injectStyles(settings.modulid + ' .city-map .map-area svg g[data-countyid]:h
137over polygon, .city-map .map-area svg g[data-countyid]:hover path, .city-map .map-area svg g[data-countyid].hover polygon, .city-map .map-area svg g[data-countyid].hover path  {fill:' + settings.kutuRenk);
138            injectStyles(settings.modulid + ' .city-map .map-area svg g[data-countyid]:hover polygon, .city-map .map-area svg g[data-countyid]:hover path, .city-map .map-area svg g[data-countyid].hover polygon, .city-map .map-area svg g[data-countyid].hover path  {stroke:' + settings.kutuRenk);
139            injectStyles(settings.modulid + ' .city-map .counties-list ul li:hover a, .city-map .counties-list ul li.hover a  {color:' + settings.kutuRenk);
140            injectStyles(settings.modulid + ' .city-map .counties-list ul li:hover a, .city-map .counties-list ul li.hover a  {border-bottom:2px solid ' + settings.kutuRenk);
141
142            // injectStyles(settings.modulid + ' .mm-menu_offcanvas .navbar-header i{color:' + settings.kutuRenk +"!important"); //mobildeki çarpı
143            injectStyles(settings.modulid + ' .mm-listview .mm-listitem .mm-btn_next:after{color:' + settings.kutuRenk);
144            injectStyles(settings.modulid + ' .top-container .topbar-turkeymap-container .topbar-turkeymap svg g path:hover{fill:' + settings.kutuRenk);
145            injectStyles(settings.modulid + ' .top-container .topbar-turkeymap-container .topbar-turkeymap .il-isimleri div{background:' + settings.kutuRenk);
146
147            // .top-container .topbar ul.nav > li.nav-item.dropdown ul.dropdown-menu li.nav-item a.nav-link:after
148            $(settings.modulid + " .top-container .progress-container .progress-bar").css({ "background-color": settings.kutuRenk });
149
150            $(settings.modulid + " a.mm-btn mm-btn_next mm-listitem__btn mm-listitem__text").css({ "color": settings.kutuRenk });
151
152            $(settings.modulid + " i#altHavaResim").css({ "color": settings.kutuRenk }); //alt kat icon rengi
153
154
155            $(document).ready(function () {
156                // Header Begin
157                StickyHeader();
158
159                $('.dropdown-menu').on({
160                    "click": function (e) {
161                        e.stopPropagation();
162                    }
163                });
164
165                $('.dropdown-toggle').on('click', function () {
166                    if ($(this).parent().hasClass('show')) {
167                        if ($(this).length && $(this).attr('href')) {
168                            location.href = $(this).attr('href');
169                        }
170                    }
171                });
172
173
174                function getKeyCode(key) {
175                    return (key == null) ? event.keyCode : key.keyCode;
176                }
177
178                $(document).on('keyup', function (eventObj) {
179                    if (getKeyCode(eventObj) == '9') {
180                        var $el = $(document.activeElement);
181                        $('body *').removeClass('hover');
182                        $el.addClass('hover');
183                        if ($el.hasClass("dropdown-toggle")) {
184                            $el.click();
185                        }
186                    }
187                });
188
189                $('.navbar .dropdown').on('show.bs.dropdown', function () {
190                    $('.page_wrapper').show();
191                });
192                $('.navbar .dropdown').on('hide.bs.dropdown', function () {
193                    $('.page_wrapper').hide();
194                });
195            
196                $('.getShadow').on('show.bs.dropdown', function () {
197                    $('.page_wrapper').show();
198                });
199                $('.getShadow').on('hide.bs.dropdown', function () {
200                    $('.page_wrapper').hide();
201                });
202
203                // Mobil menüye eklenen tab butonlar için js kodu yazıldı.
204                $('.mm-menu').prepend($('.d-none .navbar-search').clone());
205                $('.mm-menu').prepend($('.header-weather-container').clone());
206
207                $('.navbar-buttons .btn-link').click(function () {
208                    $(this).siblings().removeClass('active');
209                    $(this).toggleClass('active');
210                    if ($(this).is('.btn-weather') && $(this).is('.active')) {
211                        $('.mm-menu .header-weather-container').addClass('show');
212                    } else {
213                        $('.mm-menu .header-weather-container').removeClass('show');
214                    }
215                    if ($(this).is('.btn-navbar-search') && $(this).is('.active')) {
216                        $('.mm-menu .navbar-search').addClass('show');
217                    } else {
218                        $('.mm-menu .navbar-search').removeClass('show');
219                    }
220                });
221
222                $('.city-filter').on('keyup', function () {
223                    var value = $(this).val().toLowerCase();
224                    $('.governorate-list li').filter(function () {
225                        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
226                    });
227                });
228
229
230                // Mobile Navigation End
231                $('.navbar-search input').on('keyup', function () {
232                    if ($(this).val() == '') {
233                        $('.navbar-search .input-group-append').hide();
234                    } else {
235                        $('.navbar-search .input-group-append').show();
236                    }
237                });
238
239                $('.navbar-search .input-group-append').on('click', function () {
240                    $('.navbar-search input').val('');
241                    $(this).hide();
242                });
243
244
245                //$('.form-search input').autocomplete({
246                //    minLength: 3,
247                //    appendTo: '.form-search',
248                //    source: newsSearch
249                //});
250
251                $('.ui-menu').niceScroll({
252                    autohidemode: false,
253                    cursorwidth: '4px',
254                    cursorborder: '0px',
255                    cursorborderradius: '0px',
256                    cursorcolor: '#D2935B',
257                    railoffset: true,
258                    railpadding: { top: 0, right: 0, left: 0, bottom: 40 },
259                    railvalign: top,
260                    background: '#EEEEEE'
261                });
262
263
264
265            });
266
267            $(window).scroll(function () {
268                StickyHeader();
269                if ($('#scrollindicator').length > 0) {
270                    ScrollIndicator();
271                }
272            });
273
274            function StickyHeader() {
275                if ($(this).scrollTop() > 0 && !$('.top-container').hasClass('fixedTop')) {
276                    $('.top-container').addClass('fixedTop');
277                    $('.main-slider, body').addClass('fixedPadding');
278                }
279                if ($(this).scrollTop() === 0 && $('.top-container').hasClass('fixedTop')) {
280                    $('.top-container').removeClass('fixedTop');
281                    $('.main-slider, body').removeClass('fixedPadding');
282                }
283            }
284
285            function ScrollIndicator() {
286                var scrollindicator = document.getElementById("scrollindicator");
287                var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
288                var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
289                var scrolled = (winScroll / height) * 100;
290                scrollindicator.style.width = scrolled + "%";
291
292            }
293
294            //https://openweathermap.org/weather-conditions  burdan incelenir
295            //800 açık
296            //801,802,803,804 bulutlu
297            //500,501,502,503,504,511,520,521,522,531, 300,301,302,310,311,312,313,314,321 yağmur 
298            //600,601,602,611,612,613,615,616,620,621,622 kar
299            //200,201,202,210,211,212,221,230,231,232 fırtına
300            //701,711,721,731,741,751,761,762,771,781 sis
301            //settings.city = settings.city.replace("ş", "%C5%9F");
302            //settings.city = settings.city.replace("ı", "%C4%B1");
303            //settings.city = settings.city.replace("ü", "%C3%BC");
304            //settings.city = settings.city.replace("ö", "%C3%B6");
305            //settings.city = settings.city.replace("ç", "%C3%A7");
306            //settings.city = settings.city.replace("ğ", "%C4%9F");
307
308            //settings.city = settings.city.replace("Ş", "%C5%9F");
309            //settings.city = settings.city.replace("İ", "%C4%B0");
310            //settings.city = settings.city.replace("Ü", "%C3%BC");
311            //settings.city = settings.city.replace("Ö", "%C3%B6");
312            //settings.city = settings.city.replace("Ç", "%C3%A7");
313            //settings.city = settings.city.replace("Ğ", "%C4%9F");
314
315
316
317
318            
319            
320            let mapCounty = $(settings.modulid + ' .city-map .map-area svg g g');
321            let listCounty = $(settings.modulid + ' .city-map .counties-list ul li');
322
323            if (listCounty.length < 10) {
324                listCounty.parent('ul').addClass('singlecolumn');
325            }
326            if (listCounty.length > 28) {
327                listCounty.parent('ul').addClass('threecolumn');
328            }
329
330            $('[data-countyid]').hover(function () {
331                let countyID = $(this).attr('data-countyid');
332                //console.log(countyID);
333                if ($(this).is('g')) {
334                    $(settings.modulid + ' .city-map .counties-list ul li[data-countyid="' + countyID + '"]').addClass('hover');
335                } else {
336                    $(settings.modulid + ' .city-map .map-area svg g g[data-countyid="' + countyID + '"]').addClass('hover');
337                }
338            },
339                function () {
340                    let countyID = $(this).attr('data-countyid');
341                    if ($(this).is('g')) {
342                        $(settings.modulid + ' .city-map .counties-list ul li[data-countyid="' + countyID + '"]').removeClass('hover');
343                    } else {
344                        $(settings.modulid + ' .city-map .map-area svg g g[data-countyid="' + countyID + '"]').removeClass('hover');
345                    }
346                });
347            mapCounty.click(function () {
348                //console.log($('.city-map .counties-list ul li[data-countyid="'+$(this).attr('data-countyid')+'"] a'));
349                window.location.href = $(settings.modulid + ' .city-map .counties-list ul li[data-countyid="' + $(this).attr('data-countyid') + '"] a').attr('href');
350            });
351
352        })
353    }
354})(jQuery);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.