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

Solving Issue

This commit is contained in:
petkir 2020-07-18 12:44:47 +02:00
parent f7fa93c031
commit 2864c48d4e
4 changed files with 19123 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
samples/react-directory/src/webparts/directory/components/Directory.tsx
View File

@ -1,11 +1,9 @@
import * as React from "react"; import * as React from "react";
import styles from "./Directory.module.scss"; import styles from "./Directory.module.scss";
import { IDirectoryProps } from "./IDirectoryProps"; import { IDirectoryProps } from "./IDirectoryProps";
import { escape } from "@microsoft/sp-lodash-subset";
import { PersonaCard } from "./PersonaCard/PersonaCard"; import { PersonaCard } from "./PersonaCard/PersonaCard";
import { spservices } from "../../../SPServices/spservices"; import { spservices } from "../../../SPServices/spservices";
import { IDirectoryState } from "./IDirectoryState"; import { IDirectoryState } from "./IDirectoryState";
import { DisplayMode } from "@microsoft/sp-core-library";
import * as strings from "DirectoryWebPartStrings"; import * as strings from "DirectoryWebPartStrings";
import { import {
Spinner, Spinner,
@ -20,15 +18,10 @@ import {
PivotLinkFormat, PivotLinkFormat,
PivotLinkSize, PivotLinkSize,
Dropdown, Dropdown,
DropdownMenuItemType,
IDropdownStyles,
IDropdownOption IDropdownOption
} from "office-ui-fabric-react"; } from "office-ui-fabric-react";
import { IProfileProperties } from "../../../SPServices/IProfileProperties";
import { PeoplePickerEntity, Search, SearchResult } from "@pnp/sp";
import { WebPartTitle } from "@pnp/spfx-controls-react/lib/WebPartTitle"; import { WebPartTitle } from "@pnp/spfx-controls-react/lib/WebPartTitle";
import { Root } from "@pnp/graph";
import { IUserProperties } from "./PersonaCard/IUserProperties";
const az: string[] = [ const az: string[] = [
"A", "A",
@ -80,7 +73,8 @@ export default class Directory extends React.Component<
errorMessage: "", errorMessage: "",
hasError: false, hasError: false,
indexSelectedKey: "A", indexSelectedKey: "A",
searchString: "LastName" searchString: "LastName",
searchText: ""
}; };
this._services = new spservices(this.props.context); this._services = new spservices(this.props.context);
@ -88,6 +82,7 @@ export default class Directory extends React.Component<
this._searchUsers = this._searchUsers.bind(this); this._searchUsers = this._searchUsers.bind(this);
this._selectedIndex = this._selectedIndex.bind(this); this._selectedIndex = this._selectedIndex.bind(this);
this._sortPeople = this._sortPeople.bind(this); this._sortPeople = this._sortPeople.bind(this);
this._searchBoxChanged = this._searchBoxChanged.bind(this)
} }
/** /**
@ -124,7 +119,9 @@ export default class Directory extends React.Component<
image.src = pictureUrl; image.src = pictureUrl;
}); });
} }
private _searchBoxChanged(newvalue: string): void {
this.setState({ searchText: newvalue }, () => this._searchUsers(newvalue));
}
private async _searchUsers(searchText: string) { private async _searchUsers(searchText: string) {
searchText = searchText.trim().length > 0 ? searchText : "A"; searchText = searchText.trim().length > 0 ? searchText : "A";
@ -279,7 +276,7 @@ export default class Directory extends React.Component<
* @memberof Directory * @memberof Directory
*/ */
private _selectedIndex(item?: PivotItem, ev?: React.MouseEvent<HTMLElement>) { private _selectedIndex(item?: PivotItem, ev?: React.MouseEvent<HTMLElement>) {
this._searchUsers(item.props.itemKey); this.setState({ searchText: "" }, () => this._searchUsers(item.props.itemKey));
} }
/** /**
* *
@ -336,7 +333,8 @@ export default class Directory extends React.Component<
onClear={() => { onClear={() => {
this._searchUsers("A"); this._searchUsers("A");
}} }}
onChange={this._searchUsers} value={this.state.searchText}
onChange={this._searchBoxChanged}
/> />
<div> <div>
<Pivot <Pivot

4
samples/react-directory/src/webparts/directory/components/IDirectoryState.ts
View File

@ -1,5 +1,4 @@
import { IProfileProperties } from "./../../../SPServices/IProfileProperties";
import { PeoplePickerEntity, SearchResult, SearchResults } from "@pnp/pnpjs";
export interface IDirectoryState { export interface IDirectoryState {
users: any; users: any;
isLoading: boolean; isLoading: boolean;
@ -7,4 +6,5 @@ export interface IDirectoryState {
hasError: boolean; hasError: boolean;
indexSelectedKey: string; indexSelectedKey: string;
searchString: string; searchString: string;
searchText: string;
} }

19055
samples/react-script-editor/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff