honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added selectedEmojiColor props

This commit is contained in:
thejason40 2022-11-22 16:15:38 +00:00 committed by Hugo Bernier
parent 0d3c8e5b6f
commit 519a7bd9b6
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
samples/react-emoji-ratings/src/webparts/reactEmojiReactionRating/ReactEmojiReactionRatingWebPart.ts
View File

@ -27,6 +27,7 @@ export interface IReactEmojiReactionRatingWebPartProps {
propertyEnableComments: boolean; propertyEnableComments: boolean;
propertyEnableCount: boolean; propertyEnableCount: boolean;
propertySelectedColor: string; propertySelectedColor: string;
propertySelectedEmojiColor: string;
propertyListName: string; propertyListName: string;
propertyListOperationMessage: string; propertyListOperationMessage: string;
} }
@ -46,6 +47,7 @@ export default class ReactEmojiReactionRatingWebPart extends BaseClientSideWebPa
enableComments: this.properties.propertyEnableComments, enableComments: this.properties.propertyEnableComments,
enableCount: this.properties.propertyEnableCount, enableCount: this.properties.propertyEnableCount,
selectedColor: this.properties.propertySelectedColor, selectedColor: this.properties.propertySelectedColor,
selectedEmojiColor: this.properties.propertySelectedEmojiColor,
listName: this.properties.propertyListName, listName: this.properties.propertyListName,
displayMode: this.displayMode, displayMode: this.displayMode,
listMessage: this.properties.propertyListOperationMessage, listMessage: this.properties.propertyListOperationMessage,
@ -176,6 +178,19 @@ export default class ReactEmojiReactionRatingWebPart extends BaseClientSideWebPa
iconName: 'Precipitation', iconName: 'Precipitation',
key: 'colorFieldId' key: 'colorFieldId'
}), }),
PropertyFieldColorPicker('propertySelectedEmojiColor', {
label: 'Selected emoji background color',
selectedColor: this.properties.propertySelectedEmojiColor,
onPropertyChange: this.onPropertyPaneFieldChanged,
properties: this.properties,
disabled: false,
debounce: 1000,
isHidden: false,
alphaSliderHidden: false,
style: PropertyFieldColorPickerStyle.Full,
iconName: 'Precipitation',
key: 'colorFieldId'
}),
] ]