Confirmation

მიმოხილვა

Confirmation

        <!-- Trigger Button -->
                                <button  class="gk-button button-outline-info"  data-confirmation-target="confirmationComponent">დამაჭირე</button>
                        
                                <!-- Target Component -->
                                <template  data-confirmation-id="confirmationComponent">
                                    <div  class="gk-confirmation-container">
                                        <div  class="gk-confirmation slide-down gk-confirmation-info gk-confirmation-outer">
                                            <div  class="gk-confirmation-message">
                                                <button  class="gk-button button-icon">
                                                    <i  class="material-symbols-outlined gk-primary">info</i>
                                                </button>
                                                <div  class="gk-confirmation-content">
                                                    ნამდვილად გსურთ ამ კომპონენტის გადმოწერა? 
                                                </div>
                                            </div>
                                        </div>
                                        <div  class="gk-confirmation-actions">
                                            <button  class="gk-button decline-button" confirmation-decline>
                                                უარყოფა
                                            </button>
                                            <button  class="gk-button accept-button" confirmation-accept>
                                                დათანხმება
                                            </button>
                                        </div>
                                    </div>
                                </template>

Basic Confirmation -

კონფიგურაცია

კომპონენტის კონფიგურაცია

Confirmation კომპონენტი მომხმარებელს შესაძლებლობას არჩევს კიდევ ერთხელ დაფიქრდეს და დაადასტუროს ან უარყოს ქმედება, Confirmation კომპონენტს სჭირდება, რომ ჰქონდეს template, რომელიც გამოჩნდება კლიკზე შესაბამისად, კეთდება ორი კომპონენტი, Button და template, რომლებსაც უნდა ჰქონდეთ იგივე ID. template-ს უნდა ჰქონდეს ატრიბუტი data-confirmation-id, ხოლო Button-ს data-confirmation-target. ასევე, template-ში უნდა გვქონდეს Button ატრიბუტით confirmation-decline="true" და confirmation-accept="true" რომლებიც აღნიშნავენ იმ ღილაკებს, რომლებსაც მოხდება კომპონენტის დახურვა და საბმიტი.

ფუნქციები

კომპონენტის ფუნქციები

Confirmation კომპონენტი შეგვიძლია შევქმნათ default-ად, Javascript კლასის მეთოდით

document.addEventListener("DomContentLoaded", { 
     const { overlayService } = frameWork;
     overlayService.openConfirmation('ნამდვილად გსურთ ამ პაკეტის ყიდვა?' , 'უარყოფა' , 'დათანხმება');
 }) 

openConfirmation მეთოდი არის Promise, რომელიც აბრუნებს true ან false, 
გააჩნია რომელს დააჭირა მომხმარებელმა, უარყოფას, თუ დათანხმებას.