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
sp-dev-fx-webparts/samples/react-mytasks
History
João Mendes e8b73b8660 update Docs 2019-11-18 20:27:15 +00:00
..
assets Update My-Tasks 2019-11-18 20:01:59 +00:00
config Update My-Tasks 2019-11-18 20:01:59 +00:00
src Update My-Tasks 2019-11-18 20:01:59 +00:00
teams Update My-Tasks 2019-11-18 20:01:59 +00:00
tools Update My-Tasks 2019-11-18 20:01:59 +00:00
.editorconfig Update My-Tasks 2019-11-18 20:01:59 +00:00
.gitignore Update My-Tasks 2019-11-18 20:01:59 +00:00
.stylelintrc Update My-Tasks 2019-11-18 20:01:59 +00:00
.yo-rc.json Update My-Tasks 2019-11-18 20:01:59 +00:00
README.md update Docs 2019-11-18 20:27:15 +00:00
azure-pipelines.yml Update My-Tasks 2019-11-18 20:01:59 +00:00
gulpfile.js Update My-Tasks 2019-11-18 20:01:59 +00:00
package-lock.json Update My-Tasks 2019-11-18 20:01:59 +00:00
package.json Update My-Tasks 2019-11-18 20:01:59 +00:00
pnpm-lock.yaml Update My-Tasks 2019-11-18 20:01:59 +00:00
tsconfig.json Update My-Tasks 2019-11-18 20:01:59 +00:00
tslint.json Update My-Tasks 2019-11-18 20:01:59 +00:00
yarn.lock Update My-Tasks 2019-11-18 20:01:59 +00:00

README.md

React My Task Web Part

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

MyTasks

Filter Tasks

MyTasks



![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/My-Tasks/samples/react-mytasks/assets/screen3.png)

![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/My-Tasks/samples/react-mytasks/assets/screen4.png)

![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/My-Tasks/samples/react-mytasks/assets/screen5.png)

Add Task

tenant properties



tenant properties



Edit Tasks

tenant properties



tenant properties



![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/My-Tasks/samples/react-mytasks/assets/screen10.png)

![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/My-Tasks/samples/react-mytasks/assets/screen11.png)

![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/My-Tasks/samples/react-mytasks/assets/screen12.png)

tenant properties

Used SharePoint Framework Version

drop

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

Version history

Version Date Comments
1.0.0 November 17, 2019 Initial release

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.

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