JSFiddle - React, Tailwind, and code Playground

by Jimmy Sawczuk

JavaScript

user = { call_id: 1, 
         phone_number: 2, 
         dialed_number: 3, 
         admin: 1, 
         mute: 1,
         duration: 0 };

function _talking(test)
{
    return true;
}

function _userButtons(param)
{
    return "yay";
}

var row = $('<tr></tr>')
   .append($('<td></td>').text(user ? user.call_id : ''))
   .append($('<td></td>').text(user ? user.phone_number : ''))
   .append($('<td></td>').text(user ? user.dialed_number : ''))
   .append($('<td></td>').html(user && user.admin ? '<span class="textgreen">admin</span>' : 'guest'))
   .append($('<td></td>').append(_talking(user ? user.mute : 0)))
   .append($('<td></td>').append($('<span></span>').addClass('timer').text(user ? user.duration : '')))
   .append($('<td></td>').addClass('nowrap').append(_userButtons(user)))
;
alert( row.find('td').size() );