History

Hugo Bernier e472c7c03a Merge pull request #4845 from pnp/dependabot/npm_and_yarn/samples/vue-js-org-chart/follow-redirects-1.15.6		2024-03-25 22:10:13 -04:00
..
.devcontainer	Added 1.8.x containers	2022-02-16 00:42:49 -05:00
assets	Changed docs links to learn	2022-10-24 09:42:45 -04:00
config	bug fix	2019-06-11 14:34:09 +03:00
sharepoint/assets	initial commit	2019-05-17 15:12:03 +03:00
src	bug fix	2019-06-11 14:34:09 +03:00
teams	initial commit	2019-05-17 15:12:03 +03:00
tools	initial commit	2019-05-17 15:12:03 +03:00
types/vue	initial commit	2019-05-17 15:12:03 +03:00
.editorconfig	initial commit	2019-05-17 15:12:03 +03:00
.gitignore	Added 1.8.x containers	2022-02-16 00:42:49 -05:00
.yo-rc.json	initial commit	2019-05-17 15:12:03 +03:00
README.md	Added more contributions	2023-03-15 01:23:34 -04:00
gulpfile.js	initial commit	2019-05-17 15:12:03 +03:00
package-lock.json	Merge pull request #4845 from pnp/dependabot/npm_and_yarn/samples/vue-js-org-chart/follow-redirects-1.15.6	2024-03-25 22:10:13 -04:00
package.json	Bump json5, @microsoft/sp-build-web, @microsoft/sp-webpart-workbench, sass-loader, ts-loader and vue-loader	2023-01-01 02:43:21 -05:00
tsconfig.json	initial commit	2019-05-17 15:12:03 +03:00
tslint.json	initial commit	2019-05-17 15:12:03 +03:00
yarn.lock	Merge pull request #4845 from pnp/dependabot/npm_and_yarn/samples/vue-js-org-chart/follow-redirects-1.15.6	2024-03-25 22:10:13 -04:00

README.md

Organization Chart using VueJS

Summary

A simple Organisation Chart web part using Office UI Fabric, VueJS, REST API.

Compatibility

⚠️ Important
Every SPFx version is only compatible with specific version(s) of Node.js. In order to be able to build this sample, please ensure that the version of Node on your workstation matches one of the versions listed in this section. This sample will not work on a different version of Node.
Refer to https://aka.ms/spfx-matrix for more information on SPFx compatibility.

This sample is designed to be used in the following environments:

For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix

Applies to

SharePoint Framework
Office 365 developer tenant

** The SPFx web part will work in local workbench, but not the assets. They can be provisioned only when the app is deployed since they are SharePoint specific.

Prerequisites

Office 365 subscription with SharePoint Online.
SharePoint Framework development environment already set up.
Tenant admin access to the Office 365 subscription and App Catalog already setup.

Minimal Path to Awesome

Clone this repository.
Open the command line, navigate to the web part folder and execute:
- npm i
- gulp serve --nobrowser
- gulp package-solution
- Deploy the package to the app catalog
- Add the app to a site

This sample can also be opened with VS Code Remote Development. Visit https://aka.ms/spfx-devcontainer for further instructions.

Features

This Web Part illustrates the following concepts on top of the SharePoint Framework:

SPFx provisioning based on the following Elements.xml nodes:
- Custom List Instance with custom list schema.
- Content Types.
- Fields.
- Pre-populated List Data Rows in the Elements.xml.

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.