From d474a070ef210cc108e8da872e956e6ab77603b4 Mon Sep 17 00:00:00 2001
From: Brad Martin <bradwaynemartin@gmail.com>
Date: Thu, 19 Jan 2017 09:50:17 -0600
Subject: [PATCH] contributors update

---
 README.md    | 247 ++++++++++++++++++++++++++++-----------------------
 package.json |   4 +
 2 files changed, 138 insertions(+), 113 deletions(-)

diff --git a/README.md b/README.md
index ac9ca06..d4b4038 100644
--- a/README.md
+++ b/README.md
@@ -1,113 +1,134 @@
-[![npm](https://img.shields.io/npm/v/nativescript-cardview.svg)](https://www.npmjs.com/package/nativescript-cardview)
-[![npm](https://img.shields.io/npm/dt/nativescript-cardview.svg?label=npm%20downloads)](https://www.npmjs.com/package/nativescript-cardview)
-
-# NativeScript CardView :diamonds: :clubs:
-
-A NativeScript plugin to provide an XML widget to implement the Material Design CardView component.
-
-##### [Material Design Card Spec](https://www.google.com/design/spec/components/cards.html)
-##### [CardView Android Documentation](http://developer.android.com/intl/zh-tw/reference/android/support/v7/widget/CardView.html) 
-##### iOS version uses the [MaterialCard](https://cocoapods.org/pods/MaterialCard) pod by [Nathan Walker](https://github.com/NathanWalker)
-
-
-## Installation
-`npm install nativescript-cardview`
-  
-## Usage
-
- <span style="color:red">IMPORTANT: </span>*Make sure you include `xmlns:Card="nativescript-cardview"` on the Page element*
-
-### XML
-```XML
-<Page xmlns:Card="nativescript-cardview">
-   <StackLayout>     
-      <Card:CardView class="cardStyle" margin="10" elevation="40" radius="5">
-           <grid-layout rows="200, auto, auto" columns="auto, auto, *">
-               <image src="~/images/batman.jpg" stretch="aspectFill" colSpan="3" row="0" />
-               <label text="Batman wants to be friends?" class="info" textWrap="true" row="1" colSpan="3" />          
-               <button text="DECLINE" tap="goAway" row="2" col="0" />
-               <button text="ACCEPT" row="2" col="1" />
-           </grid-layout>
-       </Card:CardView>
-   </StackLayout>
-</Page>
-```
-
-### CSS
-```CSS
-.cardStyle {
-    background-color: #3489db;
-    color: #fff;
-}
-```
-
-## Attributes
-
-* **radius** *optional*
-
-An attribute to control the 'border-radius' of the card.
-
-### Platform specific options
-
-#### Android
-
-* **elevation** *optional*
-
- An attribute to set the elevation of the card. This will increase the 'drop-shadow' of the card.
-There can be some performance impact when using a very high elevation value.
-
-#### iOS
-
-* **shadowOffsetWidth** *optional*
-
-An attribute to offset the x position of the shadow behind the card.
- 
-* **shadowOffsetHeight** *optional*
-
-An attribute to offset the y position of the shadow behind the card.
-
-* **shadowColor** *optional*
-
-An attribute to set the color of the shadow behind the card.
-
-* **shadowOpacity** *optional*
-
-An attribute to set the opacity of the shadow behind the card.
-
-The default values are set to:
-``` 
-radius = 2;
-shadowOffsetWidth = 0;
-shadowOffsetHeight = 2;
-shadowColor = new Color('#000').ios
-shadowOpacity = 0.4;
-```
-
-## Sample Screenshots
-
-#### Android
-
-Sample 1 |  Sample 2
--------- | ---------
-![Sample1](screenshots/sample_card1.png) | ![Sample2](screenshots/sample_card2.png)
-
-Sample 3 | Sample 4
--------- | -------
-![Sample3](screenshots/sample_card3.png) | ![Sample4](screenshots/sample_card4.png)
-
-#### iOS
-
-Sample 1 |  Sample 2
--------- | ---------
-![Sample1](screenshots/sample_card1_ios.png) | ![Sample2](screenshots/sample_card2_ios.png)
-
-Sample 3 | Sample 4
--------- | -------
-![Sample3](screenshots/sample_card3_ios.png) | ![Sample4](screenshots/sample_card4_ios.png)
-
-#### Contributing
-[Please follow here](https://github.com/bradmartin/nativescript-cardview/blob/master/CONTRIBUTING.md)
-
-#### Contributors
-- [NathanaelA](https://github.com/NathanaelA)
-- [NathanWalker](https://github.com/NathanWalker)
+[![npm](https://img.shields.io/npm/v/nativescript-cardview.svg)](https://www.npmjs.com/package/nativescript-cardview)
+[![npm](https://img.shields.io/npm/dt/nativescript-cardview.svg?label=npm%20downloads)](https://www.npmjs.com/package/nativescript-cardview)
+
+# NativeScript CardView :diamonds: :clubs:
+
+A NativeScript plugin to provide an XML widget to implement the Material Design CardView component.
+
+##### [Material Design Card Spec](https://www.google.com/design/spec/components/cards.html)
+##### [CardView Android Documentation](http://developer.android.com/intl/zh-tw/reference/android/support/v7/widget/CardView.html) 
+##### iOS version uses the [MaterialCard](https://cocoapods.org/pods/MaterialCard) pod by [Nathan Walker](https://github.com/NathanWalker)
+
+
+## Installation
+`npm install nativescript-cardview`
+  
+## Vanilla NativeScript
+
+ <span style="color:red">IMPORTANT: </span>*Make sure you include `xmlns:Card="nativescript-cardview"` on the Page element*
+
+### XML
+```XML
+<Page xmlns:Card="nativescript-cardview">
+   <StackLayout>     
+      <Card:CardView class="cardStyle" margin="10" elevation="40" radius="5">
+           <grid-layout rows="200, auto, auto" columns="auto, auto, *">
+               <image src="~/images/batman.jpg" stretch="aspectFill" colSpan="3" row="0" />
+               <label text="Batman wants to be friends?" class="info" textWrap="true" row="1" colSpan="3" />          
+               <button text="DECLINE" tap="goAway" row="2" col="0" />
+               <button text="ACCEPT" row="2" col="1" />
+           </grid-layout>
+       </Card:CardView>
+   </StackLayout>
+</Page>
+```
+
+### CSS
+```CSS
+.cardStyle {
+    background-color: #3489db;
+    color: #fff;
+}
+```
+
+
+## Angular NativeScript
+
+```TS
+import * as elementRegistryModule from 'nativescript-angular/element-registry';
+elementRegistryModule.registerElement("CardView", () => require("nativescript-cardview").CardView);
+```
+
+```XML
+<CardView class="cardStyle" margin="10" elevation="40" radius="1" >
+	<GridLayout rows="10,30,30,250, auto, auto,10" columns="10,40, *, 30,10">
+		<Image src="res://profile" stretch="aspectFit" verticalAlignment="stretch" col="1" row="1" rowSpan="2"></Image>
+		<Label class="createdBy text-left" horizontalAlignment="left" [text]="item.CreatedBy" row="1" col="2" textWrap="true"></Label>
+		<Label class="createdOn text-left" horizontalAlignment="left" [text]="item.UpdatedDate" row="2" col="2"></Label>
+		<Image [src]="'https://img.youtube.com/vi/'+item.MediaURL+'/mqdefault.jpg'" stretch="aspectFit" colSpan="3" col="1" row="3"></Image>
+		<Label horizontalAlignment="left" [text]="item.Title" colSpan="3" row="4" textWrap="true" col="1"></Label>
+		<Label  horizontalAlignment="left" [text]="item.Summary" textWrap="true" col="1" row="5" colSpan="3"></Label>
+	</GridLayout>
+</CardView>
+```
+
+## Attributes
+
+* **radius** *optional*
+
+An attribute to control the 'border-radius' of the card.
+
+### Platform specific options
+
+#### Android
+
+* **elevation** *optional*
+
+ An attribute to set the elevation of the card. This will increase the 'drop-shadow' of the card.
+There can be some performance impact when using a very high elevation value.
+
+#### iOS
+
+* **shadowOffsetWidth** *optional*
+
+An attribute to offset the x position of the shadow behind the card.
+ 
+* **shadowOffsetHeight** *optional*
+
+An attribute to offset the y position of the shadow behind the card.
+
+* **shadowColor** *optional*
+
+An attribute to set the color of the shadow behind the card.
+
+* **shadowOpacity** *optional*
+
+An attribute to set the opacity of the shadow behind the card.
+
+The default values are set to:
+``` 
+radius = 2;
+shadowOffsetWidth = 0;
+shadowOffsetHeight = 2;
+shadowColor = new Color('#000').ios
+shadowOpacity = 0.4;
+```
+
+## Sample Screenshots
+
+#### Android
+
+Sample 1 |  Sample 2
+-------- | ---------
+![Sample1](screenshots/sample_card1.png) | ![Sample2](screenshots/sample_card2.png)
+
+
+#### iOS
+
+Sample 1 |  Sample 2
+-------- | ---------
+![Sample1](screenshots/sample_card1_ios.png) | ![Sample2](screenshots/sample_card3_ios.png)
+
+
+#### Contributing
+[Please follow here](https://github.com/bradmartin/nativescript-cardview/blob/master/CONTRIBUTING.md)
+
+#### Contributors
+
+<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
+| [<img src="https://avatars1.githubusercontent.com/u/6006148?v=3" width="100px;"/><br /><sub>Brad Martin</sub>](https://bradmartin.net/)<br />
+| [<img src="https://avatars2.githubusercontent.com/u/457187?v=3" width="100px;"/><br /><sub>Nathan Walker</sub>](https://github.com/NathanWalker)<br />
+| [<img src="https://avatars0.githubusercontent.com/u/850871?v=3" width="100px;"/><br /><sub>Nathanael Anderson</sub>](https://github.com/NathanaelA)<br /> 
+| [<img src="https://avatars1.githubusercontent.com/u/7893485?v=3" width="100px;"/><br /><sub>Stanimira Vlaeva</sub>](https://github.com/sis0k0)<br /> 
+| [<img src="https://avatars1.githubusercontent.com/u/1426370?v=3" width="100px;"/><br /><sub>Eddy Verbruggen</sub>](https://github.com/EddyVerbruggen)<br /> 
+<!-- ALL-CONTRIBUTORS-LIST:END -->
diff --git a/package.json b/package.json
index b5c0759..7028175 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,10 @@
       "name": "Nathanael Walker",
       "email": "nathan.walker@infowrap.com",
       "url": "https://github.com/NathanWalker"
+    }, 
+    {
+      "name": "Ned",
+      "url": "https://github.com/manijak"
     }
   ],
   "author": "Brad Martin <bradwaynemartin@gmail.com> (https://github.com/bradmartin)",