Added SPFx version indicator to readme files for all samples.
This commit is contained in:
parent
1cc8c3c34e
commit
71e0031828
|
@ -6,6 +6,9 @@ Sample SharePoint Framework client-side web part for managing tasks stored in a
|
|||
|
||||
![Angular todo application as a SharePoint Framework client-side web part](../assets/angular-todo-spfx-preview.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop6-orange.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -6,6 +6,9 @@ This Web Part displays the Most Popular Items from the given Site/Document Libra
|
|||
|
||||
![Most Popular Items WebPart built using Angular and ngOfficeUIFabric](./assets/preview.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop5-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](https://github.com/SharePoint/sp-dev-docs/wiki)
|
||||
|
|
|
@ -18,6 +18,9 @@ display all the Lists associated with the site. Then all the items inside the Li
|
|||
|
||||
> Note: I currently only have models developed for the Announcements List. All other lists will currently generate errors.
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop5-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -10,6 +10,9 @@ Sample poll web part allowing users to vote and view the results.
|
|||
|
||||
![Poll web part built on the SharePoint Framework using Angular](./assets/poll-preview.gif)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop5-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -6,6 +6,10 @@ File Update/Delete webpart using AngularJs and ngOfficeUIFabric with the SharePo
|
|||
![File Upload using Angular](./assets/NG File Upload.png)
|
||||
|
||||
Edit webpart properties to set Document library Name. Initially, It has been set to `Documents`.
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop5-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -7,6 +7,9 @@ You can find a video recording walk-through this sample from [SharePoint PnP You
|
|||
|
||||
![Sample To do SharePoint Framework Client-Side Web Part built using Angular and ngOfficeUIFabric](./assets/preview.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop2-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -14,6 +14,9 @@ The logic for querying the SharePoint Content Types in the properties of the web
|
|||
|
||||
> Note: For the display template of the search results I'm currently using the Office Fabric UI List template. Ideally I was hoping to use the DocumentCard Component, however, that is not yet available through the ngOfficUIFabric.
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop4-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -11,6 +11,9 @@ Sample To Do Web Part built with Angular2. This sample illustrates how you can u
|
|||
|
||||
![Sample of the search web part](./assets/preview.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop5-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -6,6 +6,9 @@ Sample Web Parts illustrating using jQuery and its plugins loaded from CDN for b
|
|||
|
||||
![Sample Web Part built using jQuery showing current weather in the specified location](./assets/preview_weather.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop2-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -11,6 +11,9 @@ simulates a pile of photos scattered about on a surface. Thumbnail clicks remove
|
|||
|
||||
![Photopile Web Part displayed in SharePoint Workbench](./assets/photopileoverview.gif)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop1-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -8,6 +8,9 @@ Simplistic sample Web Part that demonstrates the use of JavaScript in creating a
|
|||
|
||||
> Does only show data when hosted in SharePoint. No mock data at this point for local testing the rendering.
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop3-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -6,6 +6,9 @@ Sample SharePoint Framework Client-Side Web Part embedding a PowerBI report usin
|
|||
|
||||
![PowerBI Embedded Client-SideWeb Part in the SharePoint Workbench](./assets/screenshot_powerbi_embedded_spfx.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop2-red.svg)
|
||||
|
||||
## Solution
|
||||
|
||||
Solution|Author(s)
|
||||
|
|
|
@ -8,6 +8,9 @@ Sample Web Part illustrating
|
|||
|
||||
![Sample Web Part implementing dependent properties in Property Pane](./assets/dep-props.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop4-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -8,6 +8,9 @@ Sample Web Part illustrating
|
|||
|
||||
![Taxonomy Sample Web Part](./assets/Taxonomy.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop5-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -10,6 +10,9 @@ Sample SharePoint Framework client-side web part built using React showing upcom
|
|||
|
||||
![The upcoming meetings web part displayed in SharePoint workbench](./assets/upcoming-meetings-preview.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop4-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -6,6 +6,9 @@ Sample SharePoint Framework client-side web part illustrating communication with
|
|||
|
||||
![Sample web part showing orders retrieved from a custom Web API secured with Azure Active Directory](./assets/preview.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop4-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -9,6 +9,9 @@ the web part uses the username of the currently logged in user. The web part has
|
|||
You can see this web part sample, including a sample VS 2015 bot application in practice from [PnP SPFx Special Interest Group recording](https://youtu.be/Tv03CU_PmVs?t=1329)
|
||||
where sample was demonstrated.
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop5-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -18,6 +18,9 @@ Cascading drop-downs in the property pane both using external data.
|
|||
|
||||
![Web part with cascading drop-downs in the property pane](./assets/cascading-dropdown-preview.gif)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop4-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -9,6 +9,9 @@ Sample webpart implementation that uses [Mobx](https://github.com/mobxjs/mobx) t
|
|||
### Non-Reactive
|
||||
![](https://i.gyazo.com/876858e31cf14de1b6d1a281a0636029.gif)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop5-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -10,6 +10,9 @@ Sample poll web part allowing users to vote and view the results.
|
|||
|
||||
![Poll web part built on the SharePoint Framework using React](./assets/poll-preview.gif)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop4-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -28,6 +28,9 @@ Sample SharePoint Framework Client-Side Web Part built using React showing docum
|
|||
|
||||
![Working with Web Part in the SharePoint Workbench](./assets/trending-in-sites-i-follow-preview.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop2-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -5,6 +5,9 @@ A simple Organisation Chart webpart using Office UI Fabric, React, OData batchin
|
|||
|
||||
![Organisation Chart for the current user](./assets/orgchart.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop4-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -23,6 +23,9 @@ Here is the solution overview:
|
|||
5. When a new message is available, the web application emits the data to all subscribers via socket.io.
|
||||
6. The SPFx Web Part notifies user there are new items available. Items are effectively retrieved using REST according to received ids when the user clicks on the notification.
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop4-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -9,6 +9,9 @@ Sample webpart implementation that uses [Redux](https://github.com/reactjs/redux
|
|||
### Non-Reactive
|
||||
![](https://i.gyazo.com/1981f22fa6a162931a29ce8dad9c2657.gif)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop5-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -6,6 +6,9 @@ Sample Search Web Part with internal and external template support. This sample
|
|||
|
||||
![Sample of the search web part](./assets/preview.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop5-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -6,6 +6,9 @@ Sample SharePoint Framework client-side web part illustrating communication with
|
|||
|
||||
![Sample web part showing orders retrieved from a custom Web API secured with Azure Active Directory](./assets/preview.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop4-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -5,6 +5,9 @@ A simple todo web part built using react to showcase some of the SharePoint Fram
|
|||
|
||||
![Todo basic web part demo in SharePoint Workbench](./assets/todo-basic-demo.gif)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop5-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
|
@ -2,7 +2,10 @@
|
|||
|
||||
This is where you include your web part docs.
|
||||
|
||||
### Building the code
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop2-red.svg)
|
||||
|
||||
## Building the code
|
||||
|
||||
```bash
|
||||
git clone the repo
|
||||
|
@ -17,7 +20,7 @@ This package produces the following:
|
|||
* dist/* - a single bundle containing the components used for uploading to a cdn pointing a registered Sharepoint webpart library to.
|
||||
* example/* a test page that hosts all components in this package.
|
||||
|
||||
### Build options
|
||||
## Build options
|
||||
|
||||
gulp nuke - TODO
|
||||
gulp test - TODO
|
||||
|
|
|
@ -6,6 +6,9 @@ Sample Web Parts illustrating performing SharePoint CRUD operations in React, An
|
|||
|
||||
![Sample To do SharePoint Framework Client-Side Web Part built using Angular and ngOfficeUIFabric](./assets/preview.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
![drop](https://img.shields.io/badge/drop-drop2-red.svg)
|
||||
|
||||
## Applies to
|
||||
|
||||
* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
||||
|
|
Loading…
Reference in New Issue