From cafa2c14e935eb5c6a1a27999d65deedb2790f47 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=C3=A3o=20Mendes?= Date: Mon, 18 Nov 2019 19:53:51 +0000 Subject: [PATCH] Update Docs --- samples/react-MyTask/README.md | 126 ++++++++++++++---- ...2019-11-17 at 21.07.15.png => screen1.png} | Bin ...019-11-17 at 21.26.48.png => screen10.png} | Bin ...019-11-17 at 21.29.31.png => screen11.png} | Bin ...019-11-17 at 21.30.33.png => screen12.png} | Bin ...019-11-17 at 21.30.49.png => screen13.png} | Bin ...2019-11-17 at 21.07.58.png => screen2.png} | Bin ...2019-11-17 at 21.08.39.png => screen3.png} | Bin ...2019-11-17 at 21.09.00.png => screen4.png} | Bin ...2019-11-17 at 21.09.27.png => screen5.png} | Bin ...2019-11-17 at 21.10.26.png => screen6.png} | Bin ...2019-11-17 at 21.10.44.png => screen7.png} | Bin ...2019-11-17 at 21.25.31.png => screen8.png} | Bin ...2019-11-17 at 21.26.21.png => screen9.png} | Bin 14 files changed, 100 insertions(+), 26 deletions(-) rename samples/react-MyTask/assets/{Screenshot 2019-11-17 at 21.07.15.png => screen1.png} (100%) rename samples/react-MyTask/assets/{Screenshot 2019-11-17 at 21.26.48.png => screen10.png} (100%) rename samples/react-MyTask/assets/{Screenshot 2019-11-17 at 21.29.31.png => screen11.png} (100%) rename samples/react-MyTask/assets/{Screenshot 2019-11-17 at 21.30.33.png => screen12.png} (100%) rename samples/react-MyTask/assets/{Screenshot 2019-11-17 at 21.30.49.png => screen13.png} (100%) rename samples/react-MyTask/assets/{Screenshot 2019-11-17 at 21.07.58.png => screen2.png} (100%) rename samples/react-MyTask/assets/{Screenshot 2019-11-17 at 21.08.39.png => screen3.png} (100%) rename samples/react-MyTask/assets/{Screenshot 2019-11-17 at 21.09.00.png => screen4.png} (100%) rename samples/react-MyTask/assets/{Screenshot 2019-11-17 at 21.09.27.png => screen5.png} (100%) rename samples/react-MyTask/assets/{Screenshot 2019-11-17 at 21.10.26.png => screen6.png} (100%) rename samples/react-MyTask/assets/{Screenshot 2019-11-17 at 21.10.44.png => screen7.png} (100%) rename samples/react-MyTask/assets/{Screenshot 2019-11-17 at 21.25.31.png => screen8.png} (100%) rename samples/react-MyTask/assets/{Screenshot 2019-11-17 at 21.26.21.png => screen9.png} (100%) diff --git a/samples/react-MyTask/README.md b/samples/react-MyTask/README.md index 52e4d9a6a..e7bba5288 100644 --- a/samples/react-MyTask/README.md +++ b/samples/react-MyTask/README.md @@ -1,26 +1,100 @@ -## react-my-task - -This is where you include your WebPart documentation. - -### Building the code - -```bash -git clone the repo -npm i -npm i -g gulp -gulp -``` - -This package produces the following: - -* lib/* - intermediate-stage commonjs build artifacts -* dist/* - the bundled script, along with other resources -* deploy/* - all resources which should be uploaded to a CDN. - -### Build options - -gulp clean - TODO -gulp test - TODO -gulp serve - TODO -gulp bundle - TODO -gulp package-solution - TODO +# 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](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-myTask/assets/screen1.png) + +## Filter Tasks + +![MyTasks](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-myTask/assets/screen2.png) + + + +![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-myTask/assets/screen3.png) + + + +![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-myTask/assets/screen4.png) + + + +![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-myTask/assets/screen5.png) + + +![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-myTask/assets/screen6.png) + + +![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-myTask/assets/screen7.png) + + + +![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-myTask/assets/screen8.png) + +![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-myTask/assets/screen9.png) +![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-myTask/assets/screen10.png) +![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-myTask/assets/screen11.png) +![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-myTask/assets/screen12.png) +![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-myTask/assets/screen13.png) + + + + + +## Used SharePoint Framework Version +![drop](https://img.shields.io/badge/version-1.9.1-green.svg) + +## Applies to + +* [SharePoint Framework](https:/dev.office.com/sharepoint) +* [Office 365 tenant](https://dev.office.com/sharepoint/docs/spfx/set-up-your-development-environment) + +## 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` + + + diff --git a/samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.07.15.png b/samples/react-MyTask/assets/screen1.png similarity index 100% rename from samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.07.15.png rename to samples/react-MyTask/assets/screen1.png diff --git a/samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.26.48.png b/samples/react-MyTask/assets/screen10.png similarity index 100% rename from samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.26.48.png rename to samples/react-MyTask/assets/screen10.png diff --git a/samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.29.31.png b/samples/react-MyTask/assets/screen11.png similarity index 100% rename from samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.29.31.png rename to samples/react-MyTask/assets/screen11.png diff --git a/samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.30.33.png b/samples/react-MyTask/assets/screen12.png similarity index 100% rename from samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.30.33.png rename to samples/react-MyTask/assets/screen12.png diff --git a/samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.30.49.png b/samples/react-MyTask/assets/screen13.png similarity index 100% rename from samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.30.49.png rename to samples/react-MyTask/assets/screen13.png diff --git a/samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.07.58.png b/samples/react-MyTask/assets/screen2.png similarity index 100% rename from samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.07.58.png rename to samples/react-MyTask/assets/screen2.png diff --git a/samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.08.39.png b/samples/react-MyTask/assets/screen3.png similarity index 100% rename from samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.08.39.png rename to samples/react-MyTask/assets/screen3.png diff --git a/samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.09.00.png b/samples/react-MyTask/assets/screen4.png similarity index 100% rename from samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.09.00.png rename to samples/react-MyTask/assets/screen4.png diff --git a/samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.09.27.png b/samples/react-MyTask/assets/screen5.png similarity index 100% rename from samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.09.27.png rename to samples/react-MyTask/assets/screen5.png diff --git a/samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.10.26.png b/samples/react-MyTask/assets/screen6.png similarity index 100% rename from samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.10.26.png rename to samples/react-MyTask/assets/screen6.png diff --git a/samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.10.44.png b/samples/react-MyTask/assets/screen7.png similarity index 100% rename from samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.10.44.png rename to samples/react-MyTask/assets/screen7.png diff --git a/samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.25.31.png b/samples/react-MyTask/assets/screen8.png similarity index 100% rename from samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.25.31.png rename to samples/react-MyTask/assets/screen8.png diff --git a/samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.26.21.png b/samples/react-MyTask/assets/screen9.png similarity index 100% rename from samples/react-MyTask/assets/Screenshot 2019-11-17 at 21.26.21.png rename to samples/react-MyTask/assets/screen9.png