I have always wondered.
', + TW_IsAnswered: true, + + ContentType: 'Question', + Created: new Date(), + Modified: new Date(), + AuthorId: 1, + EditorId: 1 + }, + { + ID: 2, + Title: 'Who is the best baseball player ever?', + + TW_Details: 'I think it is Ozzie Smith.
', + TW_IsAnswered: false, + + ContentType: 'Question', + Created: new Date(), + Modified: new Date(), + AuthorId: 1, + EditorId: 1 + }, + { + ID: 3, + Title: 'I think he is', + + TW_Details: 'He is 75
', + TW_IsAnswer: true, + TW_QuestionLookupId: 1, + + ContentType: 'Reply', + Created: new Date(), + Modified: new Date(), + AuthorId: 1, + EditorId: 1 + }, + { + ID: 4, + Title: 'I am pretty sure he is', + + TW_Details: 'I am pretty sure he is 79
', + TW_IsAnswer: true, + TW_QuestionLookupId: 1, + TW_ReplyLookupId: 3, + + ContentType: 'Reply', + Created: new Date(), + Modified: new Date(), + AuthorId: 1, + EditorId: 1 + } + ]; +} diff --git a/samples/react-questions-and-answers/src/services/mocks/lists/usersInformationList.ts b/samples/react-questions-and-answers/src/services/mocks/lists/usersInformationList.ts new file mode 100644 index 000000000..3eac11d5c --- /dev/null +++ b/samples/react-questions-and-answers/src/services/mocks/lists/usersInformationList.ts @@ -0,0 +1,61 @@ +import { ListTitles } from 'utilities'; +import { BaseList } from 'services/mocks/mockListFactory'; + +/*The first user in this will be used as the 'current user' + Notes about the data + Only the first item has a Title property as it only seems that Pnps wrapper on /_api/web/currentuser sends this back + The call to /_api/sp.utilities.utility.searchprincipalsusingcontextweb returns a PrincipalInfo object (PnP object) which has DisplayName rather than Title +*/ +export class UsersInformationList implements BaseList { + public listTitle = ListTitles.USERS_INFORMATION; + public items: any[] = [ + { + ID: 1, + DisplayName: 'Demo Designer', + Title: 'Demo Designer', + LoginName: 'i:0#.w|domain\\designer', + Key: 'i:0#.w|domain\\designer', + Name: 'i:0#.w|domain\\designer', + JobTitle: 'Demo Designer Title', + Email: 'designer@demo.com', + Mobile: '404-555-1211', + IsSiteAdmin: false, + Groups: { + results: [ + ] + } + }, + { + ID: 2, + DisplayName: 'Demo User', + Title: 'Demo User', + LoginName: 'i:0#.w|domain\\user', + Key: 'i:0#.w|domain\\user', + Name: 'i:0#.w|domain\\user', + JobTitle: 'Demo User Title', + Email: 'user@demo.com', + Mobile: '404-555-1212' + }, + { + ID: 3, + DisplayName: 'Demo External User', + Title: 'Demo External User', + LoginName: 'i:0#.w|domain\\externaluser', + Key: 'i:0#.w|domain\\externaluser', + Name: 'i:0#.w|domain\\externaluser', + JobTitle: 'Demo External User Title', + Email: 'externaluser@demo.com', + Mobile: '404-555-1213' + }, + { + ID: 4, + DisplayName: 'Demo No Email', + Title: 'Demo No Email', + LoginName: 'i:0#.w|domain\\demo01', + Key: 'i:0#.w|domain\\demo01', + Name: 'i:0#.w|domain\\demo01', + JobTitle: 'Demo No Email Title', + Mobile: '404-555-1215' + } + ]; +} diff --git a/samples/react-questions-and-answers/src/services/mocks/mockListFactory.ts b/samples/react-questions-and-answers/src/services/mocks/mockListFactory.ts new file mode 100644 index 000000000..bca2274b0 --- /dev/null +++ b/samples/react-questions-and-answers/src/services/mocks/mockListFactory.ts @@ -0,0 +1,120 @@ +import { QuestionsList } from './lists/questionsList'; +import { UsersInformationList } from './lists/usersInformationList'; +import { LogHelper } from 'utilities'; + +export class MockListFactory { + private listMap: BaseList[] = [ + new QuestionsList(), + new UsersInformationList() + ]; + + public getListItems(listTitle: string): any[] { + LogHelper.verbose(this.constructor.name, 'getListItems', listTitle); + + let items = this.getItemsForMockList(listTitle); + + let list = this.listMap.filter(l => l.listTitle === listTitle)[0]; + + if (list) { + items = this.getStoredItems(list.listTitle, list.items); + } + else { + LogHelper.error(this.constructor.name, 'getListItems', `List factory not found: [${listTitle}]`); + } + + if (list && list.lookups !== undefined) { + for (let lookup of list.lookups) { + let lookupListItems = this.getItemsForMockList(lookup.lookupListTitle); + + for (let item of items) { + if (lookup.isMulti !== true) { + item[lookup.itemProperty] = this.getLookup(item, lookup.itemKey, lookupListItems); + } + else { + item[lookup.itemProperty] = this.getMultiLookup(item, lookup.itemKey, lookupListItems); + } + } + } + } + + return items; + } + + public saveListItems(listTitle: string, items: any[]): void { + LogHelper.verbose(this.constructor.name, 'saveListItems', listTitle); + + let storageKey = listTitle.split(' ').join(''); + this.storeItems(storageKey, items); + } + + private getItemsForMockList(listTitle: string): any[] { + let items: any[] = []; + + let list = this.listMap.filter(l => l.listTitle === listTitle)[0]; + + if (list != null) { + items = this.getStoredItems(list.listTitle, list.items); + } + + return items; + } + + private getStoredItems(listTitle: string, defaultItems: any[]): any[] { + + let storageKey = listTitle.split(' ').join(''); + let items: any[] = []; + let storedData: string | null; + storedData = localStorage.getItem(storageKey); + if (storedData !== null) { + items = JSON.parse(storedData); + } + else { + items = defaultItems; + this.storeItems(storageKey, items); + } + return items; + } + + private storeItems(storageKey: string, items: any[]): void { + let storedData = JSON.stringify(items); + localStorage.setItem(storageKey, storedData); + } + + private getLookup(item: any, lookupIdProperty: string, lookupListItems: any[]): any { + if (item[lookupIdProperty] !== undefined) { + return lookupListItems.filter(i => i.ID === item[lookupIdProperty])[0]; + } + else { + return null; + } + } + + private getMultiLookup(item: any, lookupIdProperty: string, lookupListItems: any[]): any { + if (item[lookupIdProperty] !== undefined && item[lookupIdProperty].results !== undefined && item[lookupIdProperty].results instanceof Array) { + let results: any[] = []; + for (let id of item[lookupIdProperty].results) { + let lookupItem = lookupListItems.filter(i => i.ID === id)[0]; + if (lookupItem) { + results.push(lookupItem); + } + } + return { results: results }; + } + else { + return { results: [] }; + } + } +} + +export interface BaseList { + listTitle: string; + items: any[]; + lookups?: Lookup[]; +} + +export class Lookup { + public itemKey: string; + public itemProperty: string; + public lookupListTitle: string; + public isMulti?: boolean; +} diff --git a/samples/react-questions-and-answers/src/services/mocks/mockresponse.ts b/samples/react-questions-and-answers/src/services/mocks/mockresponse.ts new file mode 100644 index 000000000..9b684e70d --- /dev/null +++ b/samples/react-questions-and-answers/src/services/mocks/mockresponse.ts @@ -0,0 +1,962 @@ +import { IItemUpdateResult, IContextInfo } from '@pnp/sp/presets/all'; +import { IFetchOptions } from '@pnp/common'; +import { FilterParser } from './filterParser'; +import { MockListFactory } from './mockListFactory'; +import { parse } from 'url'; +// import * as FileSaver from 'file-saver'; +import { LogHelper, ListTitles } from 'utilities'; + +export class MockResponse { + + private listTitle: string; + private currentUser; + + constructor(private mockListFactory: MockListFactory) { } + + public async fetch(url: string, options: IFetchOptions): Promise+ ${currentUser.displayName} + ${actionMessage} + + ${question.title} + +
+${strings.EmailMessage_Body_QuestionDetails}
++ ${currentUser.displayName} + ${actionMessage} + + ${selectedQuestion.title} + +
+${strings.EmailMessage_Body_ReplyDetails}
++ ${currentUser.displayName} + ${actionMessage} + + ${selectedQuestion.title} + +
+${strings.EmailMessage_Body_ReplyDetails}
+