Licitator/httpdocs/templates/database/components/gbc/ex7ajs.html.twig

{% if tarea[0].alias=='exercise7a'%}
function addRow(table){
        var rowCount =  table.find("tbody").find("tr").length;
        console.log(rowCount);
        if(rowCount==0){
            var sectionId=table.closest('section').attr('id');
            var pregunta0,pregunta1, pregunta2;
            if(sectionId=='wizard-p-0'){
                pregunta0='ex7apreg22';
                pregunta1='yaxis1';
                pregunta2='xaxis1';
            }else if(sectionId=='wizard-p-1'){
                pregunta0='ex7apreg21';
                pregunta1='yaxis4';
                pregunta2='xaxis4';
            }else if(sectionId=='wizard-p-2'){
                pregunta0='ex7apreg23';
                pregunta1='yaxis3';
                pregunta2='xaxis3';
            }else if(sectionId=='wizard-p-3'){
                pregunta0='ex7apreg20';
                pregunta1='yaxis2';
                pregunta2='xaxis2';
            }
            var newrow= `<tr><td><input type="text" class="form-control" id="`+pregunta0+`-`+rowCount+`" name="`+pregunta0+`[]" placeholder="">
                                                    </td>
                                                    <td>
                                                            <input  id="`+pregunta1+`-`+rowCount+`" name="`+pregunta1+`[]" type="text"  class="slider form-control"  data-slider-min="-5" data-slider-max="5" data-slider-step="1" data-slider-ticks="[-5, 0, 5]" data-slider-ticks-labels='["-5", "0", "5"]' style="display: none;"/>
                                                       </td>
                                                    <td>
                                                            <input  id="`+pregunta2+`-`+rowCount+`" name="`+pregunta2+`[]" type="text"  class="slider form-control"  data-slider-min="-5" data-slider-max="5" data-slider-step="1" data-slider-ticks="[-5, 0, 5]" data-slider-ticks-labels='["-5", "0", "5"]' style="display: none;"/>
                                                        </td>
                                                    <td><button type="button" class="btn btn-warning delete-row" onclick="$(this).parents('tr').remove();">Delete Row</button></td>
                                                </tr>`;
            table.append(newrow);
        }else{
            var $row = table.find("tbody").find("tr").first();
            var input=$row.find("td").find("input").clone();
            for(var i=0;i<3;i++){
                arrayinputname=input[i].id.split('-');
                arrayinputname[1]=rowCount;
                input[i].id=arrayinputname.join('-');
            }

            console.log($row);
            var button="<button type=\"button\" class=\"btn btn-warning delete-row\" onclick=\"$(this).parents('tr').remove();\">Delete Row</button>";
            var markup = "<tr><td>"+input[0].outerHTML+"</td><td>"+input[1].outerHTML+"</td><td>"+input[2].outerHTML+"</td><td>"+button+"</td></tr>";
            table.append(markup);
            $('#'+input[0].id).val('');
            $('#'+input[1].id).val(0);
            $('#'+input[2].id).val(0);
        }
        $("input.slider").bootstrapSlider();
        $('.slider-tick-label').css('width', '105px');
        $('.slider-horizontal').css('margin-bottom', '24px');
        $('.slider-tick-label-container').css('margin-left', '-52.5px');
    }
 {% endif %}