Hi,
This is version is Royale:
<v:operations>
<c:Button localId="btnAdd"
text="{(buildingController.entity == null || (buildingController.entity as
Building).Id > 0) ? localeManager.localeStrings.GlobalAdd :
localeManager.localeStrings.GlobalRevert}"
click="(buildingController.entity == null || (buildingController.entity as
Building).Id > 0) ? add() : revertAdded()">
<c:beads>
<beads:Success/>
</c:beads>
</c:Button>
<c:Button localId="btnDuplicate"
text="{localeManager.localeStrings.GlobalDuplicate}"
visible="{buildingController.entity != null}"
click="duplicateBuilding()">
<c:beads>
<beads:Info/>
</c:beads>
</c:Button>
<c:Button localId="btnCopyPlan"
text="{localeManager.localeStrings.BuildingCopyPlan}"
visible="{buildingController.entity != null}"
click="copyBuildingPlan()">
<c:beads>
<beads:Dark/>
</c:beads>
</c:Button>
<c:Button localId="btnDownloadExcelBuildingPlan"
text="{localeManager.localeStrings.BuildingDownloadExcelBuildingPlan}"
click="buildingPlanController.downloadExcelBuildingPlan()">
<c:beads>
<beads:Secondary/>
</c:beads>
</c:Button>
<c:Button localId="btnUploadExcelBuildingPlan"
text="{localeManager.localeStrings.BuildingUploadExcelBuildingPlan}"
visible="{buildingController.entity != null &&
(buildingController.entity as Building).Id > 0}"
click="buildingPlanController.uploadExcelBuildingPlan()">
<c:beads>
<beads:Secondary/>
</c:beads>
</c:Button>
<c:Button localId="btnDelete"
text="{localeManager.localeStrings.GlobalDelete}"
visible="{buildingController.entity != null &&
(buildingController.entity as Building).Id > 0}"
click="erase()">
<c:beads>
<beads:Danger/>
</c:beads>
</c:Button>
<c:Button localId="btnSave"
text="{localeManager.localeStrings.GlobalSave}"
visible="{buildingController.entity != null}"
click="save()">
<c:beads>
<beads:Primary/>
</c:beads>
</c:Button>
<c:Button text="{localeManager.localeStrings.GlobalCancel}"
click="removePage()">
<c:beads>
<beads:Warning/>
</c:beads>
</c:Button>
</v:operations>
This version is the new in React:
<PageContent.Operations>
<Button text={isNewBuilding ? language.GlobalRevert : language.GlobalAdd}
color="green"
width="100%"
onClick={() => (isNewBuilding ? revert() : add())}/>
<Button text={language.GlobalDuplicate}
color="teal"
width="100%"
visible={building != null && building.Id > 0}
onClick={() => setConfirmingDuplicate(true)}/>
<Button text={language.BuildingCopyPlan}
color="dark"
width="100%"
visible={building != null && building.Id > 0}
onClick={() => setCopyingPlan(true)}/>
<Button text={language.GlobalDelete}
color="red"
width="100%"
visible={building != null && building.Id > 0}
onClick={() => setConfirmingDelete(true)}/>
<Button text={language.GlobalSave}
color="blue"
width="100%"
visible={building != null}
onClick={() => void saveBuilding()}/>
<Button text={language.GlobalCancel}
color="yellow"
width="100%"
onClick={close}/>
</PageContent.Operations>