Delete SaveEmailToSharePoint.tsx
This commit is contained in:
Harsha Vardhini
GitHub
parent
4521d6e8ca
commit
a0889c88e8
|
|
@ -1,200 +0,0 @@
|
||||||
import * as React from 'react';
|
|
||||||
import styles from './SaveEmailToSharePoint.module.scss';
|
|
||||||
import { ISaveEmailToSharePointProps } from './ISaveEmailToSharePointProps';
|
|
||||||
import { SearchResults } from "@pnp/sp/search";
|
|
||||||
import { Icon, Dropdown, IDropdownOption, IDropdownStyles, PrimaryButton, Label, IDropdownProps, Link, MessageBar, MessageBarType, MessageBarButton } from 'office-ui-fabric-react';
|
|
||||||
import Services from './Services/Services';
|
|
||||||
import * as strings from 'SaveEmailToSharePointWebPartStrings';
|
|
||||||
|
|
||||||
|
|
||||||
const dropdownStyles: Partial<IDropdownStyles> = { dropdown: { width: 300 } };
|
|
||||||
interface SaveEmailToSharePointState {
|
|
||||||
allSites: any;
|
|
||||||
selectedSite: any;
|
|
||||||
allLibraries: any;
|
|
||||||
selectedLibrary: any;
|
|
||||||
savedLink: string;
|
|
||||||
rootURL: string;
|
|
||||||
errMsg: string;
|
|
||||||
}
|
|
||||||
export default class SaveEmailToSharePoint extends React.Component<ISaveEmailToSharePointProps, SaveEmailToSharePointState> {
|
|
||||||
private services = new Services();
|
|
||||||
constructor(props: ISaveEmailToSharePointProps, state: SaveEmailToSharePointState) {
|
|
||||||
super(props);
|
|
||||||
this.state = {
|
|
||||||
allSites: null,
|
|
||||||
selectedSite: null,
|
|
||||||
allLibraries: null,
|
|
||||||
selectedLibrary: null,
|
|
||||||
savedLink: '',
|
|
||||||
rootURL: '',
|
|
||||||
errMsg: ''
|
|
||||||
};
|
|
||||||
}
|
|
||||||
public componentWillMount() {
|
|
||||||
this.getAllSites();
|
|
||||||
this.getRootURL();
|
|
||||||
}
|
|
||||||
|
|
||||||
public getRootURL = () => {
|
|
||||||
this.services.getRootSiteURL().then((rootURL) => {
|
|
||||||
this.setState({
|
|
||||||
rootURL: rootURL
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
private saveToLibrary = (file) => {
|
|
||||||
let filename = Office.context.mailbox.item.subject + ".eml";
|
|
||||||
this.services.saveFileToSP(this.state.selectedSite.key, this.state.selectedLibrary.key, filename, file).then((result) => {
|
|
||||||
console.log(result.data.ServerRelativeUrl);
|
|
||||||
this.setState({
|
|
||||||
savedLink: this.state.rootURL + result.data.ServerRelativeUrl + "?web=1",
|
|
||||||
errMsg:''
|
|
||||||
});
|
|
||||||
}).catch((err) => {
|
|
||||||
this.setState({
|
|
||||||
errMsg: this.parseErr(err.message),
|
|
||||||
savedLink:''
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
public getAllSites = () => {
|
|
||||||
this.services.getSiteNames().then((allSiteResults: SearchResults) => {
|
|
||||||
console.log(allSiteResults.PrimarySearchResults);
|
|
||||||
let allsite = [];
|
|
||||||
allSiteResults.PrimarySearchResults.forEach(element => {
|
|
||||||
let siteValue = { key: element.Path, text: element.Title };
|
|
||||||
allsite.push(siteValue);
|
|
||||||
});
|
|
||||||
this.setState({
|
|
||||||
allSites: allsite
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
public getCurrentEmailContent = () => {
|
|
||||||
let id = Office.context.mailbox.item.itemId;
|
|
||||||
this.services.getEmailContent(this.props.context, id).then((response: any) => {
|
|
||||||
this.saveToLibrary(response);
|
|
||||||
}).catch((err) => {
|
|
||||||
this.setState({
|
|
||||||
errMsg: "Graph API error: " + this.parseErr(err.message),
|
|
||||||
savedLink:''
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
public parseErr = (msg:string) => {
|
|
||||||
return JSON.parse(msg.substring(msg.indexOf('"message"')+10,msg.length-2)).value;
|
|
||||||
}
|
|
||||||
public OnSelectSite = (event: React.FormEvent<HTMLDivElement>, item: IDropdownOption) => {
|
|
||||||
this.services.getAllDocumentLibary(item.key.toString()).then((libraries) => {
|
|
||||||
if (libraries.length) {
|
|
||||||
let allLib = [];
|
|
||||||
libraries.forEach(element => {
|
|
||||||
let library = { key: element.ServerRelativeUrl, text: element.Title };
|
|
||||||
allLib.push(library);
|
|
||||||
});
|
|
||||||
this.setState({
|
|
||||||
selectedSite: item,
|
|
||||||
allLibraries: allLib
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
this.setState({
|
|
||||||
selectedSite: item,
|
|
||||||
savedLink: '',
|
|
||||||
errMsg: ''
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
public OnSelectLibrary = (event: React.FormEvent<HTMLDivElement>, item: IDropdownOption) => {
|
|
||||||
this.setState({
|
|
||||||
selectedLibrary: item,
|
|
||||||
savedLink: ''
|
|
||||||
});
|
|
||||||
}
|
|
||||||
public render(): React.ReactElement<ISaveEmailToSharePointProps> {
|
|
||||||
return (
|
|
||||||
<div className={styles.saveEmailToSharePoint} >
|
|
||||||
<div className={styles.row}>
|
|
||||||
{this.state.allSites ? <Dropdown
|
|
||||||
label={strings.SiteLabel}
|
|
||||||
selectedKey={this.state.selectedSite ? this.state.selectedSite.key : undefined}
|
|
||||||
onChange={this.OnSelectSite}
|
|
||||||
placeholder={strings.SitePlaceHolder}
|
|
||||||
options={this.state.allSites}
|
|
||||||
styles={dropdownStyles}
|
|
||||||
className={styles.column}
|
|
||||||
onRenderPlaceholder={this.onRenderforSite}
|
|
||||||
/> : null}
|
|
||||||
</div>
|
|
||||||
<div className={styles.row}>
|
|
||||||
{this.state.allLibraries ? <Dropdown
|
|
||||||
label={strings.LibraryLabel}
|
|
||||||
selectedKey={this.state.selectedLibrary ? this.state.selectedLibrary.key : undefined}
|
|
||||||
onChange={this.OnSelectLibrary}
|
|
||||||
placeholder={strings.LibraryPlaceHolder}
|
|
||||||
options={this.state.allLibraries}
|
|
||||||
styles={dropdownStyles}
|
|
||||||
className={styles.column + " ms-fadeIn200"}
|
|
||||||
onRenderPlaceholder={this.onRenderforLib}
|
|
||||||
/> : null}
|
|
||||||
</div>
|
|
||||||
<div className={styles.row}>
|
|
||||||
<PrimaryButton
|
|
||||||
text={strings.Save}
|
|
||||||
disabled={this.state.selectedLibrary ? false : true}
|
|
||||||
className={styles.column + " btnSave"}
|
|
||||||
onClick={this.getCurrentEmailContent} />
|
|
||||||
|
|
||||||
<PrimaryButton
|
|
||||||
text={strings.Cancel}
|
|
||||||
className={styles.column + " btnCancel"}
|
|
||||||
onClick={() => { Office.context.ui.closeContainer(); }} />
|
|
||||||
</div>
|
|
||||||
<div className={styles.row}>
|
|
||||||
{this.state.savedLink.length ?
|
|
||||||
<MessageBar
|
|
||||||
messageBarType={MessageBarType.success}
|
|
||||||
isMultiline={true}
|
|
||||||
onDismiss={null}
|
|
||||||
className={styles.successMsg}
|
|
||||||
dismissButtonAriaLabel="Close"
|
|
||||||
actions={
|
|
||||||
<div>
|
|
||||||
<MessageBarButton onClick={()=>window.open(this.state.savedLink,'_blank')}>OK</MessageBarButton>
|
|
||||||
</div>
|
|
||||||
}>
|
|
||||||
{strings.PreviewMessage.replace("{libName}", this.state.selectedLibrary.text)}
|
|
||||||
</MessageBar>
|
|
||||||
: null}
|
|
||||||
{this.state.errMsg.length ? <MessageBar
|
|
||||||
messageBarType={MessageBarType.error}
|
|
||||||
isMultiline={true}
|
|
||||||
onDismiss={null}
|
|
||||||
className={styles.errMsg}
|
|
||||||
dismissButtonAriaLabel="Close">
|
|
||||||
{this.state.errMsg}
|
|
||||||
</MessageBar>
|
|
||||||
: null}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
public onRenderforLib = (props: IDropdownProps): JSX.Element => {
|
|
||||||
return (
|
|
||||||
<React.Fragment>
|
|
||||||
<Icon iconName="DocLibrary" className={styles.iconStyle} />
|
|
||||||
<span >{props.label}</span>
|
|
||||||
</React.Fragment>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
public onRenderforSite = (props: IDropdownProps): JSX.Element => {
|
|
||||||
return (
|
|
||||||
<React.Fragment>
|
|
||||||
<Icon iconName="Website" className={styles.iconStyle} />
|
|
||||||
<span >{props.label}</span>
|
|
||||||
</React.Fragment>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue