francescostl/lionblock

Senior CS capstone project for team AdBuster at Lindenwood University

lionblock's Issues

Fix Carousel issue (slide changes)

Right now on the main screen you can click the entire left side of the screen to change to the info slide, which is incorrect. You should only be able to click the info icon and back buttons in order to change the view you are on, and not the entire left or right side.

Implement "Allow URL" for Ad Blocking

This issue covers allowing one specific URL (not the entire domain)

Add header/ subhead text

We need the "Lionblock" header and then whatever subtext you'd like. Subtext should say something about the add-on. Ex: "An ad-blocker for Lindenwood University"

Put buttons into group and make rectangular

We would like to add all of the buttons from the options into a group and make them rectangular.

Make "Allow" button color more intuitive

The allow buttons are green and red which is not necessarily intuitive. We need to fix that

Reverse Engineer Tracking Protection

We need to figure out exactly what to re-implement from SiteSonar's advertisement identification.

Add Andres's name to readme.md

I forgot to add him in the readme. This is just a test task.

Refactor/ comment

We need to refactor and comment stuff on the backend. Maybe refactor some stuff on the front-end.

Data-visualization for ads blocked over time

We want to implement some sort of data visualization for ads we're blocking over time. This should not be a priority as it will be the hardest thing to implement and is a stretch goal.

Implement a color scheme

Our add-on is kinda boring color-wise. Lets use Material Design to choose colors we'd like to have for text, background, buttons, data-vis, etc.

Implement On/Off Slider

We need a large on/off slider which is switchable via CSS, JS, or both

Make expand button entire width of screen

We want to make the down-arrow expand and up-arrow "less options" buttons to stretch the entire width of the view.

Fix "This page is blocked" Error

Briefly before some pages are shown (e.g. Google, easybib), an error shows up saying "This page is blocked" or something similar. We need to figure out why that is happening and fix it.

Make slider round

The white part of the slider should be round, like this:

Parse Disconnect

Not sure we need everything that Disconnect offers in the list. In order to fix this, we should probably preprocess it before we package it with the add-on so we only grab the information we need. Site-Sonar's implementation does this parsing with each install, which isn't ideal for us.

Remove "Do not block ads on page" button

This shouldn't be an option

Add documentation

Update our markdown stuff so we've got documentation about:

• how we build it
• how to use it
• how to contact us

Create Allow Domain and Allow URL Sets

We need sets for allowing domains and allowing urls. Using a Set in Javascript allows us for a simple O(1) lookup with:

var allowDomainSet = new Set();
allowDomainSet.add(someDomain)
if (allowDomainSet.has("http://addomain.com/") {
    doSomething();
}

Implement Additonal Info + Allow Buttons

We need the ability to open and close advanced info on the main add-on screen. This requires changing the size of the pop-up.

Add "Options" Text to the Expand Button

We want to add the "Options" text to the expand button when it is not expanded, and make it change from a down arrow to an up arrow with "less options" when it is expanded.

Implement Logo

We need a logo which is the button users click-on in the browser. Currently that it is the icon which is a planet. Just replace that file with the logo.

Also, when the add-on is "on", the logo should change. Doesn't matter whether the back-end is functional, just change the logo when the front-end slider is set to on or off.

Pass messages from front to back-end

We need to send messages to the back-end with pause, start, allow one url, and allow entire domain requests. The pause and start messages only need to indicate to start or pause, whereas the allow one url and allow entire domain messages must include the respective url or domain requested to allow.

Here's the documentation

And usage example:

• Frontend

• Backend

Collect Cumulative Ad Size & Total Ad Count Stats

We need to grab the total size (in kb or mb) of ad-data blocked and the number of ads blocked. This issue is just for the collection of this data to the back-end.

Center Options Button Text

We should center the text in all options buttons

Implement Pause for Ad Blocking

We need to be able to pause ad-blocking.

Implement Info page

Develop an information page with an email for support and some Q&A for the application

Update Front-End Ad Stats Every n-seconds

We need something to update the front-end every X seconds, or whenever it loads, whatever you think might be best. If you do the former, you can watch the number change as ads load, which is pretty cool. The latter would make it static.

Check out how this is implemented in Site-Sonar here

Fix "Allow on Domain" Bug

Currently, if you fiddle with the buttons enough, "Allow on domain" button needs to be clicked twice to change and stops persisting between pages on a domain.

Implement "Allow Domain" for Ad Blocking

This is allowing for a whole domain (not just one URL). Though, it might be best to pass this whole URL to the "back-end" where we can parse the URL and extract the domain. This way the processing happens in the browser process, not in the content (web-page) process

Create Graphic for Poster

We need to create a graphic for our poster.

Fix Canvas CDN Blocking Issue

currently, if you log into canvas, everything breaks because we are blocking some of it's resources. Probably because it is using a CDN which is blocked. We need to investigate and potentially add it to a whitelist.