mdc.list.MDCList.prototype.addRow = function()

in sources/src/main/resources/META-INF/resources/view.js [145:200]

• 45 lines of code
• 9 McCabe index (conditional complexity)

mdc.list.MDCList.prototype.addRow = function (column) {
    const li = $(`<li class="mdc-list-item">
        <span class="mdc-list-item__ripple"></span>
      </li>`);

    const textSpan = $(`<span class="mdc-list-item__text">`);

    if (column.icon) {
        const icon = $("<span class='material-symbols-outlined'></span>");
        icon.text(column.icon);
        textSpan.prepend(icon);
    }

    li.append(textSpan);

    if (column.key) {
        const span = $(`<span class="mdc-list-item__primary-text" style="display: inline-block; width: 150px"></span>`);
        if (column.key.length > 20) {
            span.text(column.key.substring(0, 20) + '...');
        }
        else {
            span.text(column.key)
        }
        textSpan.append(span);
    }
    if (column.value) {
        const span = $(`<span class="mdc-list-item__primary-text" style="display: inline-block;"></span>`);
        span.text(column.value)
        textSpan.append(span);
    }

    if (column.primary) {
        const span = $(`<span class="mdc-list-item__primary-text"></span>`);
        if (column.primaryTitle) {
            span.attr("title", column.primaryTitle);
        }
        if (column.primaryClass) {
            span.attr("class", column.primaryClass);
        }

        span.text(column.primary)
        textSpan.append(span);
    }
    if (column.secondary) {
        const span = $(`<span class="mdc-list-item__secondary-text"></span>`);
        span.text(column.secondary);
        textSpan.append(span);
    }

    $(this.root).append(li);

    //
    // Update internal bindings.
    //
    this.layout();
}