Applications update

public/dmxAppConnect/dmxAutocomplete/dmxAutocomplete.css

@@ -0,0 +1,31 @@
+input[is="dmx-autocomplete"] {
+    position: relative;
+}
+
+.dmx-autocomplete-items {
+    position: absolute;
+    background: #fff;
+    color: #495057;
+    border: 1px solid #ced4da;
+    box-shadow: 0 1px 2px rgba(0,0,0,.3);
+    overflow: auto;
+    max-height: 50vh;
+    z-index: 1000;
+}
+
+.dmx-autocomplete-item {
+    padding: .375rem .75rem;
+    cursor: default;
+    white-space: nowrap;
+}
+
+.dmx-autocomplete-item:hover {
+    background: #e9ecef;
+}
+
+.dmx-autocomplete-active {
+    background: #007bff;
+    background: Highlight;
+    color: #fff;
+    color: HighlightText;
+}

views/dspec2.ejs

@@ -1,4 +1,4 @@
-<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="dspec2" appconnect="local" components="{dmxBootstrap5Modal:{},dmxStateManagement:{},dmxFormatter:{},dmxDatastore:{},dmxDatePicker:{},dmxBootstrap5TableGenerator:{},dmxDataTraversal:{},dmxBrowser:{}}" dmx-on:load="" jquery_slim_35="cdn" moment_2="cdn" -->
+<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="dspec2" appconnect="local" components="{dmxBootstrap5Modal:{},dmxStateManagement:{},dmxFormatter:{},dmxDatastore:{},dmxDatePicker:{},dmxBootstrap5TableGenerator:{},dmxDataTraversal:{},dmxBrowser:{}}" jquery_slim_35="cdn" moment_2="cdn" -->
 <div is="dmx-browser" id="browser1"></div>
 <meta name="ac:route" content="/dspec2">
 <script is="dmx-flow" id="flow1" type="text/dmx-flow" autorun="true">{
@@ -54,14 +54,15 @@
 
 <dmx-api-action id="api_allparttypes" dmx-bind:url="pg_apiurl.value.concat('parttypes')" dmx-on:success="mdl_newpart.inp_parttypes.setValue(-1)" noload="true"></dmx-api-action>
 <dmx-api-action id="api_bominsertitem" noload="true" url="http://localhost:8080/api/v1.0/boms/wapplerinsert" method="post" data-type="json" dmx-bind:url="pg_apiurl.value.concat('boms/wapplerinsert')" dmx-data:updatedate="NOW" dmx-data:viewlocationid="txt_testviewlocatioonid.value" dmx-data:old="inp_bomold.value" dmx-data:createdate="NOW" dmx-data:designspecid="var_dspecid.value.toNumber().toString()" dmx-data:createuserid="txt_useriddefault.value" dmx-data:new="inp_bomnew.value" dmx-data:updateuserid="txt_useriddefault.value" dmx-data:partnumberid="btn_bomadditem.value" dmx-on:success="api_loadbombydspec.load({},true)"></dmx-api-action>
-<dmx-api-action id="api_bomcopyitem" noload="true" url="http://localhost:8080/api/v1.0/boms/copy/33760/33758" method="put" data-type="json" dmx-bind:url="pg_apiurl.value.concat('boms/copy/'.concat(var_dspecid.value.concat('/'.concat(var_prevdspecid.value))))" dmx-on:success="api_loadbombydspec.load({},true)"></dmx-api-action>
-<dmx-api-action id="api_bompartselectbynumber" noload="true" url="http://localhost:8080/api/v1.0/partnumbers/num/" dmx-bind:url="pg_apiurl.value.concat('partnumbers/num/'.concat(inp_bompartnumber.value))" dmx-on:success="inp_bomptdescription.setValue(api_bompartselectbynumber.data.description)"></dmx-api-action>
+<dmx-api-action id="api_bomcopyitem" noload="true" url="http://localhost:8080/api/v1.0/boms/copy/33760/33758" method="put" data-type="json" dmx-bind:url="pg_apiurl.value.concat('boms/copy/'.concat(mod_copybom.inp_cpybomnewdspecid1.value.concat('/'.concat(mod_copybom.inp_cpybomdspecid.value))))" dmx-on:success="api_loadexistingdspec.load({})"></dmx-api-action>
+
 
 
-<dmx-api-action id="api_loaddspec" noload="true" url="http://vapor.prelub.com/api/v1.0/designspecs/32458" dmx-bind:url="pg_apiurl.value.concat('designspecs/'.concat(var_dspecid.value))" dmx-on:success="api_loadbombydspec.load({});view_rev.setValue(api_loaddspec.data.revisionlevel);view_partcode.setValue(api_getnewpartinfo.data.partcode.name);view_obsolete.select((api_getnewpartinfo.data.status.id == 2));view_replacedby.setValue(api_getnewpartinfo.data.replacedby.number);view_description.setValue(api_getnewpartinfo.data.description);view_comments.setValue(api_getnewpartinfo.data.comments);inp_reasonforchange.setValue(api_loaddspec.data.reasonforchange);inp_validation.setValue(api_loaddspec.data.validation);inp_notes.setValue(api_loaddspec.data.note)"></dmx-api-action>
+<dmx-api-action id="api_loaddspec" noload="true" url="http://vapor.prelub.com/api/v1.0/designspecs/32458" dmx-bind:url="pg_apiurl.value.concat('designspecs/'.concat(var_dspecid.value))" dmx-on:success="view_rev.setValue(api_loaddspec.data.revisionlevel);view_partcode.setValue(api_getnewpartinfo.data.partcode.name);view_obsolete.select((api_getnewpartinfo.data.status.id == 2));view_replacedby.setValue(api_getnewpartinfo.data.replacedby.number);view_description.setValue(api_getnewpartinfo.data.description);view_comments.setValue(api_getnewpartinfo.data.comments);inp_reasonforchange.setValue(api_loaddspec.data.reasonforchange);inp_validation.setValue(api_loaddspec.data.validation);inp_notes.setValue(api_loaddspec.data.note);api_loadbombydspec.load({})"></dmx-api-action>
+<dmx-api-action id="api_bompartselectbynumber" noload="true" url="http://localhost:8080/api/v1.0/partnumbers/num/" dmx-bind:url="pg_apiurl.value.concat('partnumbers/num/'.concat(inp_bompartnumber.value))" dmx-on:success="inp_bomptdescription.setValue(api_bompartselectbynumber.data.description)"></dmx-api-action>
 <dmx-api-action id="api_loadexistingdspec" noload="true" url="http://vapor.prelub.com/api/v1.0/designspecs/max/106691" dmx-bind:url="pg_apiurl.value.concat('designspecs/max/'.concat(var_partid.value))" dmx-on:success="run([{run:{action:`var_dspecid.setValue(api_loadexistingdspec.data.id)`,outputType:'text'}},{run:{action:`api_loaddspec.load({})`,outputType:'text'}}])"></dmx-api-action>
 <dmx-api-action id="api_filteredpartcodes" noload="true" url="http://localhost:8080/api/v1.0/partcodes/bytype/6" dmx-bind:url="pg_apiurl.value.concat('partcodes/bytype/'.concat(mdl_newpart.inp_parttypes.value))"></dmx-api-action>
-<dmx-api-action id="api_getnewpartinfo" noload="true" dmx-bind:url="pg_apiurl.value.concat('partnumbers/id/'.concat(var_partid.value))" dmx-on:success="run([{run:{action:`view_partnumber.setValue(api_getnewpartinfo.data.number)`,outputType:'text'}},{run:{action:`var_parttypeid.setValue(api_getnewpartinfo.data.partcode.parttype.id);var_partcodeid.setValue(api_getnewpartinfo.data.partcode.id);var_partnumber.setValue(api_getnewpartinfo.data.number);var_description.setValue(api_getnewpartinfo.data.description);var_comment.setValue(api_getnewpartinfo.data.comments)`,outputType:'text'}},{condition:{if:`query1.data.id`,then:{steps:{run:{action:`api_loadexistingdspec.load({})`,outputType:'text'}}},outputType:'boolean'}},{run:{outputType:'text'}},{condition:{if:`(api_getnewpartinfo.data.partcode.parttype.id == 2)`,then:{steps:{run:{action:`browser1.goto(\'/dspeckit?id=\'+api_getnewpartinfo.data.id,true,\'New Kit\')`,outputType:'text'}}},else:{steps:{condition:{if:`(api_getnewpartinfo.data.partcode.parttype.id == 3)`,then:{steps:{run:{action:`browser1.goto(\'/dspeckit?id=\'+api_getnewpartinfo.data.id,true,\'New Kit\')`,outputType:'text'}}},outputType:'boolean'}}},outputType:'boolean'}}])"></dmx-api-action>
+<dmx-api-action id="api_getnewpartinfo" noload="true" dmx-bind:url="pg_apiurl.value.concat('partnumbers/id/'.concat(var_partid.value))" dmx-on:success="run([{run:{action:`view_partnumber.setValue(api_getnewpartinfo.data.number)`,outputType:'text'}},{run:{action:`var_parttypeid.setValue(api_getnewpartinfo.data.partcode.parttype.id);var_partcodeid.setValue(api_getnewpartinfo.data.partcode.id);var_partnumber.setValue(api_getnewpartinfo.data.number);var_description.setValue(api_getnewpartinfo.data.description);var_comment.setValue(api_getnewpartinfo.data.comments)`,outputType:'text'}},{condition:{if:`query1.data.id`,then:{steps:{run:{action:`api_loadexistingdspec.load({})`,outputType:'text'}}},outputType:'boolean'}},{condition:{if:`(api_getnewpartinfo.data.partcode.parttype.id == 2)`,then:{steps:{run:{action:`browser1.goto(\'/dspeckit?id=\'+api_getnewpartinfo.data.id,true,\'New Kit\')`,outputType:'text'}}},else:{steps:{condition:{if:`(api_getnewpartinfo.data.partcode.parttype.id == 3)`,then:{steps:{run:{action:`browser1.goto(\'/dspeckit?id=\'+api_getnewpartinfo.data.id,true,\'New Kit\')`,outputType:'text'}}},outputType:'boolean'}}},outputType:'boolean'}}])"></dmx-api-action>
 <dmx-api-action id="api_getpartcodebyid" dmx-bind:url="pg_apiurl.value.concat('partcodes/'.concat(var_partcodeid.value))" noload="true" dmx-on:success="view_partcode.setValue(api_getpartcodebyid.data.name)"></dmx-api-action>
 <dmx-api-action id="api_getparttypebyid" noload="true" url="http://localhost:8080/api/v1.0/parttypes/1" dmx-bind:url="pg_apiurl.value.concat('parttypes/'.concat(var_parttypeid.value))"></dmx-api-action>
 <dmx-api-action id="api_getexistingpartinfo" noload="true" dmx-bind:url="pg_apiurl.value.concat('partnumbers/id/'.concat(var_existingpartid.value))" dmx-on:success="var_partid.setValue(api_getnewpartinfo.data.id);view_partnumber.setValue(api_getnewpartinfo.data.number)"></dmx-api-action>
@@ -70,7 +71,7 @@
 
 
 <dmx-api-action id="api_postdspec" noload="true" method="post" dmx-data:revisionlevel="view_rev.value" dmx-data:partnumberid="var_partid.value.toNumber()" dmx-data:statusidpn="var_statusid.value.toNumber().toString()" dmx-data:partcodeid="var_partcodeid.value.toNumber().toString()" dmx-data:parttypeid="var_partid.value.toNumber().toString()" dmx-data:statusiddspec="var_statusiddspec.value.toNumber().toString()" dmx-data:effectivedate="inp_effectivedate.value" dmx-data:reasonforchange="inp_reasonforchange.value" dmx-data:validation="inp_validation.value" dmx-data:notes="inp_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="var_dspecid.setValue(api_postdspec.data.id)" url="http://localhost:8080/api/v1.0/designspecs/alt"></dmx-api-action>
-<dmx-api-action id="api_copydspec" noload="true" method="post" dmx-data:revisionlevel="(view_rev.value.toNumber() + 1.toNumber().toString())" dmx-data:partnumberid="var_partid.value.toNumber()" dmx-data:statusidpn="var_statusid.value.toNumber().toString()" dmx-data:partcodeid="var_partcodeid.value.toNumber().toString()" dmx-data:parttypeid="var_partid.value.toNumber().toString()" dmx-data:statusiddspec="var_statusiddspec.value.toNumber().toString()" dmx-data:effectivedate="inp_effectivedate.value" dmx-data:reasonforchange="inp_reasonforchange.value" dmx-data:validation="inp_validation.value" dmx-data:notes="inp_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="run({meta:{$param:[{type:'number',name:'count'},{type:'number',name:'index'}]},exec:{steps:[{run:{action:`var_dspecid.setValue(api_copydspec.data.id)`,outputType:'text'}},{wait:{delay:1000}},{run:{action:`api_bomcopyitem.load({})`,outputType:'text'}}]}})" url="http://localhost:8080/api/v1.0/designspecs/alt"></dmx-api-action>
+<dmx-api-action id="api_copydspec" noload="true" method="post" dmx-data:revisionlevel="var_rev.value" dmx-data:partnumberid="var_partid.value.toNumber()" dmx-data:statusidpn="var_statusid.value.toNumber().toString()" dmx-data:partcodeid="var_partcodeid.value.toNumber().toString()" dmx-data:parttypeid="var_partid.value.toNumber().toString()" dmx-data:statusiddspec="var_statusiddspec.value.toNumber().toString()" dmx-data:effectivedate="inp_effectivedate.value" dmx-data:reasonforchange="inp_reasonforchange.value" dmx-data:validation="inp_validation.value" dmx-data:notes="inp_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="run({meta:{$param:[{type:'number',name:'count'},{type:'number',name:'index'}]},exec:{steps:[{run:{action:`var_dspecid.setValue(api_copydspec.data.id)`,outputType:'text'}},{run:{action:`view_rev.setValue(api_copydspec.data.revisionlevel)`,outputType:'text'}},{run:{action:`mod_copybom.show()`,outputType:'text'}}]}})" url="http://localhost:8080/api/v1.0/designspecs/alt"></dmx-api-action>
 
 
 
@@ -88,6 +89,25 @@
 
 
 <dmx-api-action id="api_postpart" noload="true" method="post" data-type="json" dmx-data:number="var_partnumber.value" dmx-data:statusid="var_statusid.value" dmx-data:description="var_description.value" dmx-data:comments="var_comment.value" dmx-data:partcodeid="var_partcodeid.value.toNumber().toString()" dmx-data:parttypeid="var_parttypeid.value.toNumber().toString()" dmx-bind:url="pg_apiurl.value.concat('partnumbers/alt')" url="http://localhost:8080/api/v1.0/partnumbers/alt" dmx-on:success="run([{run:{action:`var_partid.setValue(api_postpart.data.id)`,outputType:'text'}},{run:{action:`mdl_newpart.hide()`,outputType:'text'}},{run:{action:`api_increasepn.load({})`,outputType:'text'}}])"></dmx-api-action>
+<div class="modal" id="mod_copybom" is="dmx-bs5-modal" tabindex="-1">
+    <div class="modal-dialog modal-dialog-centered" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Copy Bom?</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body visually-hidden">
+                <input id="inp_cpybomdspecid" name="cpybomdspecid" type="text" class="form-control" dmx-bind:value="api_loaddspec.data.id">
+                <input id="inp_cpybomnewdspecid1" name="cpybomnewdspecid1" type="text" class="form-control" dmx-bind:value="api_copydspec.data.id">
+                <p>Modal body text goes here.</p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary" data-bs-dismiss="modal" dmx-on:click="api_bomcopyitem.load({})">Yes</button>
+                <button type="button" class="btn btn-danger" dmx-on:click="api_loadexistingdspec.load({})">No</button>
+            </div>
+        </div>
+    </div>
+</div>
 
 
 
@@ -176,7 +196,7 @@
                 <div class="card-body">
 
                     <div class="btn-group" role="group" aria-label="Button Group">
-                        <button id="btn_revup" class="btn btn-danger" dmx-on:click="run([{run:{action:`view_rev.setValue(view_rev.value.toNumber()+1)`,outputType:'text'}},{run:{action:`var_prevdspecid.setValue(var_dspecid.value)`,outputType:'text'}},{run:{action:`api_copydspec.load({})`,outputType:'text'}}])">New Rev</button>
+                        <button id="btn_revup" class="btn btn-danger" dmx-on:click="run([{run:{action:`var_rev.setValue(view_rev.value)`,outputType:'text'}},{run:{action:`var_prevdspecid.setValue(var_dspecid.value)`,outputType:'text'}},{run:{action:`api_copydspec.load({})`,outputType:'text'}}])">New Rev</button>
                     </div>
                     <h4 class="card-title" id="crd_partinfo">
                         <div style="float: left; padding-right: 10px;">Part Info: </div>

views/dspeckit.ejs

@@ -1,4 +1,4 @@
-<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="dspec2" appconnect="local" components="{dmxBootstrap5Modal:{},dmxStateManagement:{},dmxFormatter:{},dmxDatastore:{},dmxDatePicker:{},dmxBootstrap5TableGenerator:{},dmxDataTraversal:{},dmxBootstrap5Navigation:{},dmxTyped:{}}" dmx-on:load="query1.set('tab',14)" jquery_slim_35="cdn" moment_2="cdn" -->
+<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="dspec2" appconnect="local" components="{dmxBootstrap5Modal:{},dmxStateManagement:{},dmxFormatter:{},dmxDatastore:{},dmxDatePicker:{},dmxBootstrap5TableGenerator:{},dmxDataTraversal:{},dmxBootstrap5Navigation:{},dmxTyped:{},dmxAutocomplete:{}}" dmx-on:load="query1.set('tab',14)" jquery_slim_35="cdn" moment_2="cdn" -->
 <meta name="ac:route" content="/dspeckit">
 <script is="dmx-flow" id="flow1" type="text/dmx-flow" autorun="true">{
   condition: {
@@ -57,23 +57,28 @@
 
 <dmx-api-action id="api_allparttypes" dmx-bind:url="pg_apiurl.value.concat('parttypes')" dmx-on:success="mdl_newpart.inp_parttypes.setValue(-1)" noload="true"></dmx-api-action>
 <dmx-api-action id="api_bominsertitem" noload="true" url="http://localhost:8080/api/v1.0/boms/wapplerinsert" method="post" data-type="json" dmx-bind:url="pg_apiurl.value.concat('boms/wapplerinsert')" dmx-data:updatedate="NOW" dmx-data:viewlocationid="var_viewlocationid.value.toString()" dmx-data:old="var_bominsertold.value.toString()" dmx-data:createdate="NOW" dmx-data:designspecid="var_dspecid.value.toNumber().toString()" dmx-data:createuserid="txt_useriddefault.value" dmx-data:new="var_bominsertnew.value.toString()" dmx-data:updateuserid="txt_useriddefault.value" dmx-data:partnumberid="var_bominsertpnid.value.toString()" dmx-on:success="api_loadbombydspec.load({},true)"></dmx-api-action>
-<dmx-api-action id="api_bomcopyitem" noload="true" url="http://localhost:8080/api/v1.0/boms/copy/33760/33758" method="put" data-type="json" dmx-bind:url="pg_apiurl.value.concat('boms/copy/'.concat(var_dspecid.value.concat('/'.concat(var_prevdspecid.value))))" dmx-on:success="api_loadbombydspec.load({},true)"></dmx-api-action>
+<dmx-api-action id="api_bomcopyitem" noload="true" url="http://localhost:8080/api/v1.0/boms/copy/33760/33758" method="put" data-type="json" dmx-bind:url="pg_apiurl.value.concat('boms/copy/'.concat(mod_cpybom.inp_cpynewdspecid.value.concat('/'.concat(mod_cpybom.inp_cpyolddspecid.value))))" dmx-on:success="api_loadbombydspec.load({},true)"></dmx-api-action>
 <dmx-api-action id="api_bompartselectbynumber" noload="true" url="http://localhost:8080/api/v1.0/partnumbers/num/" dmx-bind:url="pg_apiurl.value.concat('partnumbers/num/'.concat(var_partsearch.value))"></dmx-api-action>
+<dmx-api-action id="api_customers" url="http://localhost:8080/api/v1.0/customers"></dmx-api-action>
+<dmx-api-action id="api_engines" url="http://localhost:8080/api/v1.0/engines"></dmx-api-action>
 
 
-<dmx-api-action id="api_loaddspec" noload="true" url="http://vapor.prelub.com/api/v1.0/designspecs/32458" dmx-bind:url="pg_apiurl.value.concat('designspecs/'.concat(var_dspecid.value))" dmx-on:success="api_loadbombydspec.load({});view_rev.setValue(api_loaddspec.data.revisionlevel);view_partcode.setValue(api_getnewpartinfo.data.partcode.name);view_obsolete.select((api_getnewpartinfo.data.status.id == 2));view_replacedby.setValue(api_getnewpartinfo.data.replacedby.number);view_description.setValue(api_getnewpartinfo.data.description);view_comments.setValue(api_getnewpartinfo.data.comments);inp_reasonforchange.setValue(api_loaddspec.data.reasonforchange);inp_validation.setValue(api_loaddspec.data.validation);inp_notes.setValue(api_loaddspec.data.note)"></dmx-api-action>
-<dmx-api-action id="api_loadexistingdspec" noload="true" url="http://vapor.prelub.com/api/v1.0/designspecs/max/106691" dmx-bind:url="pg_apiurl.value.concat('designspecs/max/'.concat(var_partid.value))" dmx-on:success="run([{run:{action:`var_dspecid.setValue(api_loadexistingdspec.data.id)`,outputType:'text'}},{run:{action:`api_loaddspec.load({})`,outputType:'text'}}])"></dmx-api-action>
+<dmx-api-action id="api_loaddspec" noload="true" url="http://vapor.prelub.com/api/v1.0/designspecs/32458" dmx-bind:url="pg_apiurl.value.concat('designspecs/'.concat(var_dspecid.value))" dmx-on:success="api_loadbombydspec.load({});view_rev.setValue(api_loaddspec.data.revisionlevel);view_partcode.setValue(api_getnewpartinfo.data.partcode.name);view_obsolete.select((api_getnewpartinfo.data.status.id == 2));view_replacedby.setValue(api_getnewpartinfo.data.replacedby.number);view_description.setValue(api_getnewpartinfo.data.description);view_comments.setValue(api_getnewpartinfo.data.comments);inp_reasonforchange.setValue(api_loaddspec.data.reasonforchange);inp_validation.setValue(api_loaddspec.data.validation);inp_notes.setValue(api_loaddspec.data.note);api_getapps.load({})"></dmx-api-action>
+<dmx-api-action id="api_loadexistingdspec" noload="true" url="http://vapor.prelub.com/api/v1.0/designspecs/max/106691" dmx-bind:url="pg_apiurl.value.concat('designspecs/max/'.concat(var_partid.value))" dmx-on:success="run([{run:{action:`var_dspecid.setValue(api_loadexistingdspec.data)`,outputType:'text'}},{run:{action:`api_loaddspec.load({})`,outputType:'text'}}])"></dmx-api-action>
 <dmx-api-action id="api_filteredpartcodes" noload="true" url="http://localhost:8080/api/v1.0/partcodes/bytype/6" dmx-bind:url="pg_apiurl.value.concat('partcodes/bytype/'.concat(mdl_newpart.inp_parttypes.value))"></dmx-api-action>
 <dmx-api-action id="api_getnewpartinfo" noload="true" dmx-bind:url="pg_apiurl.value.concat('partnumbers/id/'.concat(var_partid.value))" dmx-on:success="run([{run:{action:`view_partnumber.setValue(api_getnewpartinfo.data.number)`,outputType:'text'}},{run:{action:`var_parttypeid.setValue(api_getnewpartinfo.data.partcode.parttype.id);var_partcodeid.setValue(api_getnewpartinfo.data.partcode.id);var_partnumber.setValue(api_getnewpartinfo.data.number);var_description.setValue(api_getnewpartinfo.data.description);var_comment.setValue(api_getnewpartinfo.data.comments)`,outputType:'text'}},{condition:{if:`query1.data.id`,then:{steps:{run:{action:`api_loadexistingdspec.load({})`,outputType:'text'}}},outputType:'boolean'}}])"></dmx-api-action>
 <dmx-api-action id="api_getpartcodebyid" dmx-bind:url="pg_apiurl.value.concat('partcodes/'.concat(var_partcodeid.value))" noload="true" dmx-on:success="view_partcode.setValue(api_getpartcodebyid.data.name)"></dmx-api-action>
 <dmx-api-action id="api_getparttypebyid" noload="true" url="http://localhost:8080/api/v1.0/parttypes/1" dmx-bind:url="pg_apiurl.value.concat('parttypes/'.concat(var_parttypeid.value))"></dmx-api-action>
 <dmx-api-action id="api_getexistingpartinfo" noload="true" dmx-bind:url="pg_apiurl.value.concat('partnumbers/id/'.concat(var_existingpartid.value))" dmx-on:success="var_partid.setValue(api_getnewpartinfo.data.id);view_partnumber.setValue(api_getnewpartinfo.data.number)"></dmx-api-action>
 <dmx-api-action id="api_increasepn" noload="true" method="post" dmx-data:number="(api_maxpn.data.number + 1)" dmx-bind:url="pg_apiurl.value.concat('pns')" dmx-on:success="api_getnewpartinfo.load({})"></dmx-api-action>
+<dmx-api-action id="api_makes" url="http://localhost:8080/api/v1.0/makes" dmx-bind:url="pg_apiurl.value.concat('makes')"></dmx-api-action>
 <dmx-api-action id="api_maxpn" url="http://localhost:8080/api/v1.0/pns/max" dmx-on:success="run([{run:{action:`var_partnumber.setValue(var_parttypeid.value.toNumber().toString().concat(\'-\'.concat(var_partcodeid.value.concat(\'-\'.concat(api_maxpn.data.number)))))`,outputType:'text'}},{run:{action:`api_postpart.load({})`,outputType:'text'}}])" noload="true" dmx-bind:url="pg_apiurl.value.concat('pns/max')"></dmx-api-action>
+<dmx-api-action id="api_models" url="http://localhost:8080/api/v1.0/models"></dmx-api-action>
 
 
 <dmx-api-action id="api_postdspec" noload="true" method="post" dmx-data:revisionlevel="view_rev.value" dmx-data:partnumberid="var_partid.value.toNumber()" dmx-data:statusidpn="var_statusid.value.toNumber().toString()" dmx-data:partcodeid="var_partcodeid.value.toNumber().toString()" dmx-data:parttypeid="var_partid.value.toNumber().toString()" dmx-data:statusiddspec="var_statusiddspec.value.toNumber().toString()" dmx-data:effectivedate="inp_effectivedate.value" dmx-data:reasonforchange="inp_reasonforchange.value" dmx-data:validation="inp_validation.value" dmx-data:notes="inp_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="var_dspecid.setValue(api_postdspec.data.id)" url="http://localhost:8080/api/v1.0/designspecs/alt"></dmx-api-action>
-<dmx-api-action id="api_copydspec" noload="true" method="post" dmx-data:revisionlevel="(view_rev.value.toNumber() + 1.toNumber().toString())" dmx-data:partnumberid="var_partid.value.toNumber()" dmx-data:statusidpn="var_statusid.value.toNumber().toString()" dmx-data:partcodeid="var_partcodeid.value.toNumber().toString()" dmx-data:parttypeid="var_partid.value.toNumber().toString()" dmx-data:statusiddspec="var_statusiddspec.value.toNumber().toString()" dmx-data:effectivedate="inp_effectivedate.value" dmx-data:reasonforchange="inp_reasonforchange.value" dmx-data:validation="inp_validation.value" dmx-data:notes="inp_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="run({meta:{$param:[{type:'number',name:'count'},{type:'number',name:'index'}]},exec:{steps:[{run:{action:`var_dspecid.setValue(api_copydspec.data.id)`,outputType:'text'}},{wait:{delay:1000}},{run:{action:`api_bomcopyitem.load({})`,outputType:'text'}}]}})" url="http://localhost:8080/api/v1.0/designspecs/alt"></dmx-api-action>
+<dmx-api-action id="api_products" url="http://localhost:8080/api/v1.0/products" dmx-bind:url="pg_apiurl.value.concat('products')"></dmx-api-action>
+<dmx-api-action id="api_copydspec" noload="true" method="post" dmx-data:revisionlevel="view_rev.value" dmx-data:partnumberid="var_partid.value.toNumber()" dmx-data:statusidpn="var_statusid.value.toNumber().toString()" dmx-data:partcodeid="var_partcodeid.value.toNumber().toString()" dmx-data:parttypeid="var_partid.value.toNumber().toString()" dmx-data:statusiddspec="var_statusiddspec.value.toNumber().toString()" dmx-data:effectivedate="inp_effectivedate.value" dmx-data:reasonforchange="inp_reasonforchange.value" dmx-data:validation="inp_validation.value" dmx-data:notes="inp_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="run({meta:{$param:[{type:'number',name:'count'},{type:'number',name:'index'}]},exec:{steps:[{run:{action:`var_dspecid.setValue(api_copydspec.data.id)`,outputType:'text'}},{run:{action:`mod_cpybom.inp_cpynewdspecid.setValue(api_copydspec.data.id)`,outputType:'text'}},{run:{action:`mod_cpybom.show()`,outputType:'text'}}]}})" url="http://localhost:8080/api/v1.0/designspecs/alt"></dmx-api-action>
 
 
 
@@ -91,86 +96,198 @@
 
 
 <dmx-api-action id="api_postpart" noload="true" method="post" data-type="json" dmx-data:number="var_partnumber.value" dmx-data:statusid="var_statusid.value" dmx-data:description="var_description.value" dmx-data:comments="var_comment.value" dmx-data:partcodeid="var_partcodeid.value.toNumber().toString()" dmx-data:parttypeid="var_parttypeid.value.toNumber().toString()" dmx-bind:url="pg_apiurl.value.concat('partnumbers/alt')" url="http://localhost:8080/api/v1.0/partnumbers/alt" dmx-on:success="run([{run:{action:`var_partid.setValue(api_postpart.data.id)`,outputType:'text'}},{run:{action:`mdl_newpart.hide()`,outputType:'text'}},{run:{action:`api_increasepn.load({})`,outputType:'text'}}])"></dmx-api-action>
-
-
-
-
-
-
-
-
-
-
-<div class="modal" id="mdl_newpart" is="dmx-bs5-modal" tabindex="-1" dmx-bind:show="!query1.data.id">
-    <div class="modal-dialog modal-dialog-centered" role="document">
+<div class="modal" id="mod_cpybom" is="dmx-bs5-modal" tabindex="-1">
+    <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title">New Part</h5>
+                <h5 class="modal-title">Copy Bom?</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
-                <div class="container">
-                    <div class="row">
-                        <div class="col">
-                            <div class="form-group mb-3 row">
-                                <label for="hdnpartnumber" class="col-sm-2 col-form-label gy-0 gx-0 visually-hidden" style="width: 20%;">Part Number</label>
-                                <div class="col-sm-10" style="width: 75%;">
-                                    <input id="hdn_partnumber" name="hdnpartnumber" type="text" class="form-control visually-hidden">
+                <input id="inp_cpyolddspecid" name="cpyolddspecid" type="text" class="form-control" dmx-bind:value="api_loaddspec.data.id">
+                <input id="inp_cpynewdspecid" name="cpynewdspecid1" type="text" class="form-control" dmx-bind:value="api_copydspec.data.id">
+                <p>Modal body text goes here.</p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary" data-bs-dismiss="modal" dmx-on:click="api_bomcopyitem.load({})">Yes</button>
+                <button type="button" class="btn btn-primary">No</button>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="modal rounded rounded-3 border-dark" id="mdl_app" is="dmx-bs5-modal" tabindex="-1" dmx-on:hide-bs-modal="var_appid.setValue(0)">
+    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Application</h5>&nbsp;&nbsp;
+                <a href="#" class="btn btn-sm btn-secondary" id="anc_newcustomer" dmx-on:click="mod_newcustomer.show()">New Customer</a>&nbsp;&nbsp;
+                <a href="#" class="btn btn-sm btn-secondary" id="anc_newmodel" dmx-on:click="mod_newmodel.show()">New Model</a>&nbsp;&nbsp;
+                <a href="#" class="btn btn-sm btn-secondary" id="anc_newengine" dmx-on:click="mod_newengine.show()">New Engine</a><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <div class="modal bg-secondary rounded-pill rounded-1 border-dark" id="mod_newcustomer" is="dmx-bs5-modal" tabindex="-1">
+                    <div class="modal-dialog modal-dialog-centered" role="document">
+                        <div class="modal-content">
+                            <div class="modal-header">
+                                <h5 class="modal-title" id="mod_customer">New Customer</h5>
+                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                            </div>
+                            <div class="modal-body">
+                                <div class="container">
+                                    <div class="row">
+                                        <div class="col" style="display: flex; width: 100%;">
+                                            <label style="padding: 10px;">Name:</label>
+                                            <input id="inp_newcustomername" name="inpnewcustomername" type="text" class="form-control">
+                                        </div>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col" style="display: flex; width: 100%;">
+                                            <label style="padding: 10px;">Description:</label>
+                                            <input id="inp_newcustomerdescription" name="inpnewcustomerdescription" type="text" class="form-control">
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
+                            <div class="modal-footer">
+                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                                <button type="button" class="btn btn-primary">Save changes</button>
+                            </div>
                         </div>
                     </div>
-                    <div class="row">
-                        <div class="col">
-                            <div class="form-group mb-3 row">
-                                <label for="parttypes" class="col-sm-2 col-form-label gy-0 gx-0" style="width: 20%;">Part Types</label>
-                                <div class="col-sm-10" style="width: 55%; float: left;">
-                                    <select id="inp_parttypes" class="form-select" name="parttypes" dmx-bind:options="api_allparttypes.data" optiontext="name" optionvalue="id" dmx-on:changed="api_filteredpartcodes.load({})">
-                                        <option value="-1">Select</option>
-                                    </select>
+                </div>
+                <div class="modal bg-secondary rounded-pill border-dark rounded-1" id="mod_newmodel" is="dmx-bs5-modal" tabindex="-1">
+                    <div class="modal-dialog modal-dialog-centered" role="document">
+                        <div class="modal-content">
+                            <dmx-api-action id="api_postmodel" noload="true" url="http://localhost:8080/api/v1.0/models/insert" method="post" data-type="json" dmx-data:name="inp_newmodelname.value" dmx-data:makeid="inp_newmodelmake.value.toNumber()" dmx-data:productid="inp_newmodelproduct.value.toNumber()" dmx-data:description="null" dmx-data:createuserid="-1" dmx-data:updateuserid="-1" dmx-on:success="api_models.load({})" dmx-bind:url="pg_apiurl.value.concat('models')"></dmx-api-action>
+                            <div class="modal-header">
+                                <h5 class="modal-title" id="mod_customer1">New Model</h5>
+                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                            </div>
+                            <div class="modal-body">
+                                <div class="container">
+                                    <div class="row">
+                                        <div class="col" style="display: flex; width: 100%;">
+                                            <label>Product:</label>
+                                            <input id="inp_newmodelproduct" name="inpnewmodelproduct" type="text" class="form-control" is="dmx-autocomplete" dmx-bind:data="api_products.data" optiontext="name" optionvalue="id" optionsearch="name">&nbsp;&nbsp;
+
+                                        </div>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col" style="display: flex; width: 100%;">
+                                            <label>Make:</label>
+                                            <input id="inp_newmodelmake" name="inpnewmodelmake" type="text" class="form-control" is="dmx-autocomplete" dmx-bind:data="api_makes.data" optiontext="name" optionvalue="id" optionsearch="name">&nbsp;&nbsp;
+
+                                        </div>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col" style="display: flex; width: 100%;">
+                                            <label>Name:</label>
+                                            <input id="inp_newmodelname" name="newmodelname" type="text" class="form-control">
+                                            &nbsp;&nbsp;
+
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
+                            <div class="modal-footer">
+                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                                <button type="button" class="btn btn-primary" dmx-on:click="api_postmodel.load({})">Save changes</button>
+                            </div>
                         </div>
                     </div>
-                    <div class="row">
-                        <div class="col">
-                            <div class="form-group mb-3 row">
-                                <label for="partcodes" class="col-sm-2 col-form-label gy-0 gx-0" style="width: 20%;">Part Codes</label>
-                                <div class="col-sm-10" style="width: 55%; float: left;">
-                                    <select id="inp_partcodes" class="form-select" name="partcodes" dmx-bind:options="api_filteredpartcodes.data" optiontext="name" optionvalue="id" dmx-on:changed="var_partcodeid.setValue(value)">
-                                        <option value="0">Select</option>
-                                    </select>
-                                </div>
+                </div>
+                <div class="modal bg-secondary" id="mod_newengine" is="dmx-bs5-modal" tabindex="-1">
+                    <div class="modal-dialog modal-dialog-centered" role="document">
+                        <div class="modal-content">
+                            <div class="modal-header">
+                                <h5 class="modal-title" id="mod_customer2">New Engine</h5>
+                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                            </div>
+                            <div class="modal-body">
+                                <p>Modal body text goes here.</p>
+                            </div>
+                            <div class="modal-footer">
+                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                                <button type="button" class="btn btn-primary">Save changes</button>
                             </div>
                         </div>
                     </div>
-                    <div class="row">
-                        <div class="col">
-                            <label claclass="col-sm-2 col-form-label gy-0 gx-0">Description</label>
-                            <textarea id="inp_description" class="form-control" name="description"></textarea>
-                        </div>
+                </div>
+                <input id="txt_appid" name="appid" type="text" class="form-control visually-hidden">
+                <div class="row align-items-center justify-content-start g-0" style="padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px;">
+                    <div class="align-self-center col-4" style="display: flex; width: 100%;">
+                        <label>Customer: </label>
+                        <input id="inp_custoer" name="inpcustomer" class="form-control form-control-sm" style="width: 200px;" type="text" is="dmx-autocomplete" dmx-bind:data="api_customers.data" optiontext="name" optionvalue="id" optionsearch="name">
+
+                        <label>Model: </label>
+                        <input id="inp_appmodel" name="inpappmodel" type="text" class="form-control" is="dmx-autocomplete" dmx-bind:data="api_models.data" optiontext="name" optionvalue="id" optionsearch="name">
+                        <label>Engine: </label>
+                        <input id="inp_appengine" name="inpappengine" type="text" class="form-control" is="dmx-autocomplete" dmx-bind:data="api_engines.data" optiontext="displacement" optionvalue="id" optionsearch="displacement">
 
                     </div>
-                    <div class="row">
-                        <div class="col">
-                            <label claclass="col-sm-2 col-form-label gy-0 gx-0">Comments</label>
-                            <textarea id="inp_comments" class="form-control" name="comments"></textarea>
+                </div>
+                <div class="row align-items-center justify-content-start g-0" style="padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px;">
+                    <div class="align-self-center col-4" style="display: flex; width: 100%;">
+                        <label>Description: </label>
+                        <textarea id="inp_appdesc" class="form-control" name="appdesc"></textarea>&nbsp;
+                        <label>Arrangement: </label>
+                        <input id="inp_arrangement" name="inparrangement" type="text" class="form-control form-control-sm">
+
+                    </div>
+                </div>
+                <div class="row align-items-center justify-content-start g-0" style="padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px;">
+                    <div class="align-self-center col-4" style="display: flex; width: 100%;">
+                        <label>Serial Prefix: </label>
+                        <input id="inp_serialprefix" name="inpserialprefix" type="text" class="form-control form-control-sm" style="width: 100px;">
+                        <label class="form-check-label" for="inpchkoe">OE: </label>
+                        <div class="form-check">
+                            <input class="form-check-input" type="checkbox" value="" id="inp_chkoe" name="inpchkoe">
                         </div>
+                        <label>Motor: </label>
+                        <input id="inp_motor" name="inpmotor" type="text" class="form-control form-control-sm" style="width: 100px;">
                     </div>
                 </div>
+                <div class="row align-items-center justify-content-start g-0" style="padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px;">
+                    <div class="align-self-center col-4" style="display: flex; width: 100%;">
+                        <label>Electric: </label>
+                        <input id="inp_electric" name="inpelectric" type="text" class="form-control form-control-sm" style="width: 100px;">
+                        <label>Plumbing: </label>
+                        <input id="inp_plumbing" name="inpplumbing" type="text" class="form-control form-control-sm" style="width: 100px">
+                        <label>Voltage: </label>
+                        <input id="inp_voltage" name="inpvoltage" type="text" class="form-control form-control-sm" style="width: 100px;">
+                    </div>
+                </div>
+                <div class="row align-items-center justify-content-start g-0" style="padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px;">
+                    <div class="align-self-center col-4" style="display: flex; width: 100%;">
+                        <label>Starting Serial: </label>
+                        <input id="inp_serialstart" name="inpserialstart" type="text" class="form-control form-control-sm" style="width: 200px;">
+                        <label>Ending Serial: </label>
+                        <input id="inp_serialend" name="inpserialend" type="text" class="form-control form-control-sm" style="width: 200px;">
+                    </div>
+                </div>
+                <div class="row align-items-center justify-content-start g-0" style="padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px;">
+                    <div class="align-self-center col-4" style="display: flex; width: 100%;">
 
-                <input id="inp_partid" name="partid" type="text" class="form-control visually-hidden" dmx-bind:value="api_postpart.data.id">
-
-
-
-
+                    </div>
+                </div>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-                <button type="button" class="btn btn-primary" dmx-on:click="run([{run:{action:`var_description.setValue(inp_description.value)`,outputType:'text'}},{run:{action:`var_comment.setValue(inp_comments.value)`,outputType:'text'}},{run:{action:`var_parttypeid.setValue(api_getpartcodebyid.data.parttype.id)`,outputType:'text'}},{wait:{delay:1000}},{run:{action:`api_maxpn.load({})`,outputType:'text'}}])">Save</button>
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" dmx-on:click="var_appid.setValue(0)">Close</button>
+                <button type="button" class="btn btn-primary">Save changes</button>
             </div>
         </div>
     </div>
 </div>
+
+
+
+
+
+
+
+
+
+
 <div class="container">
     <div class="row">
         <div class="col placeholder-glow border-3 rounded rounded-3 border-dark">
@@ -178,7 +295,7 @@
                 <div class="card-body">
 
                     <div class="btn-group" role="group" aria-label="Button Group">
-                        <button id="btn_revup" class="btn btn-danger" dmx-on:click="run([{run:{action:`view_rev.setValue(view_rev.value.toNumber()+1)`,outputType:'text'}},{run:{action:`var_prevdspecid.setValue(var_dspecid.value)`,outputType:'text'}},{run:{action:`api_copydspec.load({})`,outputType:'text'}}])">New Rev</button>
+                        <button id="btn_revup" class="btn btn-danger" dmx-on:click="run([{run:{action:`mod_cpybom.inp_cpyolddspecid.setValue(api_loaddspec.data.id)`,outputType:'text'}},{run:{action:`var_prevdspecid.setValue(var_dspecid.value)`,outputType:'text'}},{run:{action:`api_copydspec.load({})`,outputType:'text'}}])">New Rev</button>
                     </div>
                     <h4 class="card-title" id="crd_partinfo">
                         <div style="float: left; padding-right: 10px;">Part Info: </div>
@@ -300,6 +417,8 @@
     </div>
     <div class="row">
         <div class="col rounded rounded-3 border-dark border-5">
+            <dmx-api-action id="api_getapps" url="http://localhost:8080/api/v1.0/applications/pn/10644" dmx-bind:url="pg_apiurl.value.concat('applications/pn/'.concat(var_partid.value))" noload="true"></dmx-api-action>
+            <dmx-value id="var_appid" dmx-on:updated="run({condition:{if:`(value.toNumber() != 0)`,then:{steps:[{run:{action:`mdl_app.txt_appid.setValue(api_getapps.data.where(\`id\`, value, \'==\')[0].id);mdl_app.inp_appmodel.setValue(api_getapps.data.where(\`id\`, value.toNumber(), \'==\')[0].model.id);mdl_app.inp_appdesc.setValue(api_getapps.data.where(\`id\`, value.toNumber(), \'==\')[0].description);mdl_app.inp_custoer.setValue(api_getapps.data.where(\`id\`, value.toNumber(), \'==\')[0].customer.id);mdl_app.inp_appengine.setValue(api_getapps.data.where(\`id\`, value, \'==\')[0].engine.id)`,outputType:'text'}},{run:{action:`mdl_app.show()`,outputType:'text'}}]},outputType:'boolean'}})"></dmx-value>
             <dmx-value id="var_partidtodelete" dmx-on:updated="api_deletethisitem.load({})"></dmx-value>
             <dmx-value id="var_partsearch" dmx-on:updated="api_bompartselectbynumber.load({})"></dmx-value>
             <dmx-api-action id="api_loadbombydspec" noload="true" url="http://localhost:8080/api/v1.0/boms/bydspec/33726" dmx-bind:url="pg_apiurl.value.concat('boms/bydspec/'.concat(var_dspecid.value))"></dmx-api-action>
@@ -504,9 +623,37 @@
                     </div>
                 </div>
                 <div class="tab-pane fade" id="navTabs1_5" role="tabpanel">
-                    <p>
-                        Applications
-                    </p>
+                    <div class="table-responsive">
+                        <table class="table">
+                            <thead>
+                                <tr>
+                                    <th scope="row">Action</th>
+                                    <th>Startingserial</th>
+                                    <th>Type</th>
+                                    <th>Serialprefix</th>
+                                    <th>Endingserial</th>
+                                    <th>Model</th>
+                                    <th>Product</th>
+                                    <th>Description</th>
+                                </tr>
+                            </thead>
+                            <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="api_getapps.data" id="tableRepeat5">
+                                <tr>
+                                    <td style="display: inline-block;">
+                                        <button id="btn_viewapp" class="btn btn-primary btn-sm" dmx-bind:value="id" dmx-on:click="var_appid.setValue(value)">View</button>
+                                        <button id="btn_deleteapp" class="btn btn-danger btn-sm">X</button>
+                                    </td>
+                                    <td dmx-text="startingserial"></td>
+                                    <td dmx-text="type"></td>
+                                    <td dmx-text="serialprefix"></td>
+                                    <td dmx-text="endingserial"></td>
+                                    <td dmx-text="model.name"></td>
+                                    <td dmx-text="product.name"></td>
+                                    <td dmx-text="description"></td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
                 </div>
             </div>
 

views/layouts/main.ejs

@@ -39,12 +39,14 @@
   <script src="/dmxAppConnect/dmxDatePicker/dmxDatePicker.js" defer></script>
 
 
+  <link rel="stylesheet" href="/dmxAppConnect/dmxAutocomplete/dmxAutocomplete.css" />
+  <script src="/dmxAppConnect/dmxAutocomplete/dmxAutocomplete.js" defer></script>
 </head>
 
 <body is="dmx-app" id="main">
   <div class="container">
     <dmx-value id="var_userinfo"></dmx-value>
-    <dmx-value id="pg_apiurl" dmx-bind:value="'http://vapor.prelub.com/api/v1.0/'"></dmx-value>
+    <dmx-value id="pg_apiurl" dmx-bind:value="'http://localhost:8080/api/v1.0/'"></dmx-value>
     <nav class="navbar navbar-expand-lg navbar-light bg-light">
       <div class="container-fluid">
         <a class="navbar-brand" href="#">RPM Studio</a>