New Addon version 1.2

+ Badges counts only per url (for this feature we need the new "tabs"
permission)
+ New Interface. Special thanks to @grahamperrin and @Thorin-Oakenpants.
(#21)
+ Files in folder ordered
- Remove siteBlockedAlert.html page. We're show now nothing.
+ Revised texts for Rules-Status
+ Add File for version number

core_js/log.js

@@ -0,0 +1,64 @@
+/**
+* Get the log and display the data as table.
+*/
+var log = [];
+
+/**
+* Reset the global log
+*/
+function resetGlobalLog(){
+    browser.storage.local.remove("log");
+    browser.storage.local.set({"resetLog": true});
+    location.reload();
+}
+
+/**
+* Get the log and display to the user
+*/
+function getLog()
+{
+    browser.storage.local.get('log', function(data) {
+        if(data.log)
+        {
+            log = JSON.parse(data.log);
+        }
+        else{
+            //Create foundation for log variable
+            log = {"log": []};
+        }
+
+        var length = Object.keys(log.log).length;
+        var row;
+        if(length != 0)
+        {
+            for(var i=0; i<length;i++)
+            {
+                row = "<tr>"
+                + "<td>"+log.log[i].before+"</td>"
+                + "<td>"+log.log[i].after+"</td>"
+                + "<td>"+log.log[i].rule+"</td>"
+                + "<td>"+toDate(log.log[i].timestamp)+"</td>";
+                $('#tbody').append(row);
+            }
+        }
+        $('#logTable').DataTable({
+            "pageLength": 5
+        } ).order([3, 'desc']).draw();
+    });
+}
+
+/**
+* Convert timestamp to date
+*/
+function toDate(time)
+{
+    return new Date(time).toLocaleString();
+}
+
+/**
+* Load only when document is ready
+*/
+$(document).ready(function(){
+    getLog();
+    $('#reset_log_btn').on("click", resetGlobalLog);
+});

core_js/popup_new.js

@@ -0,0 +1,189 @@
+/**
+* Initialize the UI.
+*
+*/
+function init()
+{
+    setHashStatus();
+    setGlobalStatus();
+    changeStatistics();
+    setTabcounter();
+    setLogging();
+}
+
+/**
+* Get the globalCounter value from the browser storage
+* @param  {(data){}    Return value form browser.storage.local.get
+*/
+function changeStatistics(){
+    var element = $("#statistics_value");
+    var elGlobalPercentage = $("#statistics_value_global_percentage");
+    var elProgressbar_blocked = $('#progress_blocked');
+    var elProgressbar_non_blocked = $('#progress_non_blocked');
+    var elTotal = $('#statistics_total_elements');
+    var globalPercentage = 0;
+    var globalCounter;
+    var globalurlcounter;
+
+    browser.storage.local.get('globalCounter', function(data){
+        if(data.globalCounter){
+            globalCounter = data.globalCounter;
+        }
+        else {
+            globalCounter = 0;
+        }
+
+        element.text(globalCounter.toLocaleString());
+    });
+
+    browser.storage.local.get('globalurlcounter', function(data){
+        if(data.globalurlcounter){
+            globalurlcounter = data.globalurlcounter;
+        }
+        else {
+            globalurlcounter = 0;
+        }
+
+        globalPercentage = ((globalCounter/globalurlcounter)*100).toFixed(3);
+
+        if(isNaN(Number(globalPercentage))) globalPercentage = 0;
+
+        elGlobalPercentage.text(globalPercentage+"%");
+        elProgressbar_blocked.css('width', globalPercentage+'%');
+        elProgressbar_non_blocked.css('width', (100-globalPercentage)+'%');
+        elTotal.text(globalurlcounter.toLocaleString());
+    });
+}
+
+/**
+* Change the value of the globalStatus.
+* Call by onChange()
+*
+*/
+function changeGlobalStatus() {
+    var element = $('#globalStatus').is(':checked');
+
+    browser.storage.local.set({'globalStatus': element});
+}
+
+/**
+* Set the values for the global status switch
+*/
+function setGlobalStatus() {
+    var element = $('#globalStatus');
+
+    browser.storage.local.get('globalStatus', function(data) {
+        if(data.globalStatus) {
+            element.prop('checked', true);
+        }
+        else if(data.globalStatus === null || typeof(data.globalStatus) == "undefined"){
+            element.prop('checked', true);
+            browser.storage.local.set({'globalStatus': true});
+        }
+        else {
+            element.prop('checked', false);
+        }
+    });
+}
+
+/**
+* Change the value of the badgedStatus.
+* Call by onChange()
+*
+*/
+function changeTabcounter() {
+    var element = $('#tabcounter').is(':checked');
+
+    browser.storage.local.set({'badgedStatus': element});
+}
+
+/**
+* Set the values for the tabcounter switch
+*/
+function setTabcounter() {
+    var element = $('#tabcounter');
+
+    browser.storage.local.get('badgedStatus', function(data) {
+        if(data.badgedStatus)
+        {
+            element.prop('checked', true);
+        }
+        else if(data.badgedStatus === null || typeof(data.badgedStatus) == "undefined"){
+            element.prop('checked', true);
+            browser.storage.local.set({'badgedStatus': true});
+        }
+        else {
+            element.prop('checked', false);
+        }
+    });
+}
+
+/**
+* Change the value of the logging switch
+*/
+function changeLogging()
+{
+    var element = $('#logging').is(':checked');
+
+    browser.storage.local.set({'loggingStatus': element});
+}
+
+/**
+ * Set the value for the hashStatus on startUp.
+ */
+function setHashStatus()
+{
+    var element = $('#hashStatus');
+
+    browser.storage.local.get('hashStatus', function(data) {
+        if(data.hashStatus)
+        {
+            element.text(data.hashStatus);
+        }
+        else {
+            element.text('Oops something went wrong!');
+        }
+    });
+}
+
+/**
+* Set the value for the logging switch
+*/
+function setLogging()
+{
+    var element = $('#logging');
+
+    browser.storage.local.get('loggingStatus', function(data) {
+        if(data.loggingStatus)
+        {
+            element.prop('checked', true);
+        }
+        else if(data.loggingStatus === null || typeof(data.loggingStatus) == "undefined"){
+            element.prop('checked', false);
+            browser.storage.local.set({'loggingStatus': false});
+        }
+        else {
+            element.prop('checked', false);
+        }
+    });
+}
+
+/**
+* Reset the global statistic
+*
+*/
+function resetGlobalCounter(){
+    browser.storage.local.set({"globalCounter": 0});
+    browser.storage.local.set({"globalurlcounter": 0});
+}
+
+$(document).ready(function(){
+    init();
+    $("#globalStatus").on("change", changeGlobalStatus);
+    $('#reset_counter_btn').on("click", resetGlobalCounter);
+    $('#tabcounter').on('change', changeTabcounter);
+    $('#logging').on('change', changeLogging);
+    $('#loggingPage').attr('href', browser.extension.getURL('./html/log.html'));
+
+    browser.storage.onChanged.addListener(changeStatistics);
+});

core_js/write_version.js

@@ -0,0 +1,6 @@
+/**
+ * This file writes only the version into every page.
+ * @return version
+ */
+var version = "1.2";
+$('#version').text(version);