Permalink
Browse files

images and flexbox

  • Loading branch information...
jlooper committed Jan 18, 2017
1 parent c134f36 commit f4e535475707a84953edb2f88a4cd81ef5ccc154
@@ -25,6 +25,17 @@
android:label="@string/app_name"
android:theme="@style/AppTheme">
<service android:name="org.nativescript.plugins.firebase.MyFirebaseInstanceIDService">
<intent-filter>
<action android:name="com.google.firebase.INSTANCE_ID_EVENT"/>
</intent-filter>
</service>
<service android:name="org.nativescript.plugins.firebase.MyFirebaseMessagingService">
<intent-filter>
<action android:name="com.google.firebase.MESSAGING_EVENT"/>
</intent-filter>
</service>
<activity
android:name="com.tns.NativeScriptActivity"
android:label="@string/title_activity_kimera"
BIN +17 Bytes (110%) app/App_Resources/iOS/home.png
Binary file not shown.
BIN +158 Bytes (140%) app/App_Resources/iOS/home@2x.png
Binary file not shown.
BIN +649 Bytes (210%) app/App_Resources/iOS/home@3x.png
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN -619 Bytes (35%) app/App_Resources/iOS/me.png 100644 → 100755
Binary file not shown.
BIN -807 Bytes (50%) app/App_Resources/iOS/me@2x.png 100644 → 100755
Binary file not shown.
BIN -1.33 KB (57%) app/App_Resources/iOS/me@3x.png 100644 → 100755
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
@@ -3,4 +3,29 @@
font-family: FontAwesome, fontawesome-webfont;
}
.grey {
color: lightgray;
}
.blue {
color: deepskyblue;
}
Label {
padding-left: 5;
padding-right: 5;
}
Image {
margin-left: 4;
}
ActionBar {
background-color: white;
}
.row {
border-bottom-width: 1;
border-color: lightgray;
}
@import 'nativescript-theme-core/css/core.light.css';

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
@@ -20,8 +20,7 @@ export class HomeComponent implements OnInit {
UID: string;
public gifts$: Observable<any>;
public message$: Observable<any>;
constructor(private routerExtensions: RouterExtensions,
private firebaseService: FirebaseService,
private router: Router
@@ -1,17 +1,117 @@
<ActionBar title="Yowwlr" icon="" class="action-bar">
<ActionItem (tap)="logout()">
<Button [text]="'fa-sign-out' | fonticon" class="fa"></Button>
</ActionItem>
</ActionBar>
<ActionBar title="Yowwlr" icon="">
<ActionItem ios.position="left">
<Button [text]="'fa-user-plus' | fonticon" class="fa blue"></Button>
</ActionItem>
<ActionItem ios.position="right">
<Button [text]="'fa-search' | fonticon" class="fa blue"></Button>
</ActionItem>
<ActionItem ios.position="right">
<Button [text]="'fa-pencil-square-o' | fonticon" class="fa blue"></Button>
</ActionItem>
</ActionBar>
<TabView #tabview [selectedIndex]="tabindex" class="tab-view">
<StackLayout *tabItem="{title: 'Home', iconSource:'res://home'}">
<Label text="NativeScript" class="m-15 h2 text-left" color="blue"></Label>
<ScrollView>
<Label class="fa" [text]="'fa-plus' | fonticon"></Label>
</ScrollView>
<StackLayout align="top" *tabItem="{title: 'Home', iconSource:'res://home'}">
<FlexboxLayout class="row" flexDirection="row">
<FlexboxLayout flexDirection="column">
<Image src="~/images/k1" width="100" height="100" justifyContent="top"></Image>
</FlexboxLayout>
<FlexboxLayout flexDirection="row" flexWrap="wrap">
<Label text="Fluffy Smith" fontSize="15"></Label>
<Label text="@fluffysmith" horizontalAlignment="left" fontSize="11"></Label>
<Label text="33s" horizontalAlignment="left" fontSize="11"></Label>
<Button [text]="'fa-chevron-down' | fonticon" class="fa grey"></Button>
<Label textWrap="true" text="Chase mice mark territory or intently stare at the same spot. Give attitude hunt anything that moves so inspect anything brought into house"
fontSize="12"></Label>
<FlexboxLayout flexDirection="row">
<Button width="25%" flexGrow="1" [text]="'fa-mail-reply' | fonticon" class="fa grey"></Button>
<Button width="25%" flexGrow="1" [text]="'fa-retweet' | fonticon" class="fa grey"></Button>
<Button width="25%" flexGrow="1" [text]="'fa-heart' | fonticon" class="fa grey"></Button>
<Button width="25%" flexGrow="1" [text]="'fa-envelope' | fonticon" class="fa grey"></Button>
</FlexboxLayout>
</FlexboxLayout>
</FlexboxLayout>
<FlexboxLayout class="row" flexDirection="row">
<FlexboxLayout flexDirection="row" flexWrap="wrap">
<Image src="~/images/k2" width="100" height="100"></Image>
</FlexboxLayout>
<FlexboxLayout flexDirection="row" flexWrap="wrap">
<Label text="Pinky Pawkins" fontSize="15"></Label>
<Label text="@pinkypawkins" horizontalAlignment="left" fontSize="11"></Label>
<Label text="33s" horizontalAlignment="left" fontSize="11"></Label>
<Button [text]="'fa-chevron-down' | fonticon" class="fa grey"></Button>
<Label textWrap="true" text="Caticus cuteicus who's the baby the dog smells bad yet eat prawns daintily with a claw then lick paws clean wash down prawns"
fontSize="12"></Label>
<FlexboxLayout flexDirection="row">
<Button width="25%" flexGrow="1" [text]="'fa-mail-reply' | fonticon" class="fa grey"></Button>
<Button width="25%" flexGrow="1" [text]="'fa-retweet' | fonticon" class="fa grey"></Button>
<Button width="25%" flexGrow="1" [text]="'fa-heart' | fonticon" class="fa grey"></Button>
<Button width="25%" flexGrow="1" [text]="'fa-envelope' | fonticon" class="fa grey"></Button>
</FlexboxLayout>
</FlexboxLayout>
</FlexboxLayout>
<FlexboxLayout class="row" flexDirection="row">
<FlexboxLayout flexDirection="row" flexWrap="wrap">
<Image src="~/images/k3" width="100" height="100"></Image>
</FlexboxLayout>
<FlexboxLayout flexDirection="row" flexWrap="wrap">
<Label text="Mr. Grumps" fontSize="15"></Label>
<Label text="@mrgrumps" horizontalAlignment="left" fontSize="11"></Label>
<Label text="1h" horizontalAlignment="left" fontSize="11"></Label>
<Button [text]="'fa-chevron-down' | fonticon" class="fa grey"></Button>
<Label textWrap="true" text="i am the best yet with tail in the air. And sometimes switches in french and say miaou just because well why not chase red laser dot hiss."
fontSize="12"></Label>
<FlexboxLayout flexDirection="row">
<Button width="25%" flexGrow="1" [text]="'fa-mail-reply' | fonticon" class="fa grey"></Button>
<Button width="25%" flexGrow="1" [text]="'fa-retweet' | fonticon" class="fa grey"></Button>
<Button width="25%" flexGrow="1" [text]="'fa-heart' | fonticon" class="fa grey"></Button>
<Button width="25%" flexGrow="1" [text]="'fa-envelope' | fonticon" class="fa grey"></Button>
</FlexboxLayout>
</FlexboxLayout>
</FlexboxLayout>
<FlexboxLayout class="row" flexDirection="row">
<FlexboxLayout flexDirection="row" flexWrap="wrap">
<Image src="~/images/k4" width="100" height="100"></Image>
</FlexboxLayout>
<FlexboxLayout flexDirection="row" flexWrap="wrap">
<Label text="Madame Abla" fontSize="15"></Label>
<Label text="@mmeabla" horizontalAlignment="left" fontSize="11"></Label>
<Label text="1d" horizontalAlignment="left" fontSize="11"></Label>
<Button [text]="'fa-chevron-down' | fonticon" class="fa grey"></Button>
<Label textWrap="true" text="Chase ball of string. if it fits, i sits. Put butt in owner's face daintily."
fontSize="12"></Label>
<FlexboxLayout flexDirection="row">
<Button width="25%" flexGrow="1" [text]="'fa-mail-reply' | fonticon" class="fa grey"></Button>
<Button width="25%" flexGrow="1" [text]="'fa-retweet' | fonticon" class="fa grey"></Button>
<Button width="25%" flexGrow="1" [text]="'fa-heart' | fonticon" class="fa grey"></Button>
<Button width="25%" flexGrow="1" [text]="'fa-envelope' | fonticon" class="fa grey"></Button>
</FlexboxLayout>
</FlexboxLayout>
</FlexboxLayout>
</StackLayout>
<StackLayout *tabItem="{title: 'Notifications', iconSource:'res://notifications'}">
<Label class="fa" [text]="'fa-plus' | fonticon"></Label>
@@ -24,4 +124,4 @@
<Image class="m-t-30 m-b-15" src="res://icon" width="80" height="80"></Image>
<Label text="NativeScript" textWrap="true" class="h2 m-x-auto" color="blue"></Label>
</StackLayout>
</TabView>
</TabView>

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
Oops, something went wrong.

0 comments on commit f4e5354

Please sign in to comment.