Wappler_RPM_Studio/views/index.ejs

<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="index" appConnect="local" components="{dmxTyped:{},dmxFormatter:{}}" -->
<div class="container">
    <div class="row">
        <div class="col">
            <h1>Home Page</h1>
        </div>
    </div>
</div>
<div class="container">
    <form is="dmx-serverconnect-form" id="frmUsers" method="post" action="/api/Vapor/DSpecs/getDspec" site="RPM_Studio" dmx-generator="bootstrap5" dmx-form-type="horizontal" dmx-bind:action="frmUsers.data.api.data">
        <dmx-serverconnect id="serverconnect1" url="/api/Vapor/DSpecs/getDspec" dmx-param:partnumber="inp_partnumber.value"></dmx-serverconnect>
        <div class="form-group mb-3 row">
            <label for="inp_partnumber" class="col-sm-2 col-form-label">Partnumber</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="inp_partnumber" name="partnumber" aria-describedby="inp_partnumber_help" placeholder="Part Number" dmxorgdomid="d3124">
            </div>
            <div class="col">
                <button id="btn_Search" class="btn btn-primary" type="submit">Button</button>
            </div>
        </div>
        <div class="form-group mb-3 row">
            <label for="inp_result" class="col-sm-2 col-form-label">Result</label>
            <div class="col-sm-10">
                <textarea id="inp_result" name="result" dmx-bind:value="serverconnect1.data.api.data.partnumber.number" class="form-control" dmxorgdomid="d3130"></textarea>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="card" id="dsp_card">
                    <img class="card-img-top" alt="Card image cap">
                    <div class="card-body">
                        <h4 class="card-title" dmx-text="serverconnect1.data.api.data.partnumber.number">Card title</h4>
                        <p class="card-text" dmx-text="frmUsers.data.api.data.status.name">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                        <a href="#" class="btn btn-primary">Go somewhere</a>
                    </div>
                </div>
            </div>
        </div>
    </form>
    </form>
</div>
<meta name="ac:route" content="/">