Skip to content

Commit

Permalink
show data only when input is given
Browse files Browse the repository at this point in the history
ashfahan committed Mar 5, 2021

Unverified

This commit is not signed, but one or more authors requires that any commit attributed to them is signed.
1 parent 454386d commit f816339
Showing 1 changed file with 43 additions and 51 deletions.
94 changes: 43 additions & 51 deletions data-grid.html
Original file line number Diff line number Diff line change
@@ -463,61 +463,53 @@ <h1 class="header-title">Individual</h1>

<main>
<section class="section-custom">
<div class="data-grid-table-container">
<div class="grid px-1rem">
<div class="column w-16 border-right">
<div class="txt-center detail">
<label class="control flex flex-wrap align-middle">
<span class="label pr-1rem">Claim No</span>
<input class="input w-auto flex-grow" type="text" placeholder="Enter the claim number" />
</label>
<div class="data-grid-table-container grid is-sm border-right">
<div hidden class="column w-8 grid align-middle">
<div class="column w-4"><img src="./img/user image.png" /></div>
<div class="column w-20">
<div class="font-bold is-lg">Test User</div>
<div class="flex align-middle">
<div class="mr-1rem">01/01/2001</div>
<div class="mr-1rem">ID: <span>01201999233</span></div>
<div class="mr-1rem">01-20-2020</div>
</div>
<div>Provider Name: <span>Al Shafa Clinic</span></div>
<div class="flex align-middle justify-between">
<div>Entered by: <span>Khalifa</span></div>
<div>Policy: <span>Active</span></div>
</div>
<div>
<div class="badge is-primary is-pill">Status</div>
<div class="badge is-primary is-pill">OutPatient</div>
<div class="badge is-primary is-pill">Insured</div>
</div>
</div>
</div>
<div hidden class="column w-8 grid align-middle border-left border-right">
<div class="column w-8 txt-center">
<div class="name h6">Daily Target</div>
<div class="value fs-3 font-bold clr-info">654</div>
</div>

<div class="grid is-sm">
<div class="column w-14 grid align-middle">
<div class="column w-4"><img src="./img/user image.png" /></div>
<div class="column w-20">
<div class="font-bold is-lg">Test User</div>
<div class="flex align-middle">
<div class="mr-1rem">01/01/2001</div>
<div class="mr-1rem">ID: <span>01201999233</span></div>
<div class="mr-1rem">01-20-2020</div>
</div>
<div>Provider Name: <span>Al Shafa Clinic</span></div>
<div class="flex align-middle justify-between">
<div>Entered by: <span>Khalifa</span></div>
<div>Policy: <span>Active</span></div>
</div>
<div>
<div class="badge is-primary is-pill">Status</div>
<div class="badge is-primary is-pill">OutPatient</div>
<div class="badge is-primary is-pill">Insured</div>
</div>
</div>
</div>
<div class="column grid align-middle border-left">
<div class="column w-8 txt-center">
<div class="name h6">Daily Target</div>
<div class="value fs-3 font-bold clr-info">654</div>
</div>

<div class="column w-8 txt-center">
<div class="name h6">Process</div>
<div class="value font-bold flex align-middle justify-center">
<span class="fs-3 clr-valid">75</span>
<span class="fs-1 lh-1 font-light">/</span>
<span class="fs-5">100</span>
</div>
</div>

<div class="column w-8 txt-center">
<div class="name h6">Error</div>
<div class="value fs-3 font-bold clr-error">76</div>
</div>
</div>
<div class="column w-8 txt-center">
<div class="name h6">Process</div>
<div class="value font-bold flex align-middle justify-center">
<span class="fs-3 clr-valid">75</span>
<span class="fs-1 lh-1 font-light">/</span>
<span class="fs-5">100</span>
</div>
</div>
<div class="column w-8 border-left flex is-y justify-between"></div>

<div class="column w-8 txt-center">
<div class="name h6">Error</div>
<div class="value fs-3 font-bold clr-error">76</div>
</div>
</div>
<div class="column flex align-middle">
<label class="control flex flex-wrap align-middle mx-auto w-23">
<span class="label pr-1rem">Claim No</span>
<input class="input w-auto flex-grow" type="text" placeholder="Enter the claim number" />
</label>
</div>
</div>
</section>

0 comments on commit f816339

Please sign in to comment.