[BETA] Notificari in browser

Vezi subiectul anterior Vezi subiectul urmator In jos

In progres [BETA] Notificari in browser

Mesaj Scris de Zeus la data de Mar 16 Mai - 18:15

Salutare tuturor,

In aceasta dupa-amiaza am realizat un cod pentru afisarea notificarilor in browser.

Demonstratie



Instalare

Pentru instalarea acestei caracteristici intrati in:
Panou > Module > HTML & JAVASCRIPT > Gestiunea codurilor javascript > Creati un nou cod JavaScript

Completati rubricile cu:

  • Titlu: Notificari in browser
  • Amplasare: Toate paginile
  • Cod:

    Cod:

    function compareDate(from, to, check) {
        var fDate = Date.parse(from),
            lDate = Date.parse(to),
            cDate = Date.parse(check);

        if ((cDate <= lDate && cDate >= fDate)) {
            return true;
        }
        return false;
    }

    function addDays(theDate, days) {
        return new Date(theDate.getTime() + days * 24 * 60 * 60 * 1000);
    }

    function setCookie(cname, cvalue, exdays) {
        var d = new Date();
        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
        var expires = "expires=" + d.toGMTString();
        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
    }

    function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

    document.addEventListener('DOMContentLoaded', function() {
        if (Notification.permission !== "granted")
            Notification.requestPermission();
    });

    function ChromeNotif() {
        if (!Notification) {
            return;
        }

        if (Notification.permission !== "granted") {
            Notification.requestPermission();
        } else if (navigator.cookieEnabled === true) {
            console.log("[CONSOLE] Google Notifications working");
            var notif_icon = "http://redcdn.net/frmste/images/sigle.png";
            var forums = [6, 4, 5, 16];
            var limit = 4;

            var text = function(cont, tag) {
                tag = cont.getElementsByTagName(tag)[0];
                return (tag && tag.firstChild && tag.firstChild.nodeValue) || '';
            };
            for (var j = 0, f;
                (f = forums[j++]);) {
                $.get('/feed/?f=' + f, function(xml) {
                    var topics = xml.getElementsByTagName('item'),
                        i = 0,
                        t = null;

                    for (;
                        (t = topics[i++]);) {

                        var topic_date = new Date(text(t, 'pubDate'));

                        if (compareDate(addDays(new Date(), -1), addDays(new Date(), +1), topic_date)) {
                            var topic_link = text(t, 'link'),
                                topic_title = text(t, 'title'),
                                topic_desc = text(t, 'description');
                            if (getCookie("notif_" + topic_title + "") != topic_link) {

                                var notification = new Notification(topic_title, {
                                    icon: notif_icon,
                                    body: topic_desc.replace(/\n/g, ' ')
                                });

                                notification.onclick = function() {
                                    window.open(topic_link);
                                };

                                setCookie("notif_" + topic_title + "", topic_link, 30);
                            }

                        }

                        if (i >= limit) break;
                    }
                });
            }

        }
    }

    jQuery(function($) {
        ChromeNotif();
    });

    window.setInterval(function() {
        ChromeNotif();
    }, 60000);





Personalizarea notificarilor din cod:

var forums = [6, 4, 5, 16];

Inlocuiti sirul de numere din acea linie cu ID-urile sectiuniilor dorite.


var limit = 4;

Inlocuiti acea valoare cu numarul de notificari de afisat in acelasi timp.


var notif_icon = "http://redcdn.net/frmste/images/sigle.png";

Inlocuiti acea imagine cu sigla dorita.


Dupa efectuarea modificarlor dorite validati formularul.


De retinut faptul ca aceste notificari nu vor fi vizibile tuturor. Fiecare utilizator va fi intrebat in momentul in care acceseaza forumul daca doreste sau nu afisarea notificarilor.



Codul este inca in faza de dezvoltare, in caz de functionare necorespunzatoare postati aici. A face cu ochiul
avatar
Zeus
Administrator
Administrator

masculin

Mesaje : 4104
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Multumiri : 626
Niciun avertisment

https://github.com/zeusmaximus

Sus In jos

In progres Re: [BETA] Notificari in browser

Mesaj Scris de Ionut la data de Mar 16 Mai - 18:43

Foarte frumos, am crezut că s-a actualizat brownser-ul de îmi apărea acea notificare. clap


The Best Skin IPB.Board, platforma ForumGratuit
avatar
Ionut
Asistent
Asistent

masculin

Mesaje : 657
Varsta : 19
Data înscrierii : 01/11/2015
Multumiri : 74
Niciun avertisment

http://helptutorial.rpgwars.net/

Sus In jos

In progres Re: [BETA] Notificari in browser

Mesaj Scris de mihai la data de Mar 16 Mai - 20:32

am mai văzut site-uri, în care eu am probleme cu pc-ul (uneori), și când dau să caut, îmi apar și notificările, uneorii și informații din IT, apar și notificările acolo... good job!
avatar
mihai
Membru Forumgratuit

masculin

Mesaje : 383
Varsta : 19
Localizare : Forumgratuit
Data înscrierii : 25/09/2014
Multumiri : 22
2 avertismente

http://wikifg.forumgratuit.ro/

Sus In jos

In progres Re: [BETA] Notificari in browser

Mesaj Scris de Nocti la data de Mar 16 Mai - 20:55

