Untitled

 avatar
unknown
plain_text
3 years ago
3.8 kB
4
Indexable
<template>
    <lightning-card>
    <div class="slds-border_bottom">
            <div style='text-align:center'>
                 © Copyright 2020 Bicyclone.com, inc.&nbsp;&nbsp;
            <br>
        </div>
    <br/>  
    </div>
        <div class= "slds-var-m-around_large" style="text-align:center">    
            <table>
                <tbody>
                <tr>
                    <td><a>Privacy Policy</a></td>
                    <td><a>Terms of Use</a></td>
                    <td><a>Marketing</a></td>
                    <td>
                        <a onclick={handleContactUs}>Contact Us</a>
                        <template if:true={showModal}>
                            <section role="dialog" tabindex="-1" aria-modal="true" aria-labelledby="modal-heading-01" class="slds-modal slds-fade-in-open slds-modal_small">
                                <div class="slds-modal__container">    
                                    <div class="slds-modal__header">
                                        <h1 id="modal-heading-01" class="slds-modal__title slds-hyphenate">Enter the following details:</h1>
                                    </div>
                                    <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1"> 
                                        <div class="slds-var-m-around_medium">
                                            <template if:true={isguestUser}>
                                                <lightning-input label="First Name:" onchange={handlefirstName} value={firstName} required="true"></lightning-input>
                                                <lightning-input label="Last Name:" onchange={handlelastName} value={lastName} required="true"></lightning-input>
                                                <lightning-input label="Company Name:" onchange={handlecompanyName} value={company} required="true"></lightning-input>
                                                <lightning-input label="Email" onchange={handleEmail} value={email} required="true"></lightning-input>
                                            </template>
                                            <template if:false={isguestUser}>
                                                <lightning-input label="Comments :" onchange={handleComments} value={comments} required="true"></lightning-input>
                                            </template>
                                        </div>
                                    </div>
                                    <div class="slds-modal__footer">
                                        <template if:true={isguestUser}>
                                            <lightning-button label="Submit" type="Brand" onclick={handleSubmitforGuest}></lightning-button>
                                        </template>
                                        <template if:false={isguestUser}>
                                            <lightning-button label="Submit r" type="Brand" onclick={handleSubmitforUser}></lightning-button>
                                        </template>
                                        &nbsp; 
                                        <lightning-button label="Cancel" type="Brand" onclick={handleCancel}></lightning-button>    
                                    </div>
                                </div>
                            </section>
                            <div class="slds-backdrop slds-backdrop_open" role="presentation"></div>
                        </template>
                    </td>
                    <td><a>&nbsp;Info&nbsp;</a></td>
                </tr>
            </tbody>
            </table>
        </div>
    </lightning-card>
</template>
Editor is loading...