javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(card): mock the social card from the docs

Browse Source 
references #375
This commit is contained in:
Brandy Carney
2016-01-05 21:52:27 -05:00
parent 5e5f730915
commit 8987e4b932
2 changed files with 118 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ionic/components/card/test/social/index.ts Normal file
View File

@@ -0,0 +1,7 @@
import {App} from 'ionic/ionic';
@App({
templateUrl: 'main.html'
})
class E2EApp {}

111
ionic/components/card/test/social/main.html Normal file
View File

@@ -0,0 +1,111 @@
<ion-toolbar>
<ion-title>Social Card</ion-title>
</ion-toolbar>
<ion-content class="social-cards">
<ion-card>
<ion-item>
<ion-avatar item-left>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
</ion-avatar>
<h2>Marty McFly</h2>
<p>November 5, 1955</p>
</ion-item>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
<ion-card-content>
<p>Wait a minute. Wait a minute, Doc. Uhhh... Are you telling me that you built a time machine... out of a DeLorean?! Whoa. This is heavy.</p>
</ion-card-content>
<ion-item>
<button primary clear item-left>
<icon thumbs-up></icon>
<div>12 Likes</div>
</button>
<button primary clear item-left>
<icon text></icon>
<div>4 Comments</div>
</button>
<ion-note item-right>
11h ago
</ion-note>
</ion-item>
</ion-card>
<ion-card>
<ion-item>
<ion-avatar item-left>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
</ion-avatar>
<h2>Sarah Connor</h2>
<p>May 12, 1984</p>
</ion-item>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
<ion-card-content>
<p>I face the unknown future, with a sense of hope. Because if a machine, a Terminator, can learn the value of human life, maybe we can too.</p>
</ion-card-content>
<ion-item>
<button primary clear item-left>
<icon thumbs-up></icon>
<div>30 Likes</div>
</button>
<button primary clear item-left>
<icon text></icon>
<div>64 Comments</div>
</button>
<ion-note item-right>
30yr ago
</ion-note>
</ion-item>
</ion-card>
<ion-card>
<ion-item>
<ion-avatar item-left>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
</ion-avatar>
<h2>Dr. Ian Malcolm</h2>
<p>June 28, 1990</p>
</ion-item>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
<ion-card-content>
<p>Your scientists were so preoccupied with whether or not they could, that they didn't stop to think if they should.</p>
</ion-card-content>
<ion-item>
<button primary clear item-left>
<icon thumbs-up></icon>
<div>46 Likes</div>
</button>
<button primary clear item-left>
<icon text></icon>
<div>66 Comments</div>
</button>
<ion-note item-right>
2d ago
</ion-note>
</ion-item>
</ion-card>
</ion-content>
<style>
.social-cards img {
height: 200px;
}
</style>