64 lines
1.7 KiB
TypeScript
64 lines
1.7 KiB
TypeScript
|
import * as React from 'react';
|
||
|
|
import * as ReactDom from 'react-dom';
|
||
|
|
import { Version } from '@microsoft/sp-core-library';
|
||
|
|
import {
|
||
|
|
IPropertyPaneConfiguration,
|
||
|
|
PropertyPaneTextField
|
||
|
|
} from '@microsoft/sp-property-pane';
|
||
|
|
import { BaseClientSideWebPart } from '@microsoft/sp-webpart-base';
|
||
|
|
|
||
|
|
import * as strings from 'AvatarGeneratorWebPartStrings';
|
||
|
|
import AvatarGenerator from './components/AvatarGenerator';
|
||
|
|
import { IAvatarGeneratorProps } from './components/IAvatarGeneratorProps';
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
export interface IAvatarGeneratorWebPartProps {
|
||
|
|
description: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
export default class AvatarGeneratorWebPart extends BaseClientSideWebPart <IAvatarGeneratorWebPartProps> {
|
||
|
|
|
||
|
|
public render(): void {
|
||
|
|
const element: React.ReactElement<IAvatarGeneratorProps> = React.createElement(
|
||
|
|
AvatarGenerator,
|
||
|
|
{
|
||
|
|
description: this.properties.description,
|
||
|
|
context:this.context
|
||
|
|
}
|
||
|
|
);
|
||
|
|
|
||
|
|
ReactDom.render(element, this.domElement);
|
||
|
|
}
|
||
|
|
|
||
|
|
protected onDispose(): void {
|
||
|
|
ReactDom.unmountComponentAtNode(this.domElement);
|
||
|
|
}
|
||
|
|
|
||
|
|
protected get dataVersion(): Version {
|
||
|
|
return Version.parse('1.0');
|
||
|
|
}
|
||
|
|
|
||
|
|
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
||
|
|
return {
|
||
|
|
pages: [
|
||
|
|
{
|
||
|
|
header: {
|
||
|
|
description: strings.PropertyPaneDescription
|
||
|
|
},
|
||
|
|
groups: [
|
||
|
|
{
|
||
|
|
groupName: strings.BasicGroupName,
|
||
|
|
groupFields: [
|
||
|
|
PropertyPaneTextField('description', {
|
||
|
|
label: 'Web Part Title'
|
||
|
|
})
|
||
|
|
]
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}
|