Thanks. Da
avatar
Nocti
Membru Forumgratuit

masculin

Mesaje : 239
Varsta : 17
Data înscrierii : 04/06/2014
Multumiri : 3
Niciun avertisment

http://www.infinigame.biz/

Sus In jos

In progres Re: [BETA] Notificari in browser

Mesaj Scris de mr.franta la data de Mar 16 Mai - 20:59

Foarte reusit,este un topbar pe invizibil sa spun asa.Imi place mult!


Daca v-am fost de ajutor apasati butonul  
avatar
mr.franta
Moderator
Moderator

masculin

Mesaje : 1176
Varsta : 29
Localizare : giurgiu
Data înscrierii : 18/02/2012
Multumiri : 80
Niciun avertisment

http://www.frannnta-design.com/

Sus In jos

In progres Re: [BETA] Notificari in browser

Mesaj Scris de Petronel YT la data de Mar 16 Mai - 21:41

O sa implemented ai eu codul asta ! Multumim mult!
avatar
Petronel YT
Membru Forumgratuit

masculin

Mesaje : 247
Varsta : 15
Data înscrierii : 21/05/2016
Multumiri : 11
Niciun avertisment

http://craft.forumhi.net/

Sus In jos

In progres Re: [BETA] Notificari in browser

Mesaj Scris de Atracción la data de Mier 17 Mai - 11:07

Arata super bine ! L-am testat pe forumul personal si functioneaza perfect.


avatar
Atracción
Graphic Designer
Graphic Designer

masculin

Mesaje : 1850
Varsta : 19
Data înscrierii : 19/11/2012
Multumiri : 11
Niciun avertisment

http://help.forumgratuit.ro/forum

Sus In jos

In progres Re: [BETA] Notificari in browser

Mesaj Scris de Apollo la data de Dum 21 Mai - 22:22

Un cod superb, foarte frumos @Zeus. Un astfel de cod ofera puțină culoare unui forum.
avatar
Apollo
Membru onorific
Membru onorific

masculin

Mesaje : 922
Varsta : 23
Localizare : Github, SSYT.
Data înscrierii : 10/08/2015
Multumiri : 113
Niciun avertisment

https://goo.gl/FNpP4P

Sus In jos

In progres Re: [BETA] Notificari in browser

Mesaj Scris de Dan Țeca la data de Mier 14 Iun - 12:48

@Zeus a scris:Personalizarea notificarilor din cod:

var forums = [6, 4, 5, 16];

Inlocuiti sirul de numere din acea linie cu ID-urile sectiuniilor dorite.
Cred că nu am înțeles - ce înseamnă ID-ul unei secțiuni? Este vorba de numărul acela din adresa web a forumului cu "f" în față sau nr. cu "c" (de la categorie)? Sau e cu totul altceva? Unde-l găsesc?
avatar
Dan Țeca
Membru nou

masculin

Mesaje : 4
Varsta : 49
Data înscrierii : 08/03/2017
Multumiri : 0
Niciun avertisment

http://non-partid.forumgratuit.ro

Sus In jos

In progres Re: [BETA] Notificari in browser

Mesaj Scris de Zachary la data de Joi 15 Iun - 15:39

@Dan Țeca a scris:
@Zeus a scris:Personalizarea notificarilor din cod:

var forums = [6, 4, 5, 16];

Inlocuiti sirul de numere din acea linie cu ID-urile sectiuniilor dorite.
Cred că nu am înțeles - ce înseamnă ID-ul unei secțiuni? Este vorba de numărul acela din adresa web a forumului cu "f" în față sau nr. cu "c" (de la categorie)? Sau e cu totul altceva? Unde-l găsesc?

"Este vorba de numărul acela din adresa web a forumului cu "f" în față sau nr. cu "c" (de la categorie)?" -> răspunsul este cel îngroșat. Fericit



avatar
Zachary
Administrator
Administrator

masculin

Mesaje : 2104
Varsta : 37
Localizare : România
Data înscrierii : 08/05/2013
Multumiri : 159
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

In progres Re: [BETA] Notificari in browser

Mesaj Scris de Dan Țeca la data de Lun 19 Iun - 17:12

@Zeus a scris:Codul este inca in faza de dezvoltare, in caz de functionare necorespunzatoare postati aici. A face cu ochiul
Din păcate nu funcționează. Supărat
După ce l-am implementat, într-adevăr, site-ul m-a întrebat dacă accept notificări (și am răspuns Allow), dar nu primesc nicio notificare de la secțiunile respective, deși am personalizat corect la var forums
Și cauza nu este de la Chrome-ul meu - notificările altor site-uri (Facebook etc.) merg bine.
avatar
Dan Țeca
Membru nou

masculin

Mesaje : 4
Varsta : 49
Data înscrierii : 08/03/2017
Multumiri : 0
Niciun avertisment

http://non-partid.forumgratuit.ro

Sus In jos

In progres Re: [BETA] Notificari in browser

Mesaj Scris de Zeus la data de Mar 20 Iun - 13:10

Intr-adevar exista o problema in cod care impiedica functionarea corespunzatoare.

Voi revizui codul si voi reveni cu edit.
avatar
Zeus
Administrator
Administrator

masculin

Mesaje : 4104
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Multumiri : 626
Niciun avertisment

https://github.com/zeusmaximus

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum