Description:
BetterFumbblExperience is an extension with the goal to improve overall design and functionality of Fumbbl. Most features are optional and can be changed in https://fumbbl.com/p/coachsettings just like any other settings.

Current Version 2.2.0 August, 22th 2015
GUID: fcc363b1-4486-4901-a9b9-087fae549054
Download BetterFumbblExperience.xpi (Firefox):
Download betterfumbblexperience.js (not Firefox):
Download manifest.json (additional for Chrome):

Requirements for BetterFumbblExperience.xpi:
Firefox 39.0+
Fumbbl.com must accept cookies.

Requirements for betterfumbblexperience.js:
Chrome 42+
Fumbbl.com must accept cookies.

For other browsers and earlier versions of FF and Chrome: Unknown, but should theoretically work with their respective equivalent to Greasemonkey. (Just google it if you don't know it.)

Installation Instructions
FireFox (no Greasemonkey installed) - BetterFumbblExperience.xpi
1. Drag BetterFumbblExperience.xpi into your browser.
2. An installation window pops up. Accept. (Restart no longer required.)
3. If it's not working go to type about:addons in your browser window. Click on extensions, click on betterfumbblexperience and enable.
4. Enter https://fumbbl.com/p/coachsettings to set your preferred user settings.
You're done.


betterfumbblexperience.js
Chrome (no Tampermonkey installed)
1. Create a new folder on your computer
2. Download betterfumbblexperience.js and manifest.json into it.
3. Open chrome://extensions/ in your URL field.
4. Check developer mode
5. Click "load unpacked extension"-button
6. Find the folder you copied betterfumbblexperience.js and manifest.json into.
7. Enter https://fumbbl.com/p/coachsettings to set your preferred user settings.
You're done.

Notes about Chrome:
URL interpreter does not work correctly right now, it is recommended to leave it turned off.
Following the instructions will spawn an alert on every Chrome start up that tells you it's a developer script and that you should remove it.
To prevent this somebody would need upload the extension to Google Webstore. This requires a developer account and I do not have such. The acquisition costs money. I'm not willing to pay money to make a script accessible to the store I distribute for free and spent weeks to develop just so that more people visit their page.
If you are a developer or do have a developer google account or some other possibility to make the script better accessible for Chrome users, you have my permission to upload it.
If you need help, just get in contact with me.

Deinstallation Instructions
BetterFumbblExperience.xpi (Firefox)
1. Enter as URL:
about:addons

2. Click on "Extensions"
Find 'BetterFumbblExperience' and click remove.

3. If the cookie bothers you
Go to about:preferences#privacy.
Click on "Show Cookies.." button.
Look for fumbbl.com cookies.
Look for "nomatches" cookie.
Click "remove selected" button. (You should avoid deleting other Fumbbl cookies.)
This will also put all your settings back to default.

For Chrome:
1. Go to chrome://extensions/
2. Click on the Trash Bin next to BetterFumbblExperience.
You're done.

If the downloaded files bother you:
3. Delete the files from the folder you downloaded them into or delete the folder.

If the cookie bothers you:
4. Go to chrome://settings/
5. Click on extended settings (if disabled at the bottom of page) (also not 100% since I'm translating it)
6. Look for 'privacy' and click on the content settings button.
7. Click under 'cookies' on 'all cookies and websites' button.
8. Look for fumbbl.com and expand it by clicking on it.
9. Expand "nomatches" by clicking on it.
10. Click remove Button.

You don't really gotta do anything past step 2 and you could just clear all your cookies which is a lot easier but just for complete documentation you now know how to do it.


Bug Reports
Please send all bugs infos and feature requests to:
BFE Bug Reports
_______________________________________________________________________________________
Content:

Multicolor Setting (default: on)
An unintrusive tool that changes the green in the headers into a gradient. To the unexperienced eye it will simply look like it's still green and almost unchanged. In reality the header changes its nuances from lighter to darker, overall gives it a much livelier tone. To put it in archaic terms it is about the difference of VGA and SVGA. ;)

Missing Icon Replacer (default: on)
This feature adds the missing icons of Chaos Pact and Underworld to the pages. Special thanks to jimimothybodles for providing the Chaos Pact icon. The UW icon creator is currently unknown to me.

Number of Recent Matches (default: off)
Allows to alter the number of recent matches displayed on the coaches homepage.

All Commented Matches (default: off)
A feature for anyone who likes to read match reports. If activated, it will fetch and display all commented matches out of the 100 most recent on your coach-page.
I find activating this option with a reduced number of recent matches displayed to be very convenient.

Blackbox Ping (default: on)
Sends a double ping once the coach is scheduled in a draw. The script is run from the blackbox page, so the user needs to have a window on the blackbox site open at the time he is being scheduled.

Activation Scheduler (default: off)
A very convenient feature I couldn't imagine to live without anymore. It allows to schedule an activation of teams that will take place in the upcoming activation time prior to the next draw. For details on its abilities check here https://fumbbl.com/p/notes?op=view&id=2059.

URL Button Fixer (default: on)
The forum provides a bunch of convenient buttons that allow to wrap BB-code around highlighted text. Only major inconvenience are URLs. Although you do correctly create a hyperlink by wrapping a URL, that even works without the wrapping.
The problem with the URL is that it looks ugly. BB-codes solution for this it to put the URL inside the URL-bracket and to use a convenient term to describe the URL target instead.
But because the buttons do not support this the user has to always do inconvenient re-editing.
With this option on, the button will still wrap URL brackets around regular text but place actual URLs inside the first bracket instead and allow the user to simply add a word to describe it.

Gamefinder Chat (default: off)
Adds an IRC chat interface on the Gamefinder page.


Technical Stuff

How it Works
The way Fumbbl creates pages happens in large parts on server side while this script basically only alters the visualization of your interface (on your computer). Things will not look or be different for anyone else. Just for you. The alterations are manually added and only happen after the page is loaded. Things added by features may look the same but their code is very different.
My aim was to make every feature look as authentic as possible and to integrate it smoothly into the site.
They should not look very different but will simply improve the overall feel you have while browsing the site.
If they do look very different or 'wrong' to you then it is most likely a display bug. So please let me know.

Cookies
Fumbbl handles user input on server side. This is of course not possible to do for the script, I am lacking access for that. Instead I opted for cookies. To the site they will appear like Fumbbl cookies, so if you accept cookies from fumbbl, which you basically have to, this shouldn't cause you any problems. The cookies are set only when changing user settings and do not expire. If you delete them you'll just be set back to default settings.

Missing Icon Replacer
Missing Icon Replacer can be resource intense when used on gamefinder. The dynamically added team icons are very hard to capture in the HTML. They can't be added via CSS because the question marks added by default from the server are too deep in the HTML code and can't be overriden with pure CSS. (CSS is something handling graphics on HTML sites.)
Mind you apart from capturing icons no other code is run on that page and unless an actual team is added, the capture events don't really do anything either. So there shouldn't be any performance issues unless you were to decide to have 20 gamefinder windows open at the same time or something like that.

Blackbox
The script is entirely window based. The Blackbox features all need Blackbox to run. Closing and opening box while waiting for activation could cause strange effects.
To handle that I added a short lived cookie to display your state of activation. Some weird things may still happen. (Like a double ping if you have two box windows open at the same time and get scheduled and if you close all box windows you'll hear no ping.)

The Gradient
Something most people probably don't know who are not familiar with HTML and CSS is how incredibly easy it is to make something like a header look different. To be fair the features that allow this aren't necessarily supported on older browsers to the same extent.
This was one of the first things I tried to apply and in theory it should've been extremly easy.
I remember someone else, probably clueless like me adding a similar/same feature a couple of years ago and could never find it again.
Back then I discarded the tool because I didn't like how the gradient got broken by table form of the headers on the coach page. (They show team name, team value, money etc of all teams in table form but all those table parts are html elements on their own.)
Each element would have its own gradient. This doesn't make a difference normally because the way Fumbbl is now the header is just the same type of green on the background and on each table element. But when it goes from light to dark green, every element suddenly recolors the gradient and looks unnatural.
Back then I asked the guy if he could do something about it, he said it was too hard and upon dealing with it, I began to understand why. Some lengthy googly searches revealed that I could circumvent the problem by basically creating partial gradients that would go from left to right.
The gradient I had used however would go from left top to right bottom and couldn't be emulated over several elements to look just the same. Of course there was the possibility to just make it look different.
But that didn't satisfy me and I looked for other solutions.
In the end the answer was quite simple:
The table was projected on a div element that was a header itself. Of course, not to paint the table would have just left the elements white but all I had to do was to set the opacity to 0.
Unfortunately this made the writing tags disappear. But fortunately it was possible to simply set the background opacity to 0.

Similar stories I could probably tell for all the features. Lets say the constant challenge in finding new solutions for new problems is what kept me interested. It is truly amazing what you can do with an open mind for problem solving.