Jump to content
Sign in to follow this  
IPBDesign

Notification Addon for Chrome/Firefox

Recommended Posts

IPBDesign    122
IPBDesign

Please login or register to see this link.



Please login or register to see this link.

Notification Addon for Chrome/Firefox


This addon was created by a staff member of my site, but because its needed a license to add files to the marketplace, its me that is creating it.

The reason for the creation of this extension was for users to be able to receive notifications in Chrome without the need to have the site open in a tab. It can also remember user to check back the site if it was forgotten.
Basically this extension will send a check for unread notifications, displaying a badge with the unread count. You can then click the badge and it will open a popup with the site where user can see the notifications. 

This boilerplate uses the awesome 

Hidden Content

    Give reaction to this post to see the hidden content.
.

Steps to make it work:

  1. Look at the images in the folder, just change the icon and logo ones with your own with the dimensions specified in the name, so the icon 19 it will be the icon that appear in the browser and requires a 19px X 19px image, just do the same to the other images (some are not used but may be in future)
  2. Open the manifest.json file with any text editor, and change the name and description of your extension. Also change the "https://*example.com/*" with your site url. For example: "https://*invisionpower.com/*"
  3. Open the file popup.html, change the page title to your own, change the iframe url's that will be displayed and their names (forum, chat, notifications). In this boilerplate 3 iframes are inserted, The forum itself, a chat URL (in our board we have an external chat app where people login using our board credentials) and the  notification center, add your owns or remove, as it pleases you
  4. Next open the file undock.html, this file's almost the same as the previous one, except that the iframe doesn't have harcoded value, so it can be redimensioned at user will, just do the same you have done to the popup.
  5. Change "http://www.example.com" in the first line of the background.js and popup.js with your site url.
  6.  

In second line of the background.js you have the variable pollTime that it's the default time that the extension checks for new notifications, the default value is 300000 miliseconds, 5 minutes, you can change it but be careful with it because many users hammering your board could be a problem, so adapt it to your needs.

To the people that already have the extension: some changes were made in html and .js files, so if you want to upgrade you have to make the changes, don't forget to increase the manifest version.


  • Submitter

    Please login or register to see this link.

  • Submitted
    10/06/2017
  • Category

    Please login or register to see this link.

 

Share this post


Link to post
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×