battlefield_3_battlelog_.user.js

// ==UserScript==
// @name           Battlefield 3 Battlelog interface improvements
// @namespace      armeagle.nl
// @include        http*://battlelog.battlefield.com/bf3/*
// ==/UserScript==

// var ul = document.querySelector('li.base-section-dropdown[rel=mp] > .base-dropdown-area > .base-dropdown-area-inner > ul');

// var newLi = document.createElement('li');
// newLi.setAttribute('class', 'base-dropdown-menu-item');

// var newDiv = document.createElement('div');
// newLi.appendChild(newDiv);

// var newA = document.createElement('a');
// newA.appendChild(document.createTextNode('Favorites'));
// newA.setAttribute('href', '/bf3/servers/favourites/');

// newDiv.appendChild(newA);

// ul.insertBefore(newLi, ul.getElementsByTagName('li')[2]);

Function.prototype.bind = function(scope) {
  var _function = this;
  
  return function() {
    return _function.apply(scope, arguments);
  }
}
Object.prototype.hasClass = function(className) {
   var pattern = new RegExp('(^|\\s)' + className + '(\\s|$)'); //use this regexp
   return pattern.test(this.className); //to check for the class
}
Object.prototype.addClass = function(className) {
   if (!this.hasClass(className)) { //if the class isn't there already
      this.className += (' ' + className); //append it to the end of the class list
   }
}
Object.prototype.removeClass = function(className) {
   var pattern = new RegExp('(^|\\s)' + className + '(\\s|$)'); //use this regexp
   this.className = this.className.replace(pattern, ' '); //to make a search and replace by a blank space
}

var Decorator = {
    options: {
        profileAwards: 'profile-stats-awards-main-column',
        profileAwardsMedal: '.profile-stats-awards-progression-item-medal',
        profileAwardsRibbon: '.profile-stats-awards-progression-item-ribbon',
        profileAwardsTaken: '.profile-stats-num-awards-taken',
        profileNotTaken: 'nottaken'
    },
	// to store the ribbon info
    ribbonData: {
    },
    
    initialize: function() {
        var container = document.querySelector('#content-container');
        container.addEventListener('DOMNodeInserted', function(event) {
            if (!event) event = window.event;
            var target = event.target;
            if ('div' == event.target.tagName.toLowerCase() && this.options.profileAwards == event.target.id) {
                this.profileAwards(event.target);
            }
        }.bind(this), true);
    },
    profileAwards: function(container) {
        this.parseRibbons(container);
        var medals = container.querySelectorAll(this.options.profileAwardsMedal);
        try {
        for (i=0; i<medals.length; i++) {
            var medal = medals[i];
            var type = this.getMedalType(medal);
            var ribbonInfo = this.getRibbonInfoFromMedal(medal);
            if (ribbonInfo == null) {
                continue;
            }
			if (ribbonInfo.name.indexOf('<BR> / ') <= 0) {
				continue;
			}
			
            var ribbon = this.ribbonData[ribbonInfo.name.split(/<BR>/)[0]];
            if (ribbon != null) {
                var ribbonCountRequired = ribbonInfo.required;
                var progress = medal.querySelector('.progress');
                var modulo = ribbon.count % ribbonInfo.required;
                var percentage = 0;
                if (modulo > 0) {
                    percentage = Math.round(modulo*100/ribbonInfo.required);
                }
                progress.setAttribute('style', 'width: '+ percentage +'%');
                this.medalAppendTooltip(medal, '('+ modulo +' / '+ ribbonInfo.required +')');
            }
        }
        } catch (e) {console.log({'Ex profileAwards': e})}
    },
    parseRibbons: function(container) {
        var ribbons = container.querySelectorAll(this.options.profileAwardsRibbon);
        
        for (i=0; i<ribbons.length; i++) {
            var ribbon = ribbons[i];
            var type = (ribbon.hasAttribute('title') ? ribbon.getAttribute('title') : ribbon.getAttribute('data-battlebubble')).match(/[^<]+/)[0];
            type = this.ribbonNameTranslations(type);
            var count = 0;
            if (ribbon.className.indexOf(this.options.profileNotTaken) < 0) {
                var taken = ribbon.querySelector(this.options.profileAwardsTaken);
                if (taken) {
                    count = parseInt(taken.childNodes[0].nodeValue.match(/[[0-9]+/)[0]);
                } else {
                    count = 1;
                }
            }
            this.ribbonData[type] = {'count': count, 'dom': ribbon};
        }
    },
	ribbonNameTranslations: function(ribbonName) {
		return ribbonName.replace(
		'RESUPPLY EFFICIENCY', 'RESUPPLY').replace(
		'SURVEILLANCE EFFICIENCY', 'SURVEILLANCE').replace(
		'MEDICAL EFFICIENCY', 'MEDICAL').replace(
		'MAINTENANCE EFFICIENCY', 'MAINTENANCE').replace(
		'MVP 3', '3RD MVP').replace(
		'MVP 2', '2ND MVP'
		);
	},
    getRibbonInfoFromMedal: function(medal) {
        var matches = this.getMedalData(medal).match(/Obtain.+/);
        if (!matches) {
            return null;
        }
        var str = matches[0].replace('Obtain the ', '');
        var ribbonCount = str.match(/ [0-9]+ times./)[0];
        str = str.replace(ribbonCount, '').toUpperCase();
        ribbonCount = ribbonCount.match(/[0-9]+/)[0]
        return {'name': str, 'required': ribbonCount};
    },
    getRibbon: function(ribbonString) {
        var info = this.ribbonCount
    },
    getMedalType: function(medal) {
        return this.getMedalData(medal).match(/[^<]+/)[0];
    },
    getMedalData: function(medal) {
        return medal.hasAttribute('title') ? medal.getAttribute('title') : medal.getAttribute('data-battlebubble');
    },
    getRibbon: function(medal) {
        
    },
    medalAppendTooltip: function(medal, text) {
        if (medal.hasAttribute('title')) {
            medal.setAttribute('title', medal.getAttribute('title').replace(' / ', '') +' '+ text);
        } else {
            medal.setAttribute('data-battlebubble', medal.getAttribute('data-battlebubble').replace(' / ', '') +' '+ text);
        }
    }
};
Decorator.initialize();