mirror of https://github.com/abpframework/abp.git
Masum ULU
3 years ago
committed by
GitHub
GitHub
39 changed files with 1021 additions and 947 deletions
@ -1,12 +1,14 @@ |
|||
<form [formGroup]="form" *ngIf="form" (ngSubmit)="submit()" validateOnSubmit class="abp-md-form"> |
|||
<abp-extensible-form [selectedRecord]="selected"></abp-extensible-form> |
|||
|
|||
<abp-button |
|||
buttonType="submit" |
|||
iconClass="fa fa-check" |
|||
buttonClass="btn btn-primary color-white" |
|||
[loading]="inProgress" |
|||
> |
|||
{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button |
|||
> |
|||
</form> |
|||
@if (form) { |
|||
<form [formGroup]="form" (ngSubmit)="submit()" validateOnSubmit class="abp-md-form"> |
|||
<abp-extensible-form [selectedRecord]="selected"></abp-extensible-form> |
|||
|
|||
<abp-button |
|||
buttonType="submit" |
|||
iconClass="fa fa-check" |
|||
buttonClass="btn btn-primary color-white" |
|||
[loading]="inProgress" |
|||
> |
|||
{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button |
|||
> |
|||
</form> |
|||
} |
|||
|
|||
@ -1,145 +1,161 @@ |
|||
<abp-modal *ngIf="visible" [(visible)]="visible" [busy]="modalBusy" [options]="{ size: 'lg' }"> |
|||
<ng-template #abpHeader> |
|||
<h3>{{ 'AbpFeatureManagement::Features' | abpLocalization }}</h3> |
|||
</ng-template> |
|||
@if (visible) { |
|||
<abp-modal [(visible)]="visible" [busy]="modalBusy" [options]="{ size: 'lg' }"> |
|||
<ng-template #abpHeader> |
|||
<h3>{{ 'AbpFeatureManagement::Features' | abpLocalization }}</h3> |
|||
</ng-template> |
|||
|
|||
<ng-template #abpBody> |
|||
<div class="row"> |
|||
<ng-container *ngIf="groups.length"> |
|||
<div class="col-md-4"> |
|||
<ul |
|||
ngbNav |
|||
#nav="ngbNav" |
|||
[(activeId)]="selectedGroupDisplayName" |
|||
class="nav-pills" |
|||
orientation="vertical" |
|||
> |
|||
<li |
|||
*ngFor="let group of groups; trackBy: track.by('name')" |
|||
[ngbNavItem]="group.displayName" |
|||
<ng-template #abpBody> |
|||
<div class="row"> |
|||
@if (groups.length) { |
|||
<div class="col-md-4"> |
|||
<ul |
|||
ngbNav |
|||
#nav="ngbNav" |
|||
[(activeId)]="selectedGroupDisplayName" |
|||
class="nav-pills" |
|||
orientation="vertical" |
|||
> |
|||
<a ngbNavLink>{{ group.displayName }}</a> |
|||
<ng-template ngbNavContent> |
|||
<h4>{{ selectedGroupDisplayName }}</h4> |
|||
<hr class="mt-2 mb-3" /> |
|||
@for (group of groups; track group.name) { |
|||
<li [ngbNavItem]="group.displayName"> |
|||
<a ngbNavLink>{{ group.displayName }}</a> |
|||
<ng-template ngbNavContent> |
|||
<h4>{{ selectedGroupDisplayName }}</h4> |
|||
<hr class="mt-2 mb-3" /> |
|||
|
|||
<div |
|||
class="mt-2" |
|||
*ngFor=" |
|||
let feature of features[group.name]; |
|||
let i = index; |
|||
trackBy: track.by('id') |
|||
" |
|||
[ngStyle]="feature.style" |
|||
[ngSwitch]="feature.valueType?.name" |
|||
(keyup.enter)="save()" |
|||
> |
|||
<ng-container *ngSwitchCase="valueTypes.ToggleStringValueType"> |
|||
<div class="form-check"> |
|||
<input |
|||
class="form-check-input" |
|||
type="checkbox" |
|||
[id]="feature.name" |
|||
[(ngModel)]="feature.value" |
|||
(ngModelChange)="onCheckboxClick($event, feature)" |
|||
/> |
|||
@for (feature of features[group.name]; track feature.id; let i = $index) { |
|||
<div class="mt-2" [ngStyle]="feature.style" (keyup.enter)="save()"> |
|||
@switch (feature.valueType?.name) { |
|||
@case (valueTypes.ToggleStringValueType) { |
|||
<div class="form-check"> |
|||
<input |
|||
class="form-check-input" |
|||
type="checkbox" |
|||
[id]="feature.name" |
|||
[(ngModel)]="feature.value" |
|||
(ngModelChange)="onCheckboxClick($event, feature)" |
|||
/> |
|||
|
|||
<label class="form-check-label" [htmlFor]="feature.name">{{ |
|||
feature.displayName |
|||
}}</label> |
|||
<ng-container |
|||
*ngTemplateOutlet="descTmp; context: { $implicit: feature.description }" |
|||
></ng-container> |
|||
</div> |
|||
</ng-container> |
|||
<ng-container *ngSwitchCase="valueTypes.FreeTextStringValueType"> |
|||
<div class="mb-3 form-group"> |
|||
<label [htmlFor]="feature.name" class="form-label">{{ |
|||
feature.displayName |
|||
}}</label> |
|||
<input |
|||
class="form-control" |
|||
type="text" |
|||
[id]="feature.name" |
|||
[(ngModel)]="feature.value" |
|||
[abpFeatureManagementFreeText]="feature" |
|||
/> |
|||
<label class="form-check-label" [htmlFor]="feature.name">{{ |
|||
feature.displayName |
|||
}}</label> |
|||
<ng-container |
|||
*ngTemplateOutlet=" |
|||
descTmp; |
|||
context: { $implicit: feature.description } |
|||
" |
|||
></ng-container> |
|||
</div> |
|||
} |
|||
@case (valueTypes.FreeTextStringValueType) { |
|||
<div class="mb-3 form-group"> |
|||
<label [htmlFor]="feature.name" class="form-label">{{ |
|||
feature.displayName |
|||
}}</label> |
|||
<input |
|||
class="form-control" |
|||
type="text" |
|||
[id]="feature.name" |
|||
[(ngModel)]="feature.value" |
|||
[abpFeatureManagementFreeText]="feature" |
|||
/> |
|||
|
|||
<ng-container |
|||
*ngTemplateOutlet="descTmp; context: { $implicit: feature.description }" |
|||
></ng-container> |
|||
</div> |
|||
</ng-container> |
|||
<ng-container *ngSwitchCase="valueTypes.SelectionStringValueType"> |
|||
<ng-container *ngIf="feature.valueType.itemSource?.items?.length"> |
|||
<div class="mb-3 form-group"> |
|||
<label [htmlFor]="feature.name" class="form-label">{{ |
|||
feature.displayName |
|||
}}</label> |
|||
<select class="form-select" [id]="feature.name" [(ngModel)]="feature.value"> |
|||
<option |
|||
*ngFor=" |
|||
let item of feature.valueType.itemSource?.items; |
|||
trackBy: track.by('value') |
|||
" |
|||
[ngValue]="item.value" |
|||
> |
|||
{{ |
|||
item.displayText?.resourceName + '::' + item.displayText?.name |
|||
| abpLocalization |
|||
}} |
|||
</option> |
|||
</select> |
|||
<ng-container |
|||
*ngTemplateOutlet="descTmp; context: { $implicit: feature.description }" |
|||
></ng-container> |
|||
<ng-container |
|||
*ngTemplateOutlet=" |
|||
descTmp; |
|||
context: { $implicit: feature.description } |
|||
" |
|||
></ng-container> |
|||
</div> |
|||
} |
|||
@case (valueTypes.SelectionStringValueType) { |
|||
@if (feature.valueType.itemSource?.items?.length) { |
|||
<div class="mb-3 form-group"> |
|||
<label [htmlFor]="feature.name" class="form-label">{{ |
|||
feature.displayName |
|||
}}</label> |
|||
<select |
|||
class="form-select" |
|||
[id]="feature.name" |
|||
[(ngModel)]="feature.value" |
|||
> |
|||
@for ( |
|||
item of feature.valueType.itemSource?.items; |
|||
track item.value |
|||
) { |
|||
<option [ngValue]="item.value"> |
|||
{{ |
|||
item.displayText?.resourceName + |
|||
'::' + |
|||
item.displayText?.name | abpLocalization |
|||
}} |
|||
</option> |
|||
} |
|||
</select> |
|||
<ng-container |
|||
*ngTemplateOutlet=" |
|||
descTmp; |
|||
context: { $implicit: feature.description } |
|||
" |
|||
></ng-container> |
|||
</div> |
|||
} |
|||
} |
|||
@default { |
|||
{{ feature.displayName }} |
|||
} |
|||
} |
|||
</div> |
|||
</ng-container> |
|||
</ng-container> |
|||
<ng-container *ngSwitchDefault>{{ feature.displayName }}</ng-container> |
|||
</div> |
|||
</ng-template> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
} |
|||
</ng-template> |
|||
</li> |
|||
} |
|||
</ul> |
|||
</div> |
|||
|
|||
<ng-template #descTmp let-description> |
|||
<small *ngIf="description" class="d-block form-text text-muted">{{ description }}</small> |
|||
</ng-template> |
|||
<ng-template #descTmp let-description> |
|||
@if (description) { |
|||
<small class="d-block form-text text-muted">{{ description }}</small> |
|||
} |
|||
</ng-template> |
|||
|
|||
<div class="col-md-8"><div class="py-0" [ngbNavOutlet]="nav"></div></div> |
|||
</ng-container> |
|||
<div class="col-md-8"><div class="py-0" [ngbNavOutlet]="nav"></div></div> |
|||
} |
|||
|
|||
<div class="col" *ngIf="!groups.length"> |
|||
{{ 'AbpFeatureManagement::NoFeatureFoundMessage' | abpLocalization }} |
|||
@if (!groups.length) { |
|||
<div class="col"> |
|||
{{ 'AbpFeatureManagement::NoFeatureFoundMessage' | abpLocalization }} |
|||
</div> |
|||
} |
|||
</div> |
|||
</div> |
|||
</ng-template> |
|||
</ng-template> |
|||
|
|||
<ng-template #abpFooter> |
|||
<button abpClose type="button" class="btn btn-link"> |
|||
{{ 'AbpFeatureManagement::Cancel' | abpLocalization }} |
|||
</button> |
|||
<ng-template #abpFooter> |
|||
<button abpClose type="button" class="btn btn-link"> |
|||
{{ 'AbpFeatureManagement::Cancel' | abpLocalization }} |
|||
</button> |
|||
|
|||
<abp-button |
|||
*ngIf="groups.length" |
|||
iconClass="fa fa-refresh" |
|||
buttonClass="btn btn-outline-primary" |
|||
[disabled]="modalBusy" |
|||
(click)="resetToDefault()" |
|||
aria-hidden="true" |
|||
> |
|||
{{ 'AbpFeatureManagement::ResetToDefault' | abpLocalization }} |
|||
</abp-button> |
|||
@if (groups.length) { |
|||
<abp-button |
|||
iconClass="fa fa-refresh" |
|||
buttonClass="btn btn-outline-primary" |
|||
[disabled]="modalBusy" |
|||
(click)="resetToDefault()" |
|||
aria-hidden="true" |
|||
> |
|||
{{ 'AbpFeatureManagement::ResetToDefault' | abpLocalization }} |
|||
</abp-button> |
|||
} |
|||
|
|||
<abp-button |
|||
*ngIf="groups.length" |
|||
iconClass="fa fa-check" |
|||
[disabled]="modalBusy" |
|||
(click)="save()" |
|||
aria-hidden="true" |
|||
> |
|||
{{ 'AbpFeatureManagement::Save' | abpLocalization }} |
|||
</abp-button> |
|||
</ng-template> |
|||
</abp-modal> |
|||
@if (groups.length) { |
|||
<abp-button |
|||
iconClass="fa fa-check" |
|||
[disabled]="modalBusy" |
|||
(click)="save()" |
|||
aria-hidden="true" |
|||
> |
|||
{{ 'AbpFeatureManagement::Save' | abpLocalization }} |
|||
</abp-button> |
|||
} |
|||
</ng-template> |
|||
</abp-modal> |
|||
} |
|||
|
|||
@ -1,65 +1,64 @@ |
|||
<ng-template #loginBtn> |
|||
<a role="button" class="nav-link pointer" (click)="navigateToLogin()">{{ |
|||
'AbpAccount::Login' | abpLocalization |
|||
}}</a> |
|||
</ng-template> |
|||
<div |
|||
*ngIf="(currentUser$ | async)?.isAuthenticated; else loginBtn" |
|||
ngbDropdown |
|||
class="dropdown" |
|||
#currentUserDropdown="ngbDropdown" |
|||
display="static" |
|||
> |
|||
<a |
|||
ngbDropdownToggle |
|||
class="nav-link" |
|||
href="javascript:void(0)" |
|||
role="button" |
|||
id="dropdownMenuLink" |
|||
data-toggle="dropdown" |
|||
aria-haspopup="true" |
|||
aria-expanded="false" |
|||
> |
|||
<small *ngIf="(selectedTenant$ | async)?.name as tenantName" |
|||
><i>{{ tenantName }}</i |
|||
>\</small |
|||
> |
|||
<strong>{{ (currentUser$ | async)?.userName }}</strong> |
|||
</a> |
|||
@if ((currentUser$ | async)?.isAuthenticated) { |
|||
<div |
|||
class="dropdown-menu dropdown-menu-end border-0 shadow-sm" |
|||
aria-labelledby="dropdownMenuLink" |
|||
[class.d-block]="smallScreen && currentUserDropdown.isOpen()" |
|||
ngbDropdown |
|||
class="dropdown" |
|||
#currentUserDropdown="ngbDropdown" |
|||
display="static" |
|||
> |
|||
<ng-container *ngFor="let item of userMenu.items$ | async; trackBy: trackByFn"> |
|||
<ng-container *abpVisible="!item.visible || item.visible(item)"> |
|||
<li class="nav-item d-flex align-items-center" *abpPermission="item.requiredPolicy"> |
|||
<ng-container |
|||
*ngIf="item.component; else htmlTemplate" |
|||
[ngComponentOutlet]="item.component" |
|||
[ngComponentOutletInjector]="item | toInjector" |
|||
></ng-container> |
|||
|
|||
<ng-template #htmlTemplate> |
|||
<div |
|||
*ngIf="item.html; else textTemplate" |
|||
[innerHTML]="item.html" |
|||
(click)="item.action ? item.action() : null" |
|||
></div> |
|||
</ng-template> |
|||
|
|||
<ng-template #textTemplate> |
|||
<a |
|||
*ngIf="item.textTemplate" |
|||
(click)="item.action ? item.action() : null" |
|||
class="dropdown-item pointer" |
|||
> |
|||
<i *ngIf="item.textTemplate.icon" class="me-1 {{ item.textTemplate.icon }}"></i> |
|||
{{ item.textTemplate.text | abpLocalization }}</a |
|||
> |
|||
</ng-template> |
|||
</li> |
|||
</ng-container> |
|||
</ng-container> |
|||
<a |
|||
ngbDropdownToggle |
|||
class="nav-link" |
|||
href="javascript:void(0)" |
|||
role="button" |
|||
id="dropdownMenuLink" |
|||
data-toggle="dropdown" |
|||
aria-haspopup="true" |
|||
aria-expanded="false" |
|||
> |
|||
@if ((selectedTenant$ | async)?.name; as tenantName) { |
|||
<small |
|||
><i>{{ tenantName }}</i |
|||
>\</small |
|||
> |
|||
} |
|||
<strong>{{ (currentUser$ | async)?.userName }}</strong> |
|||
</a> |
|||
<div |
|||
class="dropdown-menu dropdown-menu-end border-0 shadow-sm" |
|||
aria-labelledby="dropdownMenuLink" |
|||
[class.d-block]="smallScreen && currentUserDropdown.isOpen()" |
|||
> |
|||
@for (item of userMenu.items$ | async; track $index) { |
|||
<ng-container *abpVisible="!item.visible || item.visible(item)"> |
|||
<li class="nav-item d-flex align-items-center" *abpPermission="item.requiredPolicy"> |
|||
@if (item.component) { |
|||
<ng-container |
|||
[ngComponentOutlet]="item.component" |
|||
[ngComponentOutletInjector]="item | toInjector" |
|||
></ng-container> |
|||
} @else { |
|||
@if (item.html) { |
|||
<div [innerHTML]="item.html" (click)="item.action ? item.action() : null"></div> |
|||
} @else { |
|||
@if (item.textTemplate) { |
|||
<a (click)="item.action ? item.action() : null" class="dropdown-item pointer"> |
|||
@if (item.textTemplate.icon) { |
|||
<i class="me-1 {{ item.textTemplate.icon }}"></i> |
|||
} |
|||
{{ item.textTemplate.text | abpLocalization }}</a |
|||
> |
|||
} |
|||
} |
|||
} |
|||
</li> |
|||
</ng-container> |
|||
} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
} @else { |
|||
<ng-template #loginBtn> |
|||
<a role="button" class="nav-link pointer" (click)="navigateToLogin()">{{ |
|||
'AbpAccount::Login' | abpLocalization |
|||
}}</a> |
|||
</ng-template> |
|||
} |
|||
|
|||
@ -1,18 +1,16 @@ |
|||
<ul class="navbar-nav"> |
|||
<ng-container *ngFor="let item of navItems.items$ | async; trackBy: trackByFn"> |
|||
<ng-container *abpVisible="!item.visible || item.visible(item)"> |
|||
@for (item of navItems.items$ | async; track $index) { |
|||
<ng-container *abpVisible="!item.visible || item.visible(item)"> |
|||
<li class="nav-item d-flex align-items-center" *abpPermission="item.requiredPolicy"> |
|||
<ng-container |
|||
|
|||
*ngIf="item.component; else htmlTemplate" |
|||
[ngComponentOutlet]="item.component" |
|||
[ngComponentOutletInjector]="item | toInjector" |
|||
></ng-container> |
|||
|
|||
<ng-template #htmlTemplate> |
|||
@if (item.component) { |
|||
<ng-container |
|||
[ngComponentOutlet]="item.component" |
|||
[ngComponentOutletInjector]="item | toInjector" |
|||
></ng-container> |
|||
} @else { |
|||
<div [innerHTML]="item.html" (click)="item.action ? item.action() : null"></div> |
|||
</ng-template> |
|||
} |
|||
</li> |
|||
</ng-container> |
|||
</ng-container> |
|||
</ul> |
|||
} |
|||
</ul> |
|||
|
|||
@ -1,24 +1,26 @@ |
|||
<ng-container *ngFor="let alert of service.alerts$ | async; let i = index"> |
|||
@for (alert of service.alerts$ | async; track i; let i = $index) { |
|||
<div |
|||
class="alert alert-{{ alert.type }} fade show" |
|||
[ngClass]="{ 'alert-dismissible fade show': alert.dismissible }" |
|||
role="alert" |
|||
> |
|||
<h4 |
|||
class="alert-heading" |
|||
*ngIf="alert.title" |
|||
[innerHTML]="alert.title | abpSafeHtml | abpLocalization: alert.titleLocalizationParams" |
|||
></h4> |
|||
@if (alert.title) { |
|||
<h4 |
|||
class="alert-heading" |
|||
[innerHTML]="alert.title | abpSafeHtml | abpLocalization: alert.titleLocalizationParams" |
|||
></h4> |
|||
} |
|||
<span |
|||
[innerHTML]="alert.message | abpSafeHtml | abpLocalization: alert.messageLocalizationParams" |
|||
></span> |
|||
<button |
|||
*ngIf="alert.dismissible" |
|||
type="button" |
|||
class="btn-close" |
|||
data-dismiss="alert" |
|||
aria-label="Close" |
|||
(click)="service.remove(i)" |
|||
></button> |
|||
@if (alert.dismissible) { |
|||
<button |
|||
type="button" |
|||
class="btn-close" |
|||
data-dismiss="alert" |
|||
aria-label="Close" |
|||
(click)="service.remove(i)" |
|||
></button> |
|||
} |
|||
</div> |
|||
</ng-container> |
|||
} |
|||
|
|||
@ -1,42 +1,51 @@ |
|||
<div class="confirmation" *ngIf="confirmation$ | async as data"> |
|||
<div |
|||
class="confirmation-backdrop" |
|||
(click)="data.options?.dismissible ? close(dismiss) : null" |
|||
></div> |
|||
<div class="confirmation-dialog"> |
|||
<div class="icon-container" [ngClass]="data.severity" *ngIf="data.severity || isCustomIconExists(data)"> |
|||
<div [outerHTML]="data.options.iconTemplate" *ngIf="isIconTemplateExits(data); else iconHolder" ></div> |
|||
<ng-template #iconHolder> |
|||
<i class="icon" [ngClass]="getIconClass(data)"></i> |
|||
</ng-template> |
|||
</div> |
|||
<div class="content"> |
|||
<h1 |
|||
class="title" |
|||
*ngIf="data.title" |
|||
[innerHTML]="data.title | abpLocalization: data.options?.titleLocalizationParams" |
|||
></h1> |
|||
<p |
|||
class="message" |
|||
*ngIf="data.message" |
|||
[innerHTML]="data.message | abpLocalization: data.options?.messageLocalizationParams" |
|||
></p> |
|||
</div> |
|||
<div class="footer"> |
|||
<button |
|||
id="cancel" |
|||
class="btn btn-outline-primary me-2" |
|||
[innerHTML]="data.options?.cancelText || 'AbpUi::Cancel' | abpLocalization" |
|||
*ngIf="!data?.options?.hideCancelBtn" |
|||
(click)="close(reject)" |
|||
></button> |
|||
<button |
|||
id="confirm" |
|||
class="btn btn-primary" |
|||
[innerHTML]="data.options?.yesText || 'AbpUi::Yes' | abpLocalization" |
|||
*ngIf="!data?.options?.hideYesBtn" |
|||
(click)="close(confirm)" |
|||
></button> |
|||
@if (confirmation$ | async; as data) { |
|||
<div class="confirmation"> |
|||
<div |
|||
class="confirmation-backdrop" |
|||
(click)="data.options?.dismissible ? close(dismiss) : null" |
|||
></div> |
|||
<div class="confirmation-dialog"> |
|||
@if (data.severity || isCustomIconExists(data)) { |
|||
<div class="icon-container" [ngClass]="data.severity"> |
|||
@if (isIconTemplateExits(data)) { |
|||
<div [outerHTML]="data.options.iconTemplate"></div> |
|||
} @else { |
|||
<i class="icon" [ngClass]="getIconClass(data)"></i> |
|||
} |
|||
</div> |
|||
} |
|||
<div class="content"> |
|||
@if (data.title) { |
|||
<h1 |
|||
class="title" |
|||
[innerHTML]="data.title | abpLocalization: data.options?.titleLocalizationParams" |
|||
></h1> |
|||
} |
|||
@if (data.message) { |
|||
<p |
|||
class="message" |
|||
[innerHTML]="data.message | abpLocalization: data.options?.messageLocalizationParams" |
|||
></p> |
|||
} |
|||
</div> |
|||
<div class="footer"> |
|||
@if (!data?.options?.hideCancelBtn) { |
|||
<button |
|||
id="cancel" |
|||
class="btn btn-outline-primary me-2" |
|||
[innerHTML]="data.options?.cancelText || 'AbpUi::Cancel' | abpLocalization" |
|||
(click)="close(reject)" |
|||
></button> |
|||
} |
|||
@if (!data?.options?.hideYesBtn) { |
|||
<button |
|||
id="confirm" |
|||
class="btn btn-primary" |
|||
[innerHTML]="data.options?.yesText || 'AbpUi::Yes' | abpLocalization" |
|||
(click)="close(confirm)" |
|||
></button> |
|||
} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
} |
|||
|
|||
@ -1,21 +1,27 @@ |
|||
<ng-content></ng-content> |
|||
|
|||
<ng-template #modalContent let-modal> |
|||
<div *ngIf="abpHeader" id="abp-modal-header" class="modal-header abp-modal-header"> |
|||
<ng-container *ngTemplateOutlet="abpHeader"></ng-container> |
|||
|
|||
<button |
|||
id="abp-modal-close-button" |
|||
type="button" |
|||
class="btn-sm btn-close" |
|||
aria-label="Close" |
|||
(click)="modal.dismiss()" |
|||
></button> |
|||
</div> |
|||
<div *ngIf="abpBody" id="abp-modal-body" class="modal-body"> |
|||
<ng-container *ngTemplateOutlet="abpBody"></ng-container> |
|||
</div> |
|||
<div *ngIf="abpFooter" id="abp-modal-footer" class="modal-footer"> |
|||
<ng-container *ngTemplateOutlet="abpFooter"></ng-container> |
|||
</div> |
|||
@if (abpHeader) { |
|||
<div id="abp-modal-header" class="modal-header abp-modal-header"> |
|||
<ng-container *ngTemplateOutlet="abpHeader"></ng-container> |
|||
|
|||
<button |
|||
id="abp-modal-close-button" |
|||
type="button" |
|||
class="btn-sm btn-close" |
|||
aria-label="Close" |
|||
(click)="modal.dismiss()" |
|||
></button> |
|||
</div> |
|||
} |
|||
@if (abpBody) { |
|||
<div id="abp-modal-body" class="modal-body"> |
|||
<ng-container *ngTemplateOutlet="abpBody"></ng-container> |
|||
</div> |
|||
} |
|||
@if (abpFooter) { |
|||
<div id="abp-modal-footer" class="modal-footer"> |
|||
<ng-container *ngTemplateOutlet="abpFooter"></ng-container> |
|||
</div> |
|||
} |
|||
</ng-template> |
|||
|
|||
|
Before Width: | Height: | Size: 101 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 101 KiB After Width: | Height: | Size: 1.4 KiB |
Loading…
Reference in new issue