Connectorized Test

JMS - testing connectorized parts in ML

by Dave Mednick

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script src="http://jms/js/jquery.watermark.min.js"></script>
<table id="#ml_table">
    <tr id='content_row_new' pos='' data-content_id='0'>
        <td class='c handle' style='cursor:not-allowed;'>::</td>
        <td class='item_op c'>A</td>
        <td class='item c'></td>
        <td class='note c'>TIV</td>
        <td class='qty c'>
            <input class="c smInput" type="text" size="1" id="new_qty_new" />
        </td>
        <td class='l'><span class='isconn l'><input class="l smInput conn" type="checkbox" value="1" title="This is a connectorized part!" /></span><span class='material_id l'><input class="l smInput" type="text" size="42" data-part_id="null" id="new_part_new" /></span>

        </td>
        <td class='l'> <span class='material_desc'></span>

            <br /><span class='hot material_note'></span>

        </td>
        <td class='item_note c'>
            <input class="c smInput" type="text" id="new_note_new" size="50" />
        </td>
        <td class='line_cost r' data-cost_each='0' data-cost='0'>
            <button id="add_part_new">Add New Part</button>
            <button id="add_header_new">Create New Header</button>
        </td>
    </tr>
</table>

CSS

watermark {color:#999}

JavaScript

$(function () {
    $('#add_part_new').button({
        icons: {
            primary: 'ui-icon-disk'
        },
        text: false
    });
    $('#add_header_new').button({
        icons: {
            primary: 'ui-icon-comment'
        },
        text: false
    });
    $('#content_row_new').on('click', '.conn', function (e) {
        if ($('#content_row_new').find('.conn').is(':checked')) {
            $('.material_id').html('<input class="l smInput new_part" type="text" size="26" data-part_id="null" /> - <input class="c smInput new_length" type="text" size="8" />');
            $('#content_row_new').find('.new_part').watermark('Base part');
            $('#content_row_new').find('.new_length').watermark('Length');
        } else {
            $('.material_id').html('<input class="l smInput" type="text" size="42" data-part_id="null" id="new_part_new" />');
        }
    });
});