Как добавить вызов модального окна через Page UI Block и Custom Blocks в DamuBPM и получить ответ.¶
Добавьте html элемент в ваш page ui block в страницу <Кодвашейсущности>details:
<p-dialog *ngIf="modal_page" [(visible)]="modal_show">
<jit-page
type="pages"
[data]="{}"
code="users_lookup"
(getComponent)="openModalForFileUploader($event)"
></jit-page>
<button class="btn btn-primary" (click)="modal_show = false">Закрыть</button>
</p-dialog>
<div class="col">
<div class="card" style="height:516px">
<div class="card-header bg-white">
<h5>Проверка модалки</h5>
<h5>Modal info {[{modal_info | json}}</h5>
</div>
<div class="card-body">
<button type="button" (click)="openModal()" class="btn btn-primary">Открыть модалку</button>
</div>
</div>
</div>
Добавьте Кастомную вставку в ваш в страницу <Кодвашейсущности>details с местом Angular (New) Объявление переменных:
Поле Angular Template
modal_info = {};
opened_modal = false;
modal_page = "users_lookup";
openModalForFileUploader(jit_page) {
let vm = this;
jit_page.chooseCallBack = (file) => {
this.modal_info = file;
vm.modal_show = false;
}
}
openModal(){
this.modal_show = true;
}
В странице users_lookup должно быть прописано chooseCallBack:
<tr *ngFor="let i of users.items" [routerLink]="i.url" (click)="chooseCallBack(i)" >
..
</tr>