Added SPFx version indicator to readme files for all samples.

This commit is contained in:
Vesa Juvonen 2016-12-13 11:26:45 +02:00
parent 1cc8c3c34e
commit 71e0031828
29 changed files with 90 additions and 2 deletions

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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

View File

@ -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)