mifi/looking-monorepo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Mike Fitzpatrick
2018-03-02 02:59:55 -05:00
parent 30518e56d4
commit 33cf657c70
34 changed files with 541 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/pages/profile/profile.html Normal file
View File

@@ -0,0 +1,77 @@
<ion-content no-padding [style.backgroundImage]="getBackground(profile.details.pic)" (tap)="showLightbox($event, profile.details.pic.detail)">
<ion-toolbar>
<ion-buttons left>
<button ion-button icon-only (tap)="closeProfile($event)">
<ion-icon name="arrow-back"></ion-icon>
</button>
</ion-buttons>
<!--ion-buttons right>
<button ion-button icon-only>
<ion-icon name="cog"></ion-icon>
</button>
</ion-buttons-->
</ion-toolbar>
<div id="detail-overlay" class="details" swipeAll (swipedown)="closeProfileDetails($event)" (swipeup)="openProfileDetails($event)">
<ion-grid>
<ion-row nowrap align-items-center justify-content-between>
<ion-col col-8>
<h2>{{this.profile.details.name}}</h2>
</ion-col>
<ion-col col-4 class="actions">
<button ion-button icon-only clear (tap)="openChat($event, this.profile)">
<ion-icon name='ios-chatboxes-outline'></ion-icon>
</button>
</ion-col>
</ion-row>
<ion-row *ngIf="this.profile.details.about">
<ion-col col-12>{{this.profile.details.about}}</ion-col>
</ion-row>
<ion-row *ngIf="this.profile.details.height">
<ion-col col-4>Height</ion-col>
<ion-col col-8>{{this.profile.details.height}}</ion-col>
</ion-row>
<ion-row *ngIf="this.profile.details.weight">
<ion-col col-4>Weight</ion-col>
<ion-col col-8>{{this.profile.details.weight}}</ion-col>
</ion-row>
<ion-row *ngIf="this.profile.details.ethnicity">
<ion-col col-4>Ethnicity</ion-col>
<ion-col col-8>{{this.profile.details.ethnicity}}</ion-col>
</ion-row>
<ion-row *ngIf="this.profile.details.body">
<ion-col col-4>Body Type</ion-col>
<ion-col col-8>{{this.profile.details.body}}</ion-col>
</ion-row>
<ion-row *ngIf="this.profile.details.gender">
<ion-col col-4>Gender</ion-col>
<ion-col col-8>{{this.profile.details.gender}}</ion-col>
</ion-row>
<ion-row *ngIf="this.profile.details.pronouns">
<ion-col col-4>Pronouns</ion-col>
<ion-col col-8>{{this.profile.details.pronouns}}</ion-col>
</ion-row>
<ion-row *ngIf="this.profile.details.tribe">
<ion-col col-4>Tribes</ion-col>
<ion-col col-8>{{this.profile.details.tribe}}</ion-col>
</ion-row>
<ion-row *ngIf="this.profile.details.position">
<ion-col col-4>Position</ion-col>
<ion-col col-8>{{this.profile.details.position}}</ion-col>
</ion-row>
<ion-row *ngIf="this.profile.details.looking">
<ion-col col-4>I'm Looking For</ion-col>
<ion-col col-8>{{this.profile.details.looking}}</ion-col>
</ion-row>
<ion-row *ngIf="this.profile.details.status">
<ion-col col-4>HIV Status</ion-col>
<ion-col col-8>{{this.profile.details.status}}</ion-col>
</ion-row>
<ion-row *ngIf="this.profile.details.tested">
<ion-col col-4>Last Tested</ion-col>
<ion-col col-8>{{this.profile.details.tested}}</ion-col>
</ion-row>
</ion-grid>
</div>
</ion-content>