a1a0beaaa8
Added static width, sorting and unique colors fixing 2061/2068 |
||
---|---|---|
.. | ||
assets | ||
config | ||
src | ||
teams | ||
tools | ||
.editorconfig | ||
.gitignore | ||
.stylelintrc | ||
.yo-rc.json | ||
README.md | ||
azure-pipelines.yml | ||
gulpfile.js | ||
package-lock.json | ||
package.json | ||
pnpm-lock.yaml | ||
tsconfig.json | ||
tslint.json | ||
yarn.lock |
README.md
My Tasks
Summary
This web part allows user to manage planner tasks in SharePoint Site. The UI was inspired on Planner UI, it is full implemented with Office-UI-Fabric Components. Use MSGraph API's and PnPjs to data access.
The user can search task by name, can filter by progress status, all data are dynamic updated on change.
List of Task Cards
Filter Tasks
Add Task
Edit Tasks
Compatibility
Applies to
WebPart Properties
Property | Type | Required | comments |
---|---|---|---|
WebPart Title | Text | no |
Solution
The Web Part Use PnPjs library, Office-ui-fabric-react components and MSGraph API's
Solution | Author(s) |
---|---|
My Tasks | João Mendes |
My Tasks | Swaminathan Sriram |
Version history
Version | Date | Comments |
---|---|---|
1.0.0 | November 17, 2019 | Initial release |
1.0.1 | September 9, 2020 | Upgraded to SPFx 1.11. |
Minimal Path to Awesome
- Clone this repository
- Move to sample folder
- in the command line run:
npm install
gulp build
gulp bundle --ship
gulp package-solution --ship
Add to AppCatalog and deploy
go to SharePoint Admin Center and Approve required API Permissions
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.
Help
We do not support samples, but we this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for community members to volunteer their time and help resolve issues.
If you encounter any issues while using this sample, create a new issue.
For questions regarding this sample, create a new question.
Finally, if you have an idea for improvement, make a suggestion.