{this.props.description}
-
+ { this.viewCustomApplication(index); }} title="View" ariaLabel="View">
+ { this.editCustomApplication(index, true); }} title="Edit" ariaLabel="Edit">
+
+ );
+ }
+
+
+ public render(): React.ReactElement
+
+ {item.Title}
+ {item.Description}
+
+
+ );
+ }
+}
diff --git a/samples/react-Edit-ApplicationCustomizer/src/webparts/applicationCustomizers/components/IApplicationCustomizersProps.ts b/samples/react-Edit-ApplicationCustomizer/src/webparts/applicationCustomizers/components/IApplicationCustomizersProps.ts
new file mode 100644
index 000000000..195199d79
--- /dev/null
+++ b/samples/react-Edit-ApplicationCustomizer/src/webparts/applicationCustomizers/components/IApplicationCustomizersProps.ts
@@ -0,0 +1,7 @@
+import { WebPartContext } from "@microsoft/sp-webpart-base";
+
+export interface IApplicationCustomizersProps {
+ description: string;
+ context: WebPartContext;
+ designType: string;
+}
diff --git a/samples/react-Edit-ApplicationCustomizer/src/webparts/applicationCustomizers/loc/en-us.js b/samples/react-Edit-ApplicationCustomizer/src/webparts/applicationCustomizers/loc/en-us.js
new file mode 100644
index 000000000..50f753ae3
--- /dev/null
+++ b/samples/react-Edit-ApplicationCustomizer/src/webparts/applicationCustomizers/loc/en-us.js
@@ -0,0 +1,8 @@
+define([], function () {
+ return {
+ "PropertyPaneDescription": "",
+ "BasicGroupName": "",
+ "DescriptionFieldLabel": "Title",
+ "DesignFieldLabel": "Choose design"
+ }
+});
\ No newline at end of file
diff --git a/samples/react-Edit-ApplicationCustomizer/src/webparts/applicationCustomizers/loc/mystrings.d.ts b/samples/react-Edit-ApplicationCustomizer/src/webparts/applicationCustomizers/loc/mystrings.d.ts
new file mode 100644
index 000000000..bae46e874
--- /dev/null
+++ b/samples/react-Edit-ApplicationCustomizer/src/webparts/applicationCustomizers/loc/mystrings.d.ts
@@ -0,0 +1,11 @@
+declare interface IApplicationCustomizersWebPartStrings {
+ PropertyPaneDescription: string;
+ BasicGroupName: string;
+ DescriptionFieldLabel: string;
+ DesignFieldLabel: string;
+}
+
+declare module 'ApplicationCustomizersWebPartStrings' {
+ const strings: IApplicationCustomizersWebPartStrings;
+ export = strings;
+}
diff --git a/samples/react-Edit-ApplicationCustomizer/src/webparts/applicationCustomizers/service/ApplicationCustomizersService.ts b/samples/react-Edit-ApplicationCustomizer/src/webparts/applicationCustomizers/service/ApplicationCustomizersService.ts
new file mode 100644
index 000000000..0ef69bfef
--- /dev/null
+++ b/samples/react-Edit-ApplicationCustomizer/src/webparts/applicationCustomizers/service/ApplicationCustomizersService.ts
@@ -0,0 +1,61 @@
+import { sp } from "@pnp/sp";
+import "@pnp/sp/webs";
+import "@pnp/sp/user-custom-actions";
+import { ISearchQuery } from "@pnp/sp/search";
+import { Web } from "@pnp/sp/webs";
+
+
+export default class ApplicationCustomizersService {
+
+ /**
+ * fetchAllApplictionCustomizers
+ */
+ public fetchAllApplictionCustomizers = async (webURL: string) => {
+ let web = Web(webURL);
+ let response;
+ try {
+ response = await web.userCustomActions();
+ console.log(response);
+ //let temp = await sp.site.userCustomActions();
+ //console.log(temp);
+ } catch (error) {
+ console.log(error);
+ response = error;
+ }
+ return response;
+ }
+
+ /**
+ * getAllSiteCollection
+ */
+ public getAllSiteCollection = async () => {
+ let response;
+ try {
+ response = await sp.search(
+ this.setState({ isPanelOpen: false })}
+ closeButtonAriaLabel="Close"
+ type={PanelType.large}
+ >
+ {this.state.editJSON &&
+
+ this.setState({ isViewPanelOpen: false })}
+ closeButtonAriaLabel="Close"
+ type={PanelType.medium}
+ >{this.state.viewJSON &&
+
+
+
+
+ {this.props.description}
+
+
+ {this.props.designType === "Accordion" && this.state.allCustomizers.length !== 0 &&
+
+ {this.state.allCustomizers.map((customizer, index) => {
+ return (
+
+
+
+
+ {!customizer.inEdit ?
+ { this.editCustomApplication(index, true); }} /> :
+ [ { this.updateCustomizer(index); }} />,
+ { this.editCustomApplication(index, false); }} />]
+ }
+
+
+ );
+ })}
+
+ }
+ {this.props.designType === "List" && this.state.allCustomizers.length !== 0 &&
+ {customizer.Title}{customizer.Description && ` - ${customizer.Description}`}
+
+
:
+ Component ID
+ {customizer.ClientSideComponentId}
+ ID
+ {customizer.Id}
+ Properties
+ {customizer.ClientSideComponentProperties}
+
+ {
+ this.onChangeJSON("Title", newVal);
+ }} />
+
+ {
+ this.onChangeJSON("Description", newVal);
+ }} />
+
+ }
+ {!customizer.inEdit ?
+ Title
+ Description
+ Properties
+
+
+ { this.onChangeJSON("ClientSideComponentProperties", val); }}
+ fontSize={14}
+ style={{ height: 200, width: 790 }}
+ showPrintMargin={true}
+ showGutter={true}
+ highlightActiveLine={false}
+ value={this.state.editJSON.ClientSideComponentProperties}
+ setOptions={{
+ enableBasicAutocompletion: true,
+ enableLiveAutocompletion: false,
+ enableSnippets: false,
+ showLineNumbers: true,
+ tabSize: 2,
+ }} />
+
+
+
+ }
+ {this.state.allCustomizers.length === 0 &&
+ We did not find any Application Customizers for the selected web
+ }
+
+
+ {
+ this.onChangeJSON("Title", newVal);
+ }} />
+
+ {
+ this.onChangeJSON("Description", newVal);
+ }} />
+ { this.updateCustomizer(this.state.itemInEdit); }} />
+ { this.editCustomApplication(this.state.itemInEdit, false); }} />
+
}
+ Title
+ Description
+ Properties
+
+
+ { this.onChangeJSON("ClientSideComponentProperties", val); }}
+ fontSize={14}
+ style={{ height: 200, width: 800 }}
+ showPrintMargin={true}
+ showGutter={true}
+ highlightActiveLine={false}
+ value={this.state.editJSON.ClientSideComponentProperties}
+ setOptions={{
+ enableBasicAutocompletion: true,
+ enableLiveAutocompletion: false,
+ enableSnippets: false,
+ showLineNumbers: true,
+ tabSize: 2,
+ }} />
+
+
+
}Title
+ {this.state.viewJSON.Title}
+ Description
+ {this.state.viewJSON.Description ? this.state.viewJSON.Description : 'null'}
+ ComponentID
+ {this.state.viewJSON.ClientSideComponentId}
+ ID
+ {this.state.viewJSON.Id}
+ Properties
+ {this.state.viewJSON.ClientSideComponentProperties}
+ "+e+"
"),this.data.innerHTML=e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"order",{get:function(){return this.data.position.controlIndex},set:function(e){this.data.position.controlIndex=e},enumerable:!1,configurable:!0}),t.prototype.onColumnChange=function(e){this.data.position.sectionFactor=e.factor,this.data.position.controlIndex=ct(e.controls),this.data.position.zoneIndex=e.data.position.zoneIndex,this.data.position.sectionIndex=e.order,this.data.position.layoutIndex=e.data.position.layoutIndex},t.Default={addedFromPersistedData:!1,anchorComponentId:"",controlType:4,displayMode:2,editorType:"CKEditor",emphasis:{},id:"",innerHTML:"",position:{controlIndex:1,layoutIndex:1,sectionFactor:12,sectionIndex:1,zoneIndex:1}},t}(xt),It=function(e){function t(n){return void 0===n&&(n=JSON.parse(JSON.stringify(t.Default))),e.call(this,n)||this}return f(t,e),t.fromComponentDef=function(e){var n=new t;return n.import(e),n},Object.defineProperty(t.prototype,"title",{get:function(){return this.data.webPartData.title},set:function(e){this.data.webPartData.title=e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"description",{get:function(){return this.data.webPartData.description},set:function(e){this.data.webPartData.description=e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"order",{get:function(){return this.data.position.controlIndex},set:function(e){this.data.position.controlIndex=e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"height",{get:function(){return this.data.reservedHeight},set:function(e){this.data.reservedHeight=e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"width",{get:function(){return this.data.reservedWidth},set:function(e){this.data.reservedWidth=e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"dataVersion",{get:function(){return this.data.webPartData.dataVersion},set:function(e){this.data.webPartData.dataVersion=e},enumerable:!1,configurable:!0}),t.prototype.setProperties=function(e){return this.data.webPartData.properties=Object(u.assign)(this.data.webPartData.properties,e),this},t.prototype.getProperties=function(){return this.data.webPartData.properties},t.prototype.onColumnChange=function(e){this.data.position.sectionFactor=e.factor,this.data.position.controlIndex=ct(e.controls),this.data.position.zoneIndex=e.data.position.zoneIndex,this.data.position.sectionIndex=e.data.position.sectionIndex,this.data.position.layoutIndex=e.data.position.layoutIndex},t.prototype.import=function(e){var t=Object(u.getGUID)(),n=e.Id.replace(/^\{|\}$/g,"").toLowerCase(),r=JSON.parse(e.Manifest).preconfiguredEntries[0];this.setData(Object.assign({},this.data,{id:t,webPartData:{dataVersion:"1.0",description:r.description.default,id:n,instanceId:t,properties:r.properties,title:r.title.default},webPartId:n}))},t.Default={addedFromPersistedData:!1,controlType:3,displayMode:2,emphasis:{},id:null,position:{controlIndex:1,layoutIndex:1,sectionFactor:12,sectionIndex:1,zoneIndex:1},reservedHeight:500,reservedWidth:500,webPartData:null,webPartId:null},t}(xt);Re.prototype.getClientsideWebParts=function(){return this.clone(we,"GetClientSideWebParts")()},Re.prototype.addClientsidePage=function(e,t,n,r){return void 0===t&&(t=e.replace(/\.[^\/.]+$/,"")),_t(this,e,t,n,r)},Re.prototype.loadClientsidePage=function(e){return t=this.getFileByServerRelativePath(e),g(void 0,void 0,void 0,function(){var e;return y(this,function(n){switch(n.label){case 0:return[4,t.getItem()];case 1:return e=n.sent(),[2,vt(ue(t.toUrl()),"",{Id:e.Id},!0).configureFrom(t).load()]}})});var t};var Pt=_e(function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return f(t,e),t.prototype.getByName=function(e){return le.configure(Et(this).concat("('"+Me(e)+"')"),"fs.getByName")},t.prototype.add=function(e){return g(this,void 0,void 0,function(){return y(this,function(t){switch(t.label){case 0:return[4,ge(this.clone(Pt,"add('"+Me(e)+"')"))];case 1:return[2,{data:t.sent(),folder:this.getByName(e)}]}})})},t.prototype.addUsingPath=function(e,t){return void 0===t&&(t=!1),g(this,void 0,void 0,function(){return y(this,function(n){switch(n.label){case 0:return[4,ge(this.clone(Pt,"addUsingPath(DecodedUrl='"+Me(e)+"',overwrite="+t+")"))];case 1:return[2,{data:n.sent(),folder:Et(ue(this.toUrl()),"_api/web/getFolderByServerRelativePath(decodedUrl='"+Me(e)+"')")}]}})})},m([le("fs.add")],t.prototype,"add",null),m([le("fs.addUsingPath")],t.prototype,"addUsingPath",null),t=m([ke("folders")],t)}(xe)),Ct=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.delete=Ee("f"),t.update=t._update("SP.Folder",function(e){return{data:e,folder:t}}),t}return f(t,e),Object.defineProperty(t.prototype,"contentTypeOrder",{get:function(){return le.configure(we(this,"contentTypeOrder"),"f.contentTypeOrder")},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"folders",{get:function(){return Pt(this)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"listItemAllFields",{get:function(){return le.configure(Pe(this,"listItemAllFields"),"f.listItemAllFields")},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"parentFolder",{get:function(){return le.configure(Et(this,"parentFolder"),"f.parentFolder")},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"properties",{get:function(){return le.configure(Pe(this,"properties"),"f.properties")},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"serverRelativeUrl",{get:function(){return le.configure(Se(this,"serverRelativeUrl"),"f.serverRelativeUrl")},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"uniqueContentTypeOrder",{get:function(){return le.configure(we(this,"uniqueContentTypeOrder"),"f.uniqueContentTypeOrder")},enumerable:!1,configurable:!0}),t.prototype.recycle=function(){return ge(this.clone(Et,"recycle"))},t.prototype.getItem=function(){for(var e=[],t=0;t