markerfactory.esm.js ➔ ... ➔ generateFatCanvas - Code Metrics - Inspection of "preparing release 2.9.0" - HuasoFoundries/ig_markerfactory - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Push — master ( 3f60ba...1999a0 )

by Felipe

created 2016-07-06 15:57 UTC

markerfactory.esm.js ➔ ... ➔ generateFatCanvas A

↳ Parent: markerfactory.esm.js ➔ createFatMarkerIcon

Complexity

Conditions	3
Paths	2

Size

Total Lines

Duplication

Lines	67
Ratio	100 %

Importance

Changes

Metric	Value
cc	3
c	0
b	0
f	0
nc	2
nop	1
dl	67
loc	67
rs	9.2815

How to fix Long Method

var MarkerFactory = {};
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

function compact(array) {
    var index = -1,
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        length = array ? array.length : 0,
        resIndex = 0,
        result = [];

    while (++index < length) {
        var value = array[index];
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        if (value) {
            result[resIndex++] = value;
        }
    }
    return result;
}

var defaults = {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    h: 1,
    s: 78, // constant saturation
    l: 63, // constant luminance
    a: 1
};

var getColor = function (val, range) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    defaults.h = Math.floor((360 / range) * val);
    return "hsla(" + defaults.h + "," + defaults.s + "%," + defaults.l + "%," + defaults.a + ")";
};

var getColor1 = function () {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    return "hsla(" + defaults.h + "," + defaults.s + "%," + (defaults.l - 30) + "%," + defaults.a + ")";
};

var parseHalf = function (foo) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    return parseInt(foo / 2, 10);
};

var darken = function (stringcolor, factor) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    var darkercolor = {};
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    if (!factor) {
        factor = 1;
    }
    if (stringcolor.fillColor.indexOf('rgb') !== -1) {
        darkercolor.r = factor * parseHalf(stringcolor.r);
        darkercolor.g = factor * parseHalf(stringcolor.g);
        darkercolor.b = factor * parseHalf(stringcolor.b);
        darkercolor.fillColor = 'rgba(' + darkercolor.r + ',' + darkercolor.g + ',' + darkercolor.b + ',0.99)';
    } else if (stringcolor.fillColor.indexOf('hsl') !== -1) {
        darkercolor.h = stringcolor.h;
        darkercolor.s = stringcolor.s;
        darkercolor.l = factor * stringcolor.l - 30;
        darkercolor.fillColor = 'hsl(' + darkercolor.h + ',' + darkercolor.s + '%,' + darkercolor.l + '%)';
    }

    return darkercolor;
};

var parseHex = function (hexstring, opacity) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    var hexcolor = {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        hex: hexstring
    };

    hexstring = hexstring.replace('#', '');
    if (hexstring.length === 3) {
        hexstring = hexstring[0] + hexstring[0] + hexstring[1] + hexstring[1] + hexstring[2] + hexstring[2];
    }
    if (isNaN(parseFloat(opacity, 10))) {
        opacity = 1;
    }

    hexcolor.r = parseInt(hexstring.substring(0, 2), 16);
    hexcolor.g = parseInt(hexstring.substring(2, 4), 16);
    hexcolor.b = parseInt(hexstring.substring(4, 6), 16);
    hexcolor.a = opacity;
    hexcolor.fillColor = 'rgba(' + hexcolor.r + ',' + hexcolor.g + ',' + hexcolor.b + ',' + hexcolor.a + ')';
    hexcolor.strokeColor = ['rgba(' + parseHalf(hexcolor.r), parseHalf(hexcolor.g), parseHalf(hexcolor.b), hexcolor.a + ')'].join(',');
    hexcolor.rgb = hexcolor.fillColor;
    return hexcolor;
};

var parseHSL = function (hslstring, opacity) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    var hslcolor = {},
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        hslparts = compact(hslstring.split(/hsla?\(|\,|\)|\%/));

    if (hslparts[3] === undefined) {
        hslparts[3] = 1;
    }
    if (isNaN(parseFloat(opacity, 10))) {
        opacity = 1;
    }

    hslcolor.h = parseFloat(hslparts[0], 10);
    hslcolor.s = parseFloat(hslparts[1], 10);
    hslcolor.l = parseFloat(hslparts[2], 10);
    hslcolor.a = parseFloat(opacity * hslparts[3], 10);

    hslcolor.fillColor = 'hsla(' + hslcolor.h + ',' + hslcolor.s + '%,' + hslcolor.l + '%,' + hslcolor.a + ')';
    hslcolor.strokeColor = 'hsla(' + hslcolor.h + ',' + hslcolor.s + '%,' + parseInt(hslcolor.l / 2, 10) + '%,' + hslcolor.a + ')';
    hslcolor.hsl = hslcolor.fillColor;
    return hslcolor;
};

