sp-dev-fx-webparts/samples/react-officegraph/lib/webparts/workingWith/components/WorkingWith.js

108 lines
5.2 KiB
JavaScript
Raw Normal View History

"use strict";
var __extends = (this && this.__extends) || function (d, b) {
for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var React = require("react");
var WorkingWith_module_scss_1 = require("../WorkingWith.module.scss");
var sp_http_1 = require("@microsoft/sp-http");
var SearchUtils_1 = require("../../SearchUtils");
var Utils_1 = require("../../Utils");
var office_ui_fabric_react_1 = require("office-ui-fabric-react");
var WorkingWith = (function (_super) {
__extends(WorkingWith, _super);
function WorkingWith(props, state) {
var _this = _super.call(this, props) || this;
_this.state = {
people: [],
loading: true,
error: null
};
return _this;
}
WorkingWith.prototype.componentDidMount = function () {
this.loadPeople(this.props.siteUrl, this.props.numberOfPeople);
};
WorkingWith.prototype.componentDidUpdate = function (prevProps, prevState, prevContext) {
if (this.props.numberOfPeople !== prevProps.numberOfPeople ||
this.props.siteUrl !== prevProps.siteUrl && (this.props.numberOfPeople && this.props.siteUrl)) {
this.loadPeople(this.props.siteUrl, this.props.numberOfPeople);
}
};
WorkingWith.prototype.render = function () {
var _this = this;
var loading = this.state.loading ? React.createElement("div", { style: { margin: '0 auto' } },
React.createElement(office_ui_fabric_react_1.Spinner, { label: 'Loading...' })) : React.createElement("div", null);
var error = this.state.error ? React.createElement("div", null,
React.createElement("strong", null, "Error: "),
" ",
this.state.error) : React.createElement("div", null);
var people = this.state.people.map(function (person, i) {
return (React.createElement(office_ui_fabric_react_1.Persona, { primaryText: person.name, secondaryText: person.jobTitle, tertiaryText: person.department, imageUrl: person.photoUrl, size: office_ui_fabric_react_1.PersonaSize.large, presence: office_ui_fabric_react_1.PersonaPresence.none, onClick: function () { _this.navigateTo(person.profileUrl); }, key: person.email }));
});
return (React.createElement("div", { className: WorkingWith_module_scss_1.default.workingWith },
React.createElement("div", { className: office_ui_fabric_react_1.css('ms-font-xl', WorkingWith_module_scss_1.default.webPartTitle) }, this.props.title),
loading,
error,
people));
};
WorkingWith.prototype.navigateTo = function (url) {
window.open(url, '_blank');
};
WorkingWith.prototype.loadPeople = function (siteUrl, numberOfPeople) {
var _this = this;
this.props.httpClient.get(siteUrl + "/_api/search/query?querytext='*'&properties='GraphQuery:actor(me\\,action\\:1019)'&selectproperties='Title,WorkEmail,JobTitle,Department,Path'&rowlimit=" + numberOfPeople, sp_http_1.SPHttpClient.configurations.v1, {
headers: {
'Accept': 'application/json;odata=nometadata',
'odata-version': ''
}
})
.then(function (response) {
return response.json();
})
.then(function (response) {
if (!response ||
!response.PrimaryQueryResult ||
!response.PrimaryQueryResult.RelevantResults ||
response.PrimaryQueryResult.RelevantResults.RowCount === 0) {
_this.setState({
loading: false,
error: null,
people: []
});
return;
}
var people = [];
for (var i = 0; i < response.PrimaryQueryResult.RelevantResults.Table.Rows.length; i++) {
var personRow = response.PrimaryQueryResult.RelevantResults.Table.Rows[i];
var email = SearchUtils_1.SearchUtils.getValueFromResults('WorkEmail', personRow.Cells);
people.push({
name: SearchUtils_1.SearchUtils.getValueFromResults('Title', personRow.Cells),
email: email,
jobTitle: SearchUtils_1.SearchUtils.getValueFromResults('JobTitle', personRow.Cells),
department: SearchUtils_1.SearchUtils.getValueFromResults('Department', personRow.Cells),
photoUrl: Utils_1.Utils.getUserPhotoUrl(email, siteUrl, 'L'),
profileUrl: SearchUtils_1.SearchUtils.getValueFromResults('Path', personRow.Cells)
});
}
_this.setState({
loading: false,
error: null,
people: people
});
}, function (error) {
_this.setState({
loading: false,
error: error,
people: []
});
});
};
return WorkingWith;
}(React.Component));
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = WorkingWith;
//# sourceMappingURL=WorkingWith.js.map