Untitled

mail@pastecode.io avatar
unknown
plain_text
7 months ago
2.2 kB
0
Indexable
Never
<template>
    <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" 
    class="slds-modal slds-fade-in-open slds-modal_large">
        <div class="slds-modal__container">
            <!-- Modal/Popup Box LWC header here -->
            <header class="slds-modal__header">
                <button class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" title="Close" onclick={closeModal}>
                    <lightning-icon icon-name="utility:close"
                        alternative-text="close"
                        variant="inverse"
                        size="small" ></lightning-icon>
                    <span class="slds-assistive-text">{closeLabel}</span>
                </button>
                <h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate">{mainLabel}</h2>
                
            </header>
            <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
                <lightning-card>
                    <template if:false={isLoaded}>
                        <div class="spinner_class_div">
                            <lightning-spinner class="spinner_class" alternative-text="Loading" variant="brand">
                            </lightning-spinner>
                        </div>
                    </template>
                
                    <lightning-datatable 
                        onrowaction={callRowAction} 
                        show-row-number-column="true" 
                        key-field="Id" 
                        data={itemsforcurrentview} 
                        columns={columns}
                        onrowselection={rowSelection}>
                    </lightning-datatable>
                </lightning-card>
            </div>

            <footer class="slds-modal__footer">
                <button class="slds-button slds-button_neutral" onclick={closeModal} title="Close">{closeLabel}</button>
            </footer>
        </div>
    </section>
    <div class="slds-backdrop slds-backdrop_open"></div>
</template>
Leave a Comment