var parseRGB = function (rgbstring, opacity) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    var rgbcolor = {},
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        rgbparts = compact(rgbstring.split(/rgba?\(|\,|\)/));

    if (rgbparts[3] === undefined) {
        rgbparts[3] = 1;
    }

    if (isNaN(parseFloat(opacity, 10))) {
        opacity = 1;
    }

    rgbcolor.r = parseInt(rgbparts[0], 10) % 256;
    rgbcolor.g = parseInt(rgbparts[1], 10) % 256;
    rgbcolor.b = parseInt(rgbparts[2], 10) % 256;
    rgbcolor.a = parseFloat(opacity * rgbparts[3], 10);
    rgbcolor.fillColor = 'rgba(' + rgbcolor.r + ',' + rgbcolor.g + ',' + rgbcolor.b + ',' + rgbcolor.a + ')';
    rgbcolor.strokeColor = 'rgba(' + rgbcolor.r / 2 + ',' + rgbcolor.g / 2 + ',' + rgbcolor.b / 2 + ',' + rgbcolor.a + ')';
    rgbcolor.rgb = rgbcolor.fillColor;
    return rgbcolor;
};


var rgbToHSL = function (r, g, b, a) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    r = (r % 256) / 255;
    g = (g % 256) / 255;
    b = (b % 256) / 255;
    if (a === undefined) {
        a = 1;
    }
    var max = Math.max(r, g, b),
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        min = Math.min(r, g, b);
    var h, s, l = (max + min) / 2;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

    if (max === min) {
        h = s = 0; // achromatic
    } else {
        var d = max - min;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
        switch (max) {
        case r:
            h = (g - b) / d + (g < b ? 6 : 0);
            break;
        case g:
            h = (b - r) / d + 2;
            break;
        case b:
            h = (r - g) / d + 4;
            break;
        default:
            h = 0;
            break;
        }

        h /= 6;
    }
    var hsl = {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        h: Math.round(360 * h),
        s: Math.round(100 * s),
        l: Math.round(100 * l),
        a: Math.round(100 * a) / 100
    };

    hsl.fillColor = 'hsla(' + hsl.h + ',' + hsl.s + '%,' + hsl.l + '%,' + hsl.a + ')';

    return hsl;
};

var hslToRGB = function (h, s, l, a) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    var r, g, b;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

    h = parseFloat(h, 10) / 360;
    s = parseFloat(s, 10) / 100;
    l = parseFloat(l, 10) / 100;
    if (a === undefined) {
        a = 1;
    }
    if (s === 0) {
        r = g = b = l; // achromatic
    } else {
        var hue2rgb = function (p, q, t) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
            if (t < 0) {
                t += 1;
            }
            if (t > 1) {
                t -= 1;
            }
            if (t < 1 / 6) {
                return p + (q - p) * 6 * t;
            }
            if (t < 1 / 2) {
                return q;
            }
            if (t < 2 / 3) {
                return p + (q - p) * (2 / 3 - t) * 6;
            }
            return p;
        };

        var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        var p = 2 * l - q;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        r = hue2rgb(p, q, h + 1 / 3);
        g = hue2rgb(p, q, h);
        b = hue2rgb(p, q, h - 1 / 3);
    }

    if (a === undefined) {
        a = 1;
    }

    var rgb = {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        r: Math.round(r * 255),
        g: Math.round(g * 255),
        b: Math.round(b * 255),
        a: parseFloat(a, 10)
    };

    rgb.fillColor = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + rgb.a + ')';

    return rgb;

};

var toDecColor = function (stringcolor) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    var parsedcolor = {};
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    if (!stringcolor) {
        parsedcolor.fillColor = 'rgba(100,250,50,0.99)';
    } else if (stringcolor.indexOf('rgb') !== -1) {
        parsedcolor = parseRGB(stringcolor);
    } else if (stringcolor.indexOf('hsl') !== -1) {
        parsedcolor = parseHSL(stringcolor);
    } else {
        parsedcolor = parseHex(stringcolor);
    }

    return parsedcolor;
};


