https://alkhoei.net/js/main.js?1790912245

1AOS.init();
2
3var ios = document.getElementById("downloadIos");
4
5// $("#android").click(function (e) {
6//   var container = $("#AppDownload");
7
8//   // If the target of the click isn't the container
9//   if (!container.is(e.target) && container.has(e.target).length === 0) {
10//     alert("inside");
11//   } else {
12//     alert("outside");
13//   }
14// });
15if ($("#AppDownload").length)
16    $("#AppDownload").on("click", function (e) {
17        if (
18            document.getElementById("downloadIos").contains(e.target) ||
19            document.getElementById("downloadAndroid").contains(e.target)
20        ) {
21            // Clicked in box
22        } else {
23            // Clicked outside the box
24            window.location.href = "app";
25        }
26    });
27
28setTimeout(() => {
29    let closeSidenav = document.getElementById("CloseSidenav");
30    closeSidenav.addEventListener("click", () => {
31        $("body").css("overflow-y", "auto");
32        $("#mysidenav").removeClass("slideInRight");
33        $("#mysidenav").addClass("slideOutRight");
34        setTimeout(() => {
35            $("#mysidenav").css("display", "none");
36        }, 600);
37        setTimeout(() => {
38            $("#mysidenav").addClass("slideInRight");
39            $("#mysidenav").removeClass("slideOutRight");
40        }, 1000);
41    });
42    let openSidenav = document.getElementById("OpenSidenav");
43    openSidenav.addEventListener("click", () => {
44        $("body").css("overflow-y", "hidden");
45        $("#mysidenav").css("display", "block");
46    });
47    setMenuLogoAnimation();
48
49    if ($(".SearchView").length) {
50        $(".SearchMenu").click(() => {
51            $("body").css("overflow", "hidden");
52            $(".SearchView")
53                .removeClass("fadeOut")
54                .addClass("fadeIn")
55                .css("display", "block");
56        });
57        $(".SearchMenu").click(() => {
58            $("body").css("overflow", "hidden");
59            $(".SearchView")
60                .removeClass("fadeOut")
61                .addClass("fadeIn")
62                .css("display", "block");
63        });
64        $(".CloseSearchView").click(() => {
65            $("body").css("overflow", "auto");
66            $(".SearchView").removeClass("fadeIn").addClass("fadeOut");
67            setTimeout(() => {
68                $(".SearchView").css("display", "none");
69            }, 700);
70        });
71        $(".SearchView").on("click", function (e) {
72            if (
73                document
74                    .querySelector(".inputSearchContainer")
75                    .contains(e.target)
76            ) {
77                // Clicked in box
78            } else {
79                // Clicked outside the box
80                $("body").css("overflow", "auto");
81                $(".SearchView").removeClass("fadeIn").addClass("fadeOut");
82                setTimeout(() => {
83                    $(".SearchView").css("display", "none");
84                }, 700);
85            }
86        });
87        $(document).keydown(function (e) {
88            // ESCAPE key pressed
89            if (e.keyCode == 27) {
90                $("body").css("overflow", "auto");
91                $(".SearchView").removeClass("fadeIn").addClass("fadeOut");
92                setTimeout(() => {
93                    $(".SearchView").css("display", "none");
94                }, 700);
95            }
96        });
97    }
98
99    var interval;
100
101    $(".SoundBtn").each((index, item) => {
102        $(item).attr("id", index);
103        var audio = document.getElementById("Myaudio");
104        $(item)
105            .children("div.downloadIcon")
106            .children("i.fa-play-circle")
107            .click(() => {
108                $(".SoundBtn").removeClass("SoundBtnActive");
109                $(item).addClass("SoundBtnActive");
110                let link = $(item).attr("data-target");
111                console.log(link)
112                if (audio.currentSrc !== link) {
113                    stop();
114                    audio.src = link;
115                    $(".SoundBtn")
116                        .children("div.downloadIcon")
117                        .children("i.fa-play-circle")
118                        .css("display", "block");
119                    $(".SoundBtn")
120                        .children("div.downloadIcon")
121                        .children("i.fa-pause-circle")
122                        .css("display", "none");
123                }
124                $(item)
125                    .children("div.downloadIcon")
126                    .children("i.fa-play-circle")
127                    .css("display", "none");
128                $(item)
129                    .children("div.downloadIcon")
130                    .children("i.fa-pause-circle")
131                    .css("display", "block");
132                // console.log(audio.currentSrc);
133                // console.log(link);
134                audio.play();
135
136                setTimeout(() => {
137                    interval = setInterval(() => {
138                        $(item)
139                            .children("small.TimeSound")
140                            .html(`00 : ${Math.floor(audio.duration / 60)}`);
141                        setTimeAuido(audio, item);
142                    }, 1000);
143                }, 500);
144            });
145        $(item)
146            .children("div.downloadIcon")
147            .children("i.fa-share-alt")
148            .click(() => {
149                $(".SocialIconsSound").removeClass("SocialIconsSoundOpen");
150                $(item)
151                    .children("div.SocialIconsSound")
152                    .addClass("SocialIconsSoundOpen");
153                let soundLink = $(item).attr("data-target");
154                console.log(soundLink);
155            });
156        $(item)
157            .children("div.SocialIconsSound")
158            .children("div")
159            .children("i.fa-times-circle")
160            .click(() => {
161                $(".SocialIconsSound").removeClass("SocialIconsSoundOpen");
162            });
163        $(item)
164            .children("div.downloadIcon")
165            .children("i.fa-pause-circle")
166            .click(() => {
167                audio.pause();
168                clearInterval(interval);
169                $(item)
170                    .children("div.downloadIcon")
171                    .children("i.fa-play-circle")
172                    .css("display", "block");
173                $(item)
174                    .children("div.downloadIcon")
175                    .children("i.fa-pause-circle")
176                    .css("display", "none");
177            });
178    });
179
180
181    function setTimeAuido(audio, item) {
182        var percent = (audio.currentTime / audio.duration) * 100;
183        $(item)
184            .children("div.progress")
185            .children("span")
186            .css("width", `${(percent * 100) / 100}px`);
187    }
188
189    function stop() {
190        clearInterval(interval);
191        $(".SoundBtn")
192            .children("div.progress")
193            .children("span")
194            .css("width", `0px`);
195    }
196}, 2000); // اجرا بعد از ۵ ثانیه
197
198$(".SlickSliderImg").slick({
199    dots: false,

200    arrows: false,
201    infinite: false,
202    slidesToShow: 1,
203    variableWidth: true,
204    rtl: true,
205    // centerMode: true,
206});
207$(".documents-slider").slick({
208    dots: false,
209    arrows: false,
210    infinite: false,
211    slidesToShow: 3,
212    variableWidth: true,
213    rtl: false,
214    // centerMode: true,
215});
216
217// $(".SlickSliderImg").slick({
218//   dots: true,
219//   infinite: false,
220//   speed: 300,
221//   slidesToShow: 4,
222//   slidesToScroll: 4,
223//   arrows: false,
224//   responsive: [
225//     {
226//       breakpoint: 1024,
227//       settings: {
228//         slidesToShow: 3,
229//         slidesToScroll: 3,
230//         infinite: true,
231//         dots: true,
232//       },
233//     },
234//     {
235//       breakpoint: 600,
236//       settings: {
237//         slidesToShow: 2,
238//         slidesToScroll: 2,
239//       },
240//     },
241//     {
242//       breakpoint: 480,
243//       settings: {
244//         slidesToShow: 1,
245//         slidesToScroll: 1,
246//       },
247//     },
248//     // You can unslick at a given breakpoint now by adding:
249//     // settings: "unslick"
250//     // instead of a settings object
251//   ],
252// });
253
254$(".BookShelf").slick({
255    dots: true,
256    infinite: false,
257    speed: 300,
258    slidesToShow: 4,
259    slidesToScroll: 4,
260    arrows: false,
261    responsive: [
262        {
263            breakpoint: 1024,
264            settings: {
265                slidesToShow: 3,
266                slidesToScroll: 3,
267                infinite: true,
268                dots: true,
269            },
270        },
271        {
272            breakpoint: 600,
273            settings: {
274                slidesToShow: 2,
275                slidesToScroll: 2,
276            },
277        },
278        {
279            breakpoint: 480,
280            settings: {
281                slidesToShow: 1,
282                slidesToScroll: 1,
283            },
284        },
285        // You can unslick at a given breakpoint now by adding:
286        // settings: "unslick"
287        // instead of a settings object
288    ],
289});
290
291$(window).scroll(() => {
292    if ($(window).width() > 992) {
293        setMenuLogoAnimation();
294    } else {
295        setMenuLogoAnimationSView();
296    }
297});
298
299const setMenuLogoAnimation = () => {
300    let topHeaderOffset = $(".TopSocialHeader").position().top + 50;
301    let menuOffset = $(".MenuBar").position().top;
302    if (topHeaderOffset >= menuOffset) {
303        $(".LogoMenu").css("display", "block");
304        $(".header-center").css("display", "block");
305    } else {
306        $(".LogoMenu").css("display", "none");
307        $(".header-center").css("display", "none");
308    }
309};
310const setMenuLogoAnimationSView = () => {
311    let topHeaderOffset = $(".TopSocialHeaderSView").position().top + 50;
312    let menuOffset = $(".MenuBar").position().top;
313    if (topHeaderOffset >= menuOffset) {
314        $(".LogoSView").css("display", "block");
315    } else {
316        $(".LogoSView").css("display", "none");
317    }
318};
319
320$(document).ready(() => {
321    var items = [];
322    $(".SelectInput").focus(() => {
323        $(".dropdownItemContainer").slideDown();
324    });
325    $(".SelectInput").blur(() => {
326        $(".dropdownItemContainer").slideUp();
327    });
328    $(".dropdownItem").each((index, item) => {
329        items.push($(item).html());
330        $(item).click(() => {
331            let value = $(item).html();
332            $(".SelectInput").val(value);
333        });
334    });
335    document.getElementById("SelectInput").addEventListener("input", () => {
336        let searchValue = $(".SelectInput").val();
337        var filter, a, i;
338        filter = searchValue.toUpperCase();
339        div = document.getElementById("dropdownItemContainer");
340        a = div.getElementsByTagName("div");
341        for (i = 0; i < a.length; i++) {
342            txtValue = a[i].textContent || a[i].innerText;
343            if (txtValue.toUpperCase().indexOf(filter) > -1) {
344                a[i].style.display = "";
345            } else {
346                a[i].style.display = "none";
347            }
348        }
349    });
350});
351
352document
353    .getElementById("changeLanguageSView")
354    .addEventListener("mouseover", () => {
355        $(".LogoSView").css("display", "none");
356    });
357document
358    .getElementById("changeLanguageSView")
359    .addEventListener("onmouseout", () => {
360        $(".LogoSView").css("display", "block");
361    });
362
363document.getElementById("SocialLinkSView").addEventListener("mouseover", () => {
364    $(".LogoSView").css("display", "none");
365});
366
367$(window).resize(() => {
368    if ($(window).width() > 992) {
369        $(".LogoSView").css("display", "none");
370    } else {
371        if ($(window).width() > 992) {
372            $(".LogoSView").css("display", "block");
373        }
374    }
375});
376
377function ShowToast() {
378    // Get the snackbar DIV
379    var x = document.getElementById("snackbar");
380
381    // Add the "show" class to DIV
382    x.className = "show";
383
384    // After 3 seconds, remove the show class from DIV
385    setTimeout(function () {
386        x.className = x.className.replace("show", "");
387    }, 3000);
388}
389
390function openprintwin(page) {

391    window.open(page, "", "width=750,height=900,left=50,scrollbars=1,resizable=0,addressbar=0,status=0,toolbar=0");
392}
393
394function showToastNew(message, type = "success") {
395    const toast = document.getElementById("custom-toast");
396
397    toast.style.background = (type === "error") ? "#e63946" : "#2a5687";
398    toast.textContent = message;
399
400    toast.style.opacity = "1";
401    toast.style.transform = "translateX(-50%) translateY(0)";
402    toast.style.pointerEvents = "auto";
403
404    setTimeout(() => {
405        toast.style.opacity = "0";
406        toast.style.transform = "translateX(-50%) translateY(-20px)";
407        setTimeout(() => toast.style.pointerEvents = "none", 300);
408    }, 2500);
409}
410
411function copyLinkToClipboard(text) {
412    if (navigator.clipboard && window.isSecureContext) {
413        navigator.clipboard.writeText(text).then(() => {
414            showToastNew("✓ تم نسخ الرابط المختصر!");
415        }).catch(err => {
416            showToastNew("✕ خطأ في نسخ الرابط: " + err, "error");
417        });
418    } else {
419        const textarea = document.createElement("textarea");
420        textarea.value = text;
421        textarea.style.position = "fixed";
422        document.body.appendChild(textarea);
423        textarea.focus();
424        textarea.select();
425
426        try {
427            document.execCommand("copy");
428            showToastNew("✔ تم نسخ الرابط المختصر!");
429        } catch (err) {
430            showToastNew("❌ خطأ في نسخ الرابط", "error");
431        }
432
433        document.body.removeChild(textarea);
434    }
435}
436
437function copyLinkToClipboard_old(link) {
438    navigator.clipboard.writeText(link).then(() => {
439        alert('تم نسخ الرابط المختصر!');
440    }).catch(err => {
441        alert('خطأ في نسخ الرابط');
442    });
443}
444
445function shareThis(client, title, url) {
446    // var url = document.location.href;
447    var encTitle = encodeURIComponent(title);
448    var newUrl;
449
450    switch (client) {
451        case 1:
452            newUrl =
453                "https://www.facebook.com/dialog/share?app_id=140586622674265&display=popup&href=" +
454                url +
455                "&picture=&title=" +
456                encTitle +
457                "&description=" +
458                encTitle +
459                ".&redirect_uri=http%3A%2F%2Fs7.addthis.com%2Fstatic%2Fthankyou.html";
460            // newUrl="https://facebook.com/sharer/sharer.php?u="+url+"&title="+encTitle;
461            break;
462        case 2:
463            newUrl =
464                "https://twitter.com/intent/tweet?url=" +
465                url +
466                "&text=" +
467                encTitle;
468            break;
469        case 3:
470            newUrl =
471                "https://plus.google.com/share?url=" +
472                url +
473                "&title=" +
474                encTitle;
475            break;
476        case 4:
477            newUrl = "https://del.icio.us/post?url=" + url + "&title=" + title;
478            break;
479        case 5:
480            newUrl = "https://digg.com/submit?url=" + url;
481            break;
482        case 6:
483            newUrl = "https://www.technorati.com/faves?add=" + url;
484            break;
485        case 7:
486            newUrl =
487                "https://www.stumbleupon.com/submit?url=" +
488                url +
489                "&title=" +
490                encTitle;
491            break;
492        case 8:
493            newUrl =
494                "https://reddit.com/submit?url=" + url + "&title=" + encTitle;
495            break;
496        case 9:
497            newUrl = "https://www.mixx.com/submit?page_url=" + url;
498            break;
499        case 10:
500            newUrl = "whatsapp://send?text=" + title + "-" + url;
501            break;
502        case 11:
503            newUrl =
504                "https://telegram.me/share/url?url=" + url + "&text=" + title;
505            break;
506        default:
507            newUrl = url;
508    }
509    window.open(newUrl);
510}
511
512function Main_shareThis(client, url, title) {
513    // var title=title;
514
515    //var url=document.location.href;
516    var encTitle = encodeURIComponent(title);
517    var newUrl;
518
519    switch (client) {
520        case 1:
521            newUrl = "http://www.facebook.com/sharer.php?u=" + url;
522            // newUrl="https://facebook.com/sharer/sharer.php?u="+url+"&title="+encTitle;
523            break;
524        case 2:
525            newUrl =
526                "https://twitter.com/intent/tweet?url=" +
527                url +
528                "&text=" +
529                encTitle;
530            break;
531        case 3:
532            newUrl =
533                "https://plus.google.com/share?url=" +
534                url +
535                "&title=" +
536                encTitle;
537            break;
538        case 4:
539            newUrl =
540                "https://del.icio.us/post?url=" + url + "&title=" + encTitle;
541            break;
542        case 5:
543            newUrl = "https://digg.com/submit?url=" + url;
544            break;
545        case 6:
546            newUrl = "https://www.technorati.com/faves?add=" + url;
547            break;
548        case 7:
549            newUrl =
550                "https://www.stumbleupon.com/submit?url=" +
551                url +
552                "&title=" +
553                encTitle;
554            break;
555        case 8:
556            newUrl =
557                "https://reddit.com/submit?url=" + url + "&title=" + encTitle;
558            break;
559        case 9:
560            newUrl = "https://www.mixx.com/submit?page_url=" + url;
561            break;
562        case 10:
563            newUrl = "whatsapp://send?text=" + title + "-" + url;
564            break;
565        case 11:
566            newUrl =
567                "https://telegram.me/share/url?url=" + url + "&text=" + title;
568            break;
569        default:
570            newUrl = url;
571    }
572    window.open(newUrl);
573}