ef-modal v0.0.25

EfModal

გამოყენება:

სერვისის პროვაიდინგი უნდა მოხდეს ყველა იმ მოდულში, სადაც გამოიყენება ის.

    imports: [
        FactoringModalModule,
    ],
    providers: [
        FactoringModalService
    ]

ამ სერვისს გააჩნია 3 მეთოდი:

1. მესიჯის გამოტანა
2. დიალოგის გამოტანა
3. ედიტორის გამოტანა

await this.modal.showMessage(StandardMessages.Success, 'ლიმიტი წარმატებით წაიშალა');
const res = await this.modal.showDialog(StandardMessages.Question, 'შეკითხვა', 'ნამდვილად გსურთ ფაილის ტიპის წაშლა?', 'დიახ', 'არა');

let dataItem = new T1();
let additionalData = new T2;
dataItem = await this.modal.showEditor<T1, T2>(ChangeLimitStatusComponent, dataItem, additionalData);

showDialog ში ბოლო ორი კომპონენტი არის არასავალდებულო, თუ თქვენ განსაზღვრავთ ენის რესურსებში 'shared.buttons.yes', 'shared.buttons.no' 'shared.buttons.close' ტრანსლაციებს, მაშინ მოდალი ავტომატურად აიღებს მას. 'ნამდვილად გსურთ ფაილის ტიპის წაშლა?' ამ პარამეტრის მაგივრად შეგიძლიათ გადასცეთ ტრანსლეიტის ტექსტი

'shared.buttons.close' ეს გამოდის ღილაკის დასახელებაზე მესიჯის დროს.

ედიტორი წარმოადგენს თქვენს შექმნილ კომპონენტს, რომელიც უნდა იყოს გამოტანილი მოდალურ ფანჯარაში. ეს კომპონენტი უნდა აკმაყოფილებდეს შემდეგ მოთხოვნებს:

1. უნდა იყოს აღწერილი entryComponents ში,
2. უნდა წარმოადგენდენს ModalEditorBase<T1,T2> კლასის ექსტენდს

@Component({
  templateUrl: './approve-limit.component.html'
})
export class ApproveLimitComponent extends ModalEditorBase<string, number[]> implements OnInit {



submitForm = (form: NgForm): void => {
    if (form.valid) {
      this.result(this.editorItem);
    }
  }
}

ModalEditorBase<T1,T2> კლასს გააჩნია შემდეგი სტრუქტურა:

export class ModalEditorBase<T1, T2 > {
    editorItem: T1;
    additionalData?: T2;
    result(data: T1) {
        this.containerModalRef.instance.finish(data);
    }
}

editorItem: T1;- ში ინახება თქვენი მონაცემი, რისი რედაქტირებაც გინდათ მოდალურ ფორმაში,
additionalData?: T2; აქ შეგიძლიათ გადასცეთ დამატებითი დატა, რომელიც შემდგომ შეიძლება გამოიყენოთ თქვენს კომპონენტში,
result() კი აბრუნებს მონაცემებს უკვე მოდალ ედიტორიდან. როგორც წესი უნდა დააბრუნოთ editorItem: T1;