var createTextMarker = function (theoptions) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

    var generateCanvas = function (options) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        var canvas = document.createElement("canvas");
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        var ancho = 30,
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
            alto = 40;
        canvas.width = ancho + 18;
        canvas.height = alto;
        var x = canvas.width / 2,
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
            y = canvas.height - 2,
            radius = ancho / 2,
            angulo = 0.6;

        var font = "'" + options.font + "'" || 'Arial';
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        var fontsize = options.fontsize || 11;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

        var context = canvas.getContext("2d");
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

        context.clearRect(0, 0, canvas.width, canvas.height);

        var radius0 = 2 * radius,
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
            cx = x + 0.95 * radius0,
            cy = y + 0.45 * radius0;

        var grad = context.createLinearGradient(0, 0, 0, canvas.height),
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
            color0, color1;
        if (options.index !== undefined && options.count > 0) {
            color0 = getColor(options.index, options.count);
            color1 = getColor1();
        } else {
            var deccolor = toDecColor(options.color);
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
            color0 = deccolor.fillColor;
            color1 = darken(deccolor).fillColor;
        }


        grad.addColorStop(0, color0);
        grad.addColorStop(1, color1);

        context.fillStyle = grad;
        context.strokeStyle = 'rgba(200,200,200,0.7)';

        context.beginPath();

        //arco izquierdo
        context.arc(cx - 1, cy, radius0, 9 * Math.PI / 8, -6 * Math.PI / 8, false);

        // arco superior
        context.arc(x, (y - 7) / 2, radius, angulo, Math.PI - angulo, true);

        //arco derecho
        context.arc(2 * x - cx + 1, cy, radius0, -0.95 * Math.PI / 3, -Math.PI / 8, false);
        context.fill();
        context.stroke();


        context.beginPath();
        context.arc(x, 0.40 * y, 2 * radius / 3, 0, 2 * Math.PI, false);
        context.fillStyle = 'white';
        context.fill();

        context.beginPath();

        // Render Label
        //context.font = "11pt Arial";
        context.font = fontsize + "pt " + font;
        context.textBaseline = "top";

        var textWidth = context.measureText(options.label);
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

        if (textWidth.width > ancho || String(options.label).length > 3) {
            context.rect(x - 2 - textWidth.width / 2, y - 30, x - 2 + textWidth.width / 2, y - 23);
            context.fillStyle = '#F7F0F0';
            context.fill();
            context.stroke();
        }


        context.fillStyle = "black";
        context.strokeStyle = "black";
        // centre the text.
        context.fillText(options.label, 1 + Math.floor((canvas.width / 2) - (textWidth.width / 2)), 8);

        return canvas;

    };
    theoptions.scale = theoptions.scale || 0.75;
    var markerCanvas = generateCanvas(theoptions);
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

    var iconObj = {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        url: markerCanvas.toDataURL()
    };
    if (window.google && window.google.maps) {
        Object.assign(iconObj, {
            size: new google.maps.Size(48, 40),

            origin: new google.maps.Point(0, 0),
            anchor: new google.maps.Point(24 * theoptions.scale, 40 * theoptions.scale),
            scaledSize: new google.maps.Size(48 * theoptions.scale, 40 * theoptions.scale)
        });
    }

    return iconObj;
};

