@@ -55,167 +55,104 @@
</div>
<!-- /ko -->
</div>
<!-- ko if(currentLeftMenuId() == 1) -->
<!-- ko foreach kit -->
<h2 class="sub-header" data-bind="text: title">Section title</h2>
<div class="table-responsive">
<table class="table table-striped">
<tr>
<th>active</th>
<th>bodyicon</th>
<th>code</th>
<th>data_image</th>
<th>description</th>
<th>id</th>
<th>norma</th>
<th>title</th>
</tr>

<tr>

<td data-bind = "text: active"></td>
<td data-bind = "text: bodyicon"></td>
<td data-bind = "text: code"></td>
<td data-bind = "text: description"></td>
<td data-bind = "text: id"></td>
<td data-bind = "text: norma"></td>
<td data-bind = "text: title"></td>
</tr>

</table>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko if(currentLeftMenuId() == 2) -->
<!-- /ko -->
<!-- ko if(currentLeftMenuId() == 3) -->
<!-- /ko -->
<h2 class="sub-header">Section title</h2>
<div class="table-responsive">
<!-- <h2 class="sub-header" data-bind="text: kit().title"></h2> -->
<div class="table-responsive" data-bind="visible: currentLeftMenuId() == 1">
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>1,001</td>
<td>Lorem</td>
<td>ipsum</td>
<td>dolor</td>
<td>sit</td>
</tr>
<tr>
<td>1,002</td>
<td>amet</td>
<td>consectetur</td>
<td>adipiscing</td>
<td>elit</td>
</tr>
<tr>
<td>1,003</td>
<td>Integer</td>
<td>nec</td>
<td>odio</td>
<td>Praesent</td>
</tr>
<tr>
<td>1,003</td>
<td>libero</td>
<td>Sed</td>
<td>cursus</td>
<td>ante</td>
</tr>
<tr>
<td>1,004</td>
<td>dapibus</td>
<td>diam</td>
<td>Sed</td>
<td>nisi</td>
</tr>
<tr>
<td>1,005</td>
<td>Nulla</td>
<td>quis</td>
<td>sem</td>
<td>at</td>
</tr>
<tr>
<td>1,006</td>
<td>nibh</td>
<td>elementum</td>
<td>imperdiet</td>
<td>Duis</td>
</tr>
<tr>
<td>1,007</td>
<td>sagittis</td>
<td>ipsum</td>
<td>Praesent</td>
<td>mauris</td>
</tr>
<tr>
<td>1,008</td>
<td>Fusce</td>
<td>nec</td>
<td>tellus</td>
<td>sed</td>
</tr>
<tr>
<td>1,009</td>
<td>augue</td>
<td>semper</td>
<td>porta</td>
<td>Mauris</td>
</tr>
<tr>
<td>1,010</td>
<td>massa</td>
<td>Vestibulum</td>
<td>lacinia</td>
<td>arcu</td>
</tr>
<tr>
<td>1,011</td>
<td>eget</td>
<td>nulla</td>
<td>Class</td>
<td>aptent</td>
</tr>
<tr>
<td>1,012</td>
<td>taciti</td>
<td>sociosqu</td>
<td>ad</td>
<td>litora</td>
</tr>
<tr>
<td>1,013</td>
<td>torquent</td>
<td>per</td>
<td>conubia</td>
<td>nostra</td>
</tr>
<tr>
<td>1,014</td>
<td>per</td>
<td>inceptos</td>
<td>himenaeos</td>
<td>Curabitur</td>
<th>active</th>
<th>bodyicon</th>
<th>code</th>
<th>description</th>
<th>id</th>
<th>norma</th>
<th>title</th>
</tr>

<tr data-bind="with: kit()">
<td>
<input class="form-control" type="text" data-bind = "textInput: active,event: {change: $root.editKit}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: bodyicon,event: {change: $root.editKit}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: code,event: {change: $root.editKit}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: description,event: {change: $root.editKit}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: id,event: {change: $root.editKit}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: norma,event: {change: $root.editKit}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: title,event: {change: $root.editKit}" />
</td>
</tr>
</table>
</div>
<div class="table-responsive" data-bind="visible: currentLeftMenuId() == 2">
<table class="table table-striped">
<tr>
<td>1,015</td>
<td>sodales</td>
<td>ligula</td>
<td>in</td>
<td>libero</td>
</tr>
</tbody>
<th>title</th>
<th>code</th>
<th>discount</th>
<th>icon</th>
<th>id</th>
<th>kit_id</th>
<th>norma</th>
<th>paint</th>
<th>repair</th>
<th>replacement</th>
<th>slug</th>
<th>svg_icon</th>
<th>active</th>
</tr>
<!-- ko foreach: prices() -->
<tr>
<td>
<input class="form-control" type="text" data-bind = "textInput: title,event: {change: $root.editPrice}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: code,event: {change: $root.editPrice}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: discount,event: {change: $root.editPrice}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: icon,event: {change: $root.editPrice}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: id,event: {change: $root.editPrice}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: kit_id,event: {change: $root.editPrice}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: norma,event: {change: $root.editPrice}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: paint,event: {change: $root.editPrice}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: repair,event: {change: $root.editPrice}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: replacement,event: {change: $root.editPrice}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: slug,event: {change: $root.editPrice}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: svg_icon,event: {change: $root.editPrice}" />
</td>
<td>
<input class="form-control" type="text" data-bind = "textInput: active,event: {change: $root.editPrice}" />
</td>
</tr>
<!-- /ko -->
</table>
</div>
</div>

Large diffs are not rendered by default.