ПНотифи - високо прилагодљив додатак за обавештења
За неке од нас који смо стално заузети, обавештења нас држе на врху сваког важног догађаја, невсбита и информација. Смањује време чекања док нас ажурира најновијим догађањима, и није ни чудо да добијамо обавештења и на рачунаре и мобилне телефоне..
Ако желите да направите обавештење за ваш сајт, можете га лако креирати помоћу овог додатка који се зове ПНотифи. То је бесплатан ЈаваСцрипт плугин отвореног кода са много опција и једноставан је за коришћење. Помоћу ПНотифи можете чак приказати до 1000 обавештења одједном (погледајте овај тест бенчмаркинга да бисте га испробали). Како је то кул?
Зашто користити ПНотифи?
ПНотифи, раније познат као Пинес Нотифи, носи три главна типа обавештења: инфо, објава и еррор. Има гомилу могућности, ефеката, тема и стилова. Можете одабрати различите стилове из Боотстрап, јКуери УИ, Фонт Авесоме или ићи са својим стилом. Ту је и око 18 готових тема (направљених са Боотсватцх) које можете изабрати и постоје чак и ефекти транзиције.
Велика ствар код ПНотифи-а је да не поседује само одличне графичке карактеристике већ је обогаћен и моћним и богатим АПИ-јем (или модулима). Ови АПИ-ји укључују обавештења на радној површини (на основу стандарда за веб-обавештења), подршку за динамичко ажурирање, повратне позиве за различите догађаје, прегледач историје да бисте видели претходне обавештења и ХТМЛ подршку у наслову и телу.
ПНотифи обезбеђује ненаметљиво обавештење што значи да можете да кликнете на било који елемент иза обавештења, а да га не одбаците. Такође можете да одредите где се појављује обавештење са функцијама Стацкс, што вам омогућава да поставите обавештење свуда: као горњи / доњи стил бара или чак као опис алата.
Басиц Усаге
ПНотифи извори долазе у прилагодљиве модуле и доступни су овде.
Почетак
Када добијете изворе, укључите их у ХТМЛ тако:
ПНотифи је веома једноставан за употребу. Ево једноставне обавијести:
$ (фунцтион () нев ПНотифи (титле: 'Једноставно обавештење', текст: 'Хеј, ја сам једноставно обавештење.'););
И то је резултат:
У суштини, за креирање обавештења иницирате нову ПНотифи функцију. Наслов, текст, стил и друге опције могу се затим проследити унутар функције. Ако не наведете тип обавештења, користиће подразумевани тип који је а објава. Постоји око 20+ подесивих опција можете проћи. Да бисте видели листу са својом подразумеваном вредношћу, кликните овде.
Стилинг
Да бисте променили стил, можете да проследите стилинг у обавештењу и дефинишете жељени стил. Доступни су стилови боотстрап2, боотстрап3, јкуериуи и фонтавесоме. Не заборави укључити повезане стилске изворе унутар вашег пројекта.
На пример, ако желим да променим претходни стил обавештења на тему јКуери корисничког интерфејса, користим следећи исечак:
нев ПНотифи (титле: "јКуери УИ Стиле", текст: "Хеј, ја сам стилизован са ЈКуери УИ темом.", стилинг: "јкуериуи");
Постоји још један начин да стилизујете своју нотификацију, преко овог кода:
ПНотифи.прототипе.оптионс.стилинг = "јкуериуи";
Цханге јкуериуи са стилом који желите, а затим ставите ову линију пре обавештења на следећи начин:
ПНотифи.прототипе.оптионс.стилинг = "јкуериуи"; нев ПНотифи (титле: "јКуери УИ Стиле", текст: "Хеј, ја сам стилизован са јКуери УИ темом.");
Ево вашег резултата, стилизованог:
Аддинг Модулес
Модули су богати АПИ-ји који омогућавају напредне функције за обавештавање. Постоје 7 модула у ПНотифи: Десктоп, Дугмад, НонБлоцк, Цонфирм, Хистори, Цаллбацкс и Референце Модуле. Модули се могу користити преношењем одговарајућих опција у обавештење.
Као пример, испод су кодови који ће вам показати како да користите Десктоп модул:
ПНотифи.десктоп.пермиссион (); нев ПНотифи (титле: 'Обавештење о радној површини', текст: 'Ја сам обавештење о радној површини. Морате ми дати дозволу да бих се могао појавити као оно што сам. Ако не, постаћу редовна обавештења. ', десктоп: десктоп: труе, ицон: нулл);
ПНотифи.десктоп.пермиссион (); се користи да осигура да корисници имају дати дозволу за приказивање обавештења. Ако корисници не допусте сајт, обавештење ће бити приказано као редовно обавештење уместо тога.
Као што видите, постоји додатна опција додавања десктоп на код. Тхе десктоп: труе ће омогућити обавештење за радну површину; ако је поставите на лажно, обавештење ће постати редовно обавештење.
Такође можете користити прилагођену икону преко икона опција. Попуните га УРЛ-ом иконе; можете га поставити фалсе да бисте онемогућили икону. Ако га подесите нула, користи се подразумевана икона.
Да бисте видели друге имплементације модула са њиховим опцијама, идите на овај линк.
Можете наставити са имплементацијом тако што ћете отићи на њен званични сајт. Тамо можете видети напредну употребу заједно са демо снимцима. Алтернативно, можете посетити њену ГитХуб страницу за додатне информације.
