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

updated code for mobile check and guid

This commit is contained in:
Arun Kumar Perumal 2022-06-02 18:46:57 +05:30
parent 11eeda7168
commit 4f8398055c
1 changed files with 6 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
samples/react-faqs/src/webparts/faQs/FaQsWebPart.ts
View File

@ -1,6 +1,7 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import { Version, Guid } from '@microsoft/sp-core-library';
import { BrowserUtilities } from '@microsoft/sp-core-library/lib-commonjs/BrowserUtilities';
import {
BaseClientSideWebPart,
@ -43,8 +44,9 @@ export default class FaqsWebPart extends BaseClientSideWebPart<IFaqsWebPartProps
super();
//Initialize unique GUID
this.guid = this.getGuid();
this.isMobile = this.detectmob();
this.guid = Guid.newGuid().toString();
this.isMobile = BrowserUtilities.isMobileBrowser();
//Hack: to invoke correctly the onPropertyChange function outside this class
//we need to bind this object on it first
this.onPropertyPaneFieldChanged = this.onPropertyPaneFieldChanged.bind(this);
@ -98,13 +100,7 @@ export default class FaqsWebPart extends BaseClientSideWebPart<IFaqsWebPartProps
}
}
private detectmob(): boolean {
if(window.innerWidth <= 480) {
return true;
} else {
return false;
}
}
protected onDispose(): void {
ReactDom.unmountComponentAtNode(this.domElement);
@ -114,25 +110,6 @@ export default class FaqsWebPart extends BaseClientSideWebPart<IFaqsWebPartProps
return Version.parse('1.0');
}
/**
* @function
* Generates a GUID
*/
private getGuid(): string {
return this.s4() + this.s4() + '-' + this.s4() + '-' + this.s4() + '-' +
this.s4() + '-' + this.s4() + this.s4() + this.s4();
}
/**
* @function
* Generates a GUID part
*/
private s4(): string {
return Math.floor((1 + Math.random()) * 0x10000)
.toString(16)
.substring(1);
}
//executes only before property pane is loaded.
protected async loadPropertyPaneResources(): Promise<void> {
// import additional controls/components