var createFatMarkerIcon = function (theoptions) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

    var generateFatCanvas = function (options) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        var canvas = options.canvas || document.createElement("canvas"),
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
            anchorX = 27,
            anchorY = 53,
            radius = (anchorX - 9),
            angulo = 1.1,
            font = options.font || 'fontello',
            fontsize = options.fontsize || 14,
            context = canvas.getContext("2d"),
            grad = context.createLinearGradient(0, 0, 0, anchorY),
            color0, color1;

        canvas.width = anchorX * 2;
        canvas.height = anchorY + 1;

        if (options.index !== undefined && options.count > 0) {
            color0 = getColor(options.index, options.count);
            color1 = getColor1();
        } else {
            var deccolor = toDecColor(options.color);
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
            color0 = deccolor.fillColor;
            color1 = darken(deccolor).fillColor;
        }

        context.clearRect(0, 0, canvas.width, canvas.height);

        grad.addColorStop(0, color0);
        grad.addColorStop(1, color1);

        context.fillStyle = grad;
        context.strokeStyle = color1;
        context.beginPath();

        context.moveTo(anchorX, anchorY);

        // arco superior
        context.arc(anchorX, 2 + (0.50 * anchorY), radius, angulo, Math.PI - angulo, true);

        //arco derecho
        context.lineTo(anchorX, anchorY);

        context.fill();
        context.stroke();

        // Círculo blanco
        context.beginPath();
        context.arc(anchorX, 2 + (0.50 * anchorY), (radius - 3), 0, 2 * Math.PI, false);
        context.fillStyle = 'white';
        context.fill();


        context.beginPath();

        context.font = 'normal normal normal ' + fontsize + 'pt ' + font;
        console.log('context font', context.font);

        context.fillStyle = color1;
        context.textBaseline = "top";
        var textWidth = context.measureText(options.unicodelabel);
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console


        // centre the text.
        context.fillText(options.unicodelabel, Math.floor((canvas.width / 2) - (textWidth.width / 2)), 7);


        return canvas;

    };
    var scale = theoptions.scale || 1,
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        markerCanvas = generateFatCanvas(theoptions);

    var iconObj = {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        url: markerCanvas.toDataURL(),
        scale: scale
    };
    if (window.google && window.google.maps) {
        Object.assign(iconObj, {
            size: new google.maps.Size(54, 48),

            origin: new google.maps.Point(0, 0),
            anchor: new google.maps.Point(21 * scale, 36 * scale),
            scaledSize: new google.maps.Size(42 * scale, 36 * scale)
        });
    }
    return iconObj;
};





var createTransparentMarkerIcon = function (theoptions) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

    var generateTransparentCanvas = function (options) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        var canvas = options.canvas || document.createElement("canvas");
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

        canvas.width = 54;
        canvas.height = 48;
        var context = canvas.getContext("2d");
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

        context.clearRect(0, 0, canvas.width, canvas.height);

        var color0, color1;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

        if (options.index !== undefined && options.count > 0) {
            color0 = getColor(options.index, options.count);
            color1 = getColor1();
        } else {
            var deccolor = toDecColor(options.color);
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
            color0 = deccolor.fillColor;
            color1 = darken(deccolor).fillColor;
        }

        context.beginPath();

        context.font = "40px '" + options.font + "'";

        context.textBaseline = "top";
        var textWidth = context.measureText(options.unicodelabel),
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
            text_x = Math.floor((canvas.width / 2) - (textWidth.width / 2));

        if (options.shadow) {
            var grad = context.createLinearGradient(text_x, 0, canvas.width, canvas.height);
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console

            grad.addColorStop(0, '#FFFFFF');
            grad.addColorStop(1, color0);

            //console.debug('applying shadow');
            context.shadowOffsetX = -2;
            context.shadowOffsetY = -2;
            context.shadowBlur = 0;

            context.fillStyle = '#FFFFFF';
            context.shadowColor = '#666666';

            context.fillText(options.unicodelabel, text_x - 4, 0);
            context.fillText(options.unicodelabel, text_x, 3);
            context.fillStyle = grad;
            context.fillText(options.unicodelabel, text_x + 4, 6);

            context.strokeStyle = '#FFFFFF';
            context.strokeText(options.unicodelabel, text_x + 4, 6);

        } else {

            context.shadowOffsetX = 2;
            context.shadowOffsetY = 2;
            context.shadowBlur = 0;
            context.shadowColor = '#FFFFFF';

            context.fillStyle = color0;
            context.fillText(options.unicodelabel, text_x + 1, 0);

            context.strokeStyle = color1;
            context.strokeText(options.unicodelabel, text_x + 1, 0);

        }

        canvas.fillColor = color0;

        return canvas;

    };

    var markerCanvas = generateTransparentCanvas(theoptions);
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    theoptions.scale = theoptions.scale || 1;

    var scale = theoptions.scale;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    if (theoptions.shadow) {
        scale = 0.9 * scale;
    }
    var iconObj = {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        canvas: markerCanvas,
        url: markerCanvas.toDataURL(),
        fillColor: markerCanvas.fillColor
    };

    Object.assign(iconObj, theoptions);

    if (window.google && window.google.maps) {
        Object.assign(iconObj, {
            size: new google.maps.Size(54 * scale, 48 * scale),

            origin: new google.maps.Point(0, 0),
            anchor: new google.maps.Point(27 * scale, 24 * scale),
            scaledSize: new google.maps.Size(54 * scale, 48 * scale)
        });
    }
    //console.debug('createTransparentMarkerIcon', iconObj);

    return iconObj;
};

