JSFiddle - React, Tailwind, and code Playground

by José Herrera

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/jasmine/1.3.1/jasmine.css">
<script src="https://cdn.jsdelivr.net/jasmine/1.3.1/jasmine.js"></script>
<script src="https://cdn.jsdelivr.net/jasmine/1.3.1/jasmine-html.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<title>Jasmine Spec Runner</title>

JavaScript

function parseResponse(json) {
            if (!json) {
                console.warn('JsonArray no definido');
                return "No";
                }
            else {
                var row = '';
                $.each(json, function (i, item) {
                    if (item.JSON) {
                        console.log('no nulo');
                    }
                    row += '<tr>' +
                                                    '<td>' + item.NmGrupoServicios + '</td>' +
                                                    '<td class="text-center"><input type="checkbox" class="checkButton" name="iCheck" value=""></td>' +
                                                    '<td class="text-center"><input type="checkbox" class="checkButton" name="iCheck" value=""></td>' +
                                                    '<td class="text-center"><input type="checkbox" class="checkButton" name="iCheck" value=""></td>' +
                                                    '<td class="text-center"><button class="btn btn-select-drop btn-circle btn-xs savePermisos"><i class="fa fa-floppy-o text-success"></i></button></td>' +
                           '</tr>';
                });
                var mensaje = '<div class="col-md-12">' +
                    '<div class="form-group"> ' +
                        '<div class="row"> ' +
                            '<ul class="nav nav-tabs" role="tablist">' +
                                '<li role="presentation" class="active">' +
                                    '<a href="#modulosUsuario" aria-controls="modulosUsuario" role="tab" data-toggle="tab" >Asignar por Usuario</a>' +
                                '</li>' +
                            '</ul>' +
                            '</br>' +
                            '</br>' +
                        '</<div>' +
                    '</div>' +
                    '<div class="form-group>' +
                        '<div class="row">' +
             ...