Add Create/Update Method For SRMHeader

yanweiyuan3

2023-08-09 588bc7829387dfc761cc25f06f77d4c81818bd10

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
import { DateTimeSelectorSOP } from '../../libappsop/datetimeselectorsop';
import { DialogSOP } from '../../libappsop/dialogsop';
import { DropDownListSOP } from '../../libappsop/dropdownlistsop';
import { EditFieldSOP } from '../../libappsop/editfieldsop';
 
export interface DialogFulfillmentTargetFields {
  Name?: string;
  SalesSegment?: string;
  Product?: string;
  StockingPoint?: string;
  Start?: string;
  End?: string;
  TargetPercentage?: string;
}
 
/**
 * Create/edit fulfillment target dialog.
 */
export class DialogFulfillmentTarget extends DialogSOP<DialogFulfillmentTargetFields> {
  public readonly efName = new EditFieldSOP('EditFieldName');
  public readonly ddlSalesSegment = new DropDownListSOP('DropDownListSalesSegment');
  public readonly ddlProduct = new DropDownListSOP('DropDownListProduct');
  public readonly ddlStockingPoint = new DropDownListSOP('DropDownListStockingPoint');
  public readonly dtsStart = new DateTimeSelectorSOP('DateSelectorStart');
  public readonly dtsEnd = new DateTimeSelectorSOP('DateSelectorEnd');
  public readonly efTargetPercentage = new EditFieldSOP('EditFieldTargetPercentage');
 
  public constructor() {
    super('DialogCreateEditFulfillmentTarget');
 
    // Set UI element mapping to pair the UI name to the UI element for use in DialogSOP to find the UI object to set value or verify value
    // This prevents each new Dialog to duplicate code just to set/verify UI element value
    this._uiMap.set('Name', this.efName);
    this._uiMap.set('SalesSegment', this.ddlSalesSegment);
    this._uiMap.set('Product', this.ddlProduct);
    this._uiMap.set('StockingPoint', this.ddlStockingPoint);
    this._uiMap.set('Start', this.dtsStart);
    this._uiMap.set('End', this.dtsEnd);
    this._uiMap.set('TargetPercentage', this.efTargetPercentage);
  }
}
 
/**
 * Expected tooltip for OK button when disabled.
 */
export const okButtonDisabledTooltip = {
  // Partial prefix indicates precondition defined partially thus use partial match when verifying.
  partialMustHaveName: (): string => 'Fulfillment target must have a name.',
  partialMustLargerZero: (target: string): string => `Target percentage (${target}) must be larger than 0 and smaller than or equal to 100.`,
  partialMustUnique: (): string => 'Fulfillment target must be unique by product, stocking point, salessegment, start and end.',
};