Function drawPinsWithUnderline

KeyDecoding.js:383–414

(pins, selectedPinIndex, showMode, pinSpacing, keyType)

}

function drawPinsWithUnderline(pins, selectedPinIndex, showMode, pinSpacing, keyType) {
    if (keys[keyType] && keys[keyType].isDiskDetainer) {
        drawDisksWithUnderline(pins, selectedPinIndex, showMode, pinSpacing, keyType);
        return;
    }

    var startY = 55;
    var underlineY = startY + 15;
    var totalWidth = pinSpacing * pins.length;
    var startX = (displayWidth - totalWidth) / 2;

    var numberSize = 12;
    var keyConfig = keys[keyType] || {};
    var pinsStartCount = keyConfig.pinsStartAtZero === true;
    var pinNumbersOffset = keyConfig.pinNumbersOffset || 0;

    // Draw pins numbers
    for (var i = 0; i < pins.length; i++) {
        var pinNumberX = startX + numberSize + i * pinSpacing + pinNumbersOffset;
        var displayNumber = pinsStartCount ? pins[i] : (pins[i] + 1);
        display.drawString(displayNumber.toString(), pinNumberX, startY);

        if (showMode !== "random" && typeof selectedPinIndex !== "undefined" && i === selectedPinIndex) {
            display.drawRect(pinNumberX - 1, underlineY, 12, 2, secColor);
        }
    }

    // Draw the key shape under the pins
    var keyX = startX - pinSpacing / 2;
    var keyY = startY + pinSpacing;
    drawKeyShape(keyX, keyY, totalWidth, 66, priColor, pins.length, pins, keyType);
}

function drawDiskKeyShape(x, y, width, height, color, diskCount, disks, keyType) {
    var keyConfig = keys[keyType] || {};