RanchiMall/kyc
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI changes

Browse Source
This commit is contained in:
sairaj mote 2023-08-24 16:42:13 +05:30
parent 1d48cfbf9a
commit 68fb207786
1 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
index.html
View File

@ -1090,14 +1090,6 @@
`: ''} `: ''}
${selectedFile ? html` ${selectedFile ? html`
<div id="file_upload_section" class=${`grid gap-1 card`}> <div id="file_upload_section" class=${`grid gap-1 card`}>
${isUploading ? html`
<div id="upload_progress_section" class=${`grid gap-1`}>
<h4>Uploading file...</h4>
<div id="progress_bar" class="progress">
<div class="progress__bar"></div>
</div>
</div>
`: ''}
${!isUploading ? html` ${!isUploading ? html`
<div id="upload_button_wrapper" class="flex flex align-center gap-1 flex-wrap"> <div id="upload_button_wrapper" class="flex flex align-center gap-1 flex-wrap">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"> <path d="M0 0h24v24H0V0z" fill="none" /> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z" /> </svg> <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"> <path d="M0 0h24v24H0V0z" fill="none" /> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z" /> </svg>
@ -1120,12 +1112,21 @@
<legend>Select KYC verifier</legend> <legend>Select KYC verifier</legend>
${issuersList} ${issuersList}
</fieldset> </fieldset>
<div class="multi-state-button"> ${isUploading ? html`
<button id="upload_file_button" class="button button--primary flex-1 gap-0-5" onclick=${uploadFile}> <div id="upload_progress_section" class=${`grid gap-1`}>
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><path d="M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M7,9l1.41,1.41L11,7.83V16h2V7.83l2.59,2.58L17,9l-5-5L7,9z"/></g></svg> <h4>Uploading file...</h4>
Upload <div id="progress_bar" class="progress">
</button> <div class="progress__bar"></div>
</div> </div>
</div>
`: html`
<div class="multi-state-button">
<button id="upload_file_button" class="button button--primary flex-1 gap-0-5" onclick=${uploadFile}>
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><path d="M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M7,9l1.41,1.41L11,7.83V16h2V7.83l2.59,2.58L17,9l-5-5L7,9z"/></g></svg>
Upload
</button>
</div>
`}
`: ''} `: ''}
` `
})() })()