Wappler_Access/views/dspec.ejs

<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="dspec" appconnect="local" components="{dmxTyped:{},dmxStateManagement:{},dmxBootstrap5Modal:{},dmxFormatter:{},dmxValidator:{},dmxScheduler:{}}" -->
<dmx-api-action id="api_allpartcodes" noload="true" url="http://vapor.prelub.com/api/v1.0/partcodes"></dmx-api-action>
<dmx-api-action id="api_maxpn" url="http://vapor.prelub.com/api/v1.0/pns/max"></dmx-api-action>
<dmx-api-action id="api_partcodes" noload="true" url="http://vapor.prelub.com/api/v1.0/partcodes/bytype/0" dmx-bind:url="'http://vapor.prelub.com/api/v1.0/partcodes/bytype/'+modal1.sel_parttypes.value"></dmx-api-action>
<dmx-api-action id="api_childcodes" noload="true" url="http://vapor.prelub.com/api/v1.0/partcodes/byparent/" dmx-bind:url="'http://vapor.prelub.com/api/v1.0/partcodes/byparent/'+modal1.sel_nonproductionparts.value"></dmx-api-action>
<dmx-api-action id="api_parttypes" url="http://vapor.prelub.com/api/v1.0/parttypes"></dmx-api-action>
<div class="modal" id="modal1" is="dmx-bs5-modal" tabindex="-1" dmx-bind:show="!query1.data.id">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">New Part Number</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">

                <input id="hdn_newpn" name="text1" type="hidden" class="form-control" placeholder="new part number"><input id="hdn_zeroo" name="text1" type="hidden" class="form-control" value="0">
                <p id="para_productionparts">Select Part Type</p>

                <select id="sel_parttypes" class="form-select" name="parttypes" dmx-bind:options="api_parttypes.data" optiontext="name" optionvalue="id" dmx-on:changed="run({run:{action:`api_partcodes.load({})`,name:'filter_partcodes',outputType:'text'}})" required="" dmx-bind:value="api1.data.partnumber.partcode.parttype.id">
                    <option selected="" value="0">Select</option>
                </select>
                <p id="para_nonproductionparts">Select Parent Part Code</p><select id="sel_nonproductionparts" class="form-select" name="nonproductionparts" dmx-on:changed="run([{run:{action:`api_childcodes.load({})`,name:'setchildren',outputType:'text'}},{run:{action:`sel_productionparts.setSelectedIndex(\'if(selectedValue&gt;0){sel_productionparts.selectedValue=0;}\')`,outputType:'text'}}])" dmx-bind:options="api_partcodes.data" optiontext="name" optionvalue="id" required="" dmx-bind:value="api1.data.partnumber.partcode.id">
                    <option value="0">Select</option>
                </select>
                <p>Select Part Code</p>
                <select id="sel_childpartcode" class="form-select">
                    <option value="0">Select</option>
                </select>
                <p>Description</p>
                <textarea id="txt_ptdescription" class="form-control" name="ptdescription" required="" dmx-bind:value="api1.data.partnumber.description"></textarea>
                <p>Comments</p>
                <textarea id="txt_ptcomments" class="form-control" name="comments" required="" dmx-bind:value="api1.data.partnumber.comments"></textarea>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-bs-dismiss="modal" id="btn_closenewpar">Cancel</button>
                <button type="button" class="btn btn-primary" dmx-on:click="txt_partnumber.setValue(sel_parttypes.value.concat(sel_nonproductionparts.value.concat(hdn_newpn.value)));txt_rev.setValue(hdn_zeroo.value);modal1.hide()">Save changes</button>
            </div>
        </div>
    </div>
</div>
<dmx-query-manager id="query1"></dmx-query-manager>
<dmx-api-action id="api1" url="http://localhost:8080/api/v1.0/designspecs/max/" dmx-bind:url="'http://vapor.prelub.com/api/v1.0/designspecs/max/'+query1.data.id"></dmx-api-action>
<div class="container">
    <h1>DSpec</h1>
    <div class="row">
        <div class="col" style="width: 10%;">
            <p style="text-align: right;">Part Number</p>
        </div>
        <div class="col" style="width: 20%;">

            <input id="txt_partnumber" name="text1" type="text" class="form-control" placeholder="Part Number" dmx-bind:value="api1.data.partnumber.number">
        </div>
        <div class="col" style="width: 10%;">
            <p style="text-align: right;">Rev</p>
        </div>
        <div class="col" style="width: 10%;"><input id="txt_rev" name="rev" type="text" class="form-control" placeholder="rev" dmx-bind:value="api1.data.revisionlevel"></div>
        <div class="col" style="width: 50%;">
            <button id="btn_newpartnumber" class="btn text-danger fw-bold bg-secondary bg-opacity-50 ms-n1" dmx-on:click="txt_rev.setValue((txt_rev.value.toNumber() + 1))">New Rev</button>


        </div>
    </div>
    <div class="row">
        <div class="col">
        </div>
    </div>

</div>
<meta name="ac:route" content="/dspec">