MarkerFactory.toDecColor = toDecColor;

MarkerFactory.parseColorString = function (somecolor, opacity) {
    var parsedcolor = {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
            original: somecolor
        },
        hsl, rgb;

    opacity = opacity || 1;

    if (somecolor.indexOf('hsl') !== -1) {
        hsl = parseHSL(somecolor, opacity);
        rgb = hslToRGB(hsl.h, hsl.s, hsl.l, hsl.a);

    } else {
        if (somecolor.indexOf('rgb') !== -1) {
            rgb = parseRGB(somecolor, opacity);
        } else {
            rgb = parseHex(somecolor, opacity);
        }
        hsl = rgbToHSL(rgb.r, rgb.g, rgb.b, rgb.a);

    }

    parsedcolor.hsl = {
        h: hsl.h,
        s: hsl.s,
        l: hsl.l,
        a: hsl.a
    };
    parsedcolor.rgb = {
        r: rgb.r,
        g: rgb.g,
        b: rgb.b,
        a: rgb.a
    };

    parsedcolor.fillColor = rgb.fillColor;
    parsedcolor.strokeColor = rgb.strokeColor;
    parsedcolor.hex = ['#', rgb.r.toString(16), rgb.g.toString(16), rgb.b.toString(16)].join('');
    return parsedcolor;
};

var getHexColor = function (color) {
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    var hexcolor = color;
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
    if (color.indexOf('rgb') !== -1) {
        var rgbArr = color.split(/[\(,\)]/ig);
if (true)
 {
    var x = "Hello, Stonehenge!";
}

console.log(x); //prints Hello, Stonehenge! to the console
        hexcolor = [
            (1 * rgbArr[1]).toString(16), (1 * rgbArr[2]).toString(16), (1 * rgbArr[3]).toString(16)
        ].join('');
    } else if (color.indexOf('#') !== -1) {
        hexcolor = color.replace(/#/g, '');
    }
    return hexcolor;
};

MarkerFactory.autoIcon = function (options) {


    if (typeof (options) !== 'object') {
        console.warn('autoIcon expects an object as its only parameter');
        return null;
    }



    options.label = String(options.label || 'A');
    options.color = options.color || '#FF0000';
    options.fontsize = options.fontsize || 11;
    options.font = options.font || 'Arial';


    options.hexcolor = getHexColor(options.color);

    if (options.label.length === 4 || options.label.substring(0, 2) === '0x') {

        options.label = options.label.slice(-4);
        options.unicodelabel = String.fromCharCode('0x' + options.label);

        if (options.transparent_background === true) {
            // Estilo frontdev
            return createTransparentMarkerIcon(options);
        } else {
            return createFatMarkerIcon(options);
        }


    } else {
        // This is text I should print literally
        return createTextMarker(options);
    }


};

export default MarkerFactory;

1	View Code Duplication	var MarkerFactory = {};
		0 ignored issues – show Coding Style introduced 2016-06-15 18:06 UTC by Report Bug Copy Issue Report As per coding-style, prefer block-scoped variables using `let` or `const` which have better semantics than `var`. Since ECMAScript 6, you can create block-scoped vars or constants with the keywords `let` or `const`. These variables/constants are only valid in the code block where they have been declared. Consider the following two pieces of code: if (true) { var x = "Hello, Stonehenge!"; } console.log(x); //prints Hello, Stonehenge! to the console and if (true) { let x = "Hello, Stonehenge!"; } console.log(x); //ReferenceError: x is not defined The variable is not defined otuside of its block. This limits bleeding of variables into other contexts. To know more about this ECMA6 feature, look at the MDN pages on let and const. Loading history... Duplication introduced 2016-06-15 18:06 UTC by Report Bug Copy Issue Report This code seems to be duplicated in your project. Loading history...
2
3		function compact(array) {
4		var index = -1,
		0 ignored issues – show Coding Style introduced 2016-06-15 18:06 UTC by Report Bug Copy Issue Report As per coding-style, prefer block-scoped variables using `let` or `const` which have better semantics than `var`. Since ECMAScript 6, you can create block-scoped vars or constants with the keywords `let` or `const`. These variables/constants are only valid in the code block where they have been declared. Consider the following two pieces of code: if (true) { var x = "Hello, Stonehenge!"; } console.log(x); //prints Hello, Stonehenge! to the console and if (true) { let x = "Hello, Stonehenge!"; } console.log(x); //ReferenceError: x is not defined The variable is not defined otuside of its block. This limits bleeding of variables into other contexts. To know more about this ECMA6 feature, look at the MDN pages on let and const. Loading history...
5		length = array ? array.length : 0,
6		resIndex = 0,
7		result = [];
8
9		while (++index < length) {
10		var value = array[index];
		0 ignored issues – show Coding Style introduced 2016-06-15 18:06 UTC by Report Bug Copy Issue Report As per coding-style, prefer block-scoped variables using `let` or `const` which have better semantics than `var`. Since ECMAScript 6, you can create block-scoped vars or constants with the keywords `let` or `const`. These variables/constants are only valid in the code block where they have been declared. Consider the following two pieces of code: if (true) { var x = "Hello, Stonehenge!"; } console.log(x); //prints Hello, Stonehenge! to the console and if (true) { let x = "Hello, Stonehenge!"; } console.log(x); //ReferenceError: x is not defined The variable is not defined otuside of its block. This limits bleeding of variables into other contexts. To know more about this ECMA6 feature, look at the MDN pages on let and const. Loading history...
11		if (value) {
12		result[resIndex++] = value;
13		}
14		}
15		return result;
16		}
17
18		var defaults = {
		0 ignored issues – show Coding Style introduced 2016-06-15 18:06 UTC by Report Bug Copy Issue Report As per coding-style, prefer block-scoped variables using `let` or `const` which have better semantics than `var`. Since ECMAScript 6, you can create block-scoped vars or constants with the keywords `let` or `const`. These variables/constants are only valid in the code block where they have been declared. Consider the following two pieces of code: if (true) { var x = "Hello, Stonehenge!"; } console.log(x); //prints Hello, Stonehenge! to the console and if (true) { let x = "Hello, Stonehenge!"; } console.log(x); //ReferenceError: x is not defined The variable is not defined otuside of its block. This limits bleeding of variables into other contexts. To know more about this ECMA6 feature, look at the MDN pages on let and const. Loading history...
19		h: 1,
20		s: 78, // constant saturation
21		l: 63, // constant luminance
22		a: 1
23		};
24
25		var getColor = function (val, range) {
		0 ignored issues – show Coding Style introduced 2016-06-15 18:06 UTC by Report Bug Copy Issue Report As per coding-style, prefer block-scoped variables using `let` or `const` which have better semantics than `var`. Since ECMAScript 6, you can create block-scoped vars or constants with the keywords `let` or `const`. These variables/constants are only valid in the code block where they have been declared. Consider the following two pieces of code: if (true) { var x = "Hello, Stonehenge!"; } console.log(x); //prints Hello, Stonehenge! to the console and if (true) { let x = "Hello, Stonehenge!"; } console.log(x); //ReferenceError: x is not defined The variable is not defined otuside of its block. This limits bleeding of variables into other contexts. To know more about this ECMA6 feature, look at the MDN pages on let and const. Loading history...
26		defaults.h = Math.floor((360 / range) * val);
27		return "hsla(" + defaults.h + "," + defaults.s + "%," + defaults.l + "%," + defaults.a + ")";
28		};
29
30		var getColor1 = function () {
		0 ignored issues – show Coding Style introduced 2016-06-15 18:06 UTC by Report Bug Copy Issue Report As per coding-style, prefer block-scoped variables using `let` or `const` which have better semantics than `var`. Since ECMAScript 6, you can create block-scoped vars or constants with the keywords `let` or `const`. These variables/constants are only valid in the code block where they have been declared. Consider the following two pieces of code: if (true) { var x = "Hello, Stonehenge!"; } console.log(x); //prints Hello, Stonehenge! to the console and if (true) { let x = "Hello, Stonehenge!"; } console.log(x); //ReferenceError: x is not defined The variable is not defined otuside of its block. This limits bleeding of variables into other contexts. To know more about this ECMA6 feature, look at the MDN pages on let and const. Loading history...
31		return "hsla(" + defaults.h + "," + defaults.s + "%," + (defaults.l - 30) + "%," + defaults.a + ")";
32		};
33
34		var parseHalf = function (foo) {

HuasoFoundries / ig_markerfactory

Push — master ( 3f60ba...1999a0 )

markerfactory.esm.js ➔ ... ➔ generateFatCanvas A

Complexity

Size

Duplication

Importance

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like