Contract Register sample for SharePoint
This is a learning, research project based on simplified client requirements, we built this project over two weeks while writing Preparing Your Toolbox for the SharePoint Framework with Angular, Webpack and Kendo UI (whitepaper)
- SharePoint Online or SharePoint On-Premises
- Angular 1.5
- Telerik Kendo UI
- PnP SP Core - Patterns and Practices JavaScript Core Library
- Webpack
- Gulp
- Batch list initialization
- Grid binding to list
- Window as modal popup
- Validation controls
- PDF Export from list item
- Upload attachments to list item via REST
- WebPack bundled modules - loads extremely fast (<1 second)
- Target: SPO, SP2013, SP2016
- Future: SharePoint Framework SPFx
-
You will need to have Node installed https://nodejs.org/
-
Fork from https://github.com/johnnliu/contract-register or download as Zip
-
In Node command-line, go to the contract-register directory and run
npm install
This installs all the defined packages within the package json file
-
Run gulp tasks
gulp build
This will build the project
-
Deploy to your SharePoint
Copy user.sample.js to user js with your account details and site url
gulp deploy
This will build and deploy the JavaScript to your SharePoint site's SiteAssets document library
-
One-off
Create a page with a Content Editor webpart, and point it to the SiteAssets/SPApp.html file
module.exports = {
username: "",
password: "",
site: ""
};