Browse Source

refactor(theme-shared): change confirmation property keys in options

pull/2054/head
mehmet-erim 7 years ago
parent
commit
ab145d4680
  1. 6
      npm/ng-packs/packages/theme-shared/src/lib/components/confirmation/confirmation.component.ts
  2. 10
      npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.ts
  3. 8
      npm/ng-packs/packages/theme-shared/src/lib/models/confirmation.ts

6
npm/ng-packs/packages/theme-shared/src/lib/components/confirmation/confirmation.component.ts

@ -31,7 +31,7 @@ import { Toaster } from '../../models/toaster';
class="btn btn-sm btn-primary" class="btn btn-sm btn-primary"
(click)="close(reject)" (click)="close(reject)"
> >
{{ message.cancelCopy || 'AbpIdentity::Cancel' | abpLocalization }} {{ message.cancelText || message.cancelCopy || 'AbpIdentity::Cancel' | abpLocalization }}
</button> </button>
<button <button
*ngIf="!message.hideYesBtn" *ngIf="!message.hideYesBtn"
@ -41,12 +41,12 @@ import { Toaster } from '../../models/toaster';
(click)="close(confirm)" (click)="close(confirm)"
autofocus autofocus
> >
<span>{{ message.yesCopy || 'AbpIdentity::Yes' | abpLocalization }}</span> <span>{{ message.yesText || 'AbpIdentity::Yes' | abpLocalization }}</span>
</button> </button>
</div> </div>
</ng-template> </ng-template>
</p-toast> </p-toast>
` `,
}) })
export class ConfirmationComponent { export class ConfirmationComponent {
confirm = Toaster.Status.confirm; confirm = Toaster.Status.confirm;

10
npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.ts

@ -9,10 +9,10 @@ import { Component } from '@angular/core';
<span <span
class="ui-toast-icon pi" class="ui-toast-icon pi"
[ngClass]="{ [ngClass]="{
'pi-info-circle': message.severity == 'info', 'pi-info-circle': message.severity === 'info',
'pi-exclamation-triangle': message.severity == 'warn', 'pi-exclamation-triangle': message.severity === 'warn',
'pi-times': message.severity == 'error', 'pi-times': message.severity === 'error',
'pi-check': message.severity == 'success' 'pi-check': message.severity === 'success'
}" }"
></span> ></span>
<div class="ui-toast-message-text-content"> <div class="ui-toast-message-text-content">
@ -21,6 +21,6 @@ import { Component } from '@angular/core';
</div> </div>
</ng-template> </ng-template>
</p-toast> </p-toast>
` `,
}) })
export class ToastComponent {} export class ToastComponent {}

8
npm/ng-packs/packages/theme-shared/src/lib/models/confirmation.ts

@ -4,7 +4,15 @@ export namespace Confirmation {
export interface Options extends Toaster.Options { export interface Options extends Toaster.Options {
hideCancelBtn?: boolean; hideCancelBtn?: boolean;
hideYesBtn?: boolean; hideYesBtn?: boolean;
cancelText?: string;
yesText?: string;
/**
* @deprecated to be deleted in v2
*/
cancelCopy?: string; cancelCopy?: string;
/**
* @deprecated to be deleted in v2
*/
yesCopy?: string; yesCopy?: string;
} }
} }

Loading…
Cancel
Save