@ -1 +1,15 @@ |
|||||
/* Empty. Add your own CSS if you like */ |
/* Empty. Add your own CSS if you like */ |
||||
|
.o-imgMenu{ |
||||
|
width: 25px!important; |
||||
|
height: 25px!important; |
||||
|
} |
||||
|
.o-imgTitle{ |
||||
|
width: 40px!important; |
||||
|
height: 40px!important; |
||||
|
} |
||||
|
.o-bold{ |
||||
|
font-weight: bold!important; |
||||
|
} |
||||
|
.o-float-right{ |
||||
|
float: right; |
||||
|
} |
@ -0,0 +1,54 @@ |
|||||
|
<ion-modal-view view-title="Travel"> |
||||
|
<ion-content> |
||||
|
|
||||
|
<h4> |
||||
|
<img class='o-imgTitle' src="img/road.png" /> |
||||
|
New Travel {{newtravel.title}} |
||||
|
</h4> |
||||
|
<form class="list"> |
||||
|
<label class="item item-input"> |
||||
|
<span class="input-label"t>Title</span> |
||||
|
<input ng-model="newtravel.title" class="positive" type="text" placeholder=""> |
||||
|
</label> |
||||
|
|
||||
|
<label class="item item-input"> |
||||
|
<span class="input-label">From</span> |
||||
|
<input ng-model="newtravel.from" type="text" placeholder=""> |
||||
|
</label> |
||||
|
<label class="item item-input"> |
||||
|
<span class="input-label">To</span> |
||||
|
<input ng-model="newtravel.to" type="text" placeholder=""> |
||||
|
</label> |
||||
|
|
||||
|
<label class="item item-input"> |
||||
|
<span class="input-label">nºSeats</span> |
||||
|
<input ng-model="newtravel.seats" type="number" placeholder=""> |
||||
|
</label> |
||||
|
|
||||
|
<label class="item item-input"> |
||||
|
<span class="input-label">Date</span> |
||||
|
<input ng-model="newtravel.date" type="date" placeholder=""> |
||||
|
</label> |
||||
|
<label class="item item-input"> |
||||
|
<span class="input-label">hour</span> |
||||
|
<input ng-model="newtravel.date" type="time" placeholder=""> |
||||
|
</label> |
||||
|
<label class="item item-input"> |
||||
|
<span class="input-label">phone contact</span> |
||||
|
<input ng-model="newtravel.phone" type="number" placeholder=""> |
||||
|
</label> |
||||
|
|
||||
|
<label class="item item-input item-floating-label"> |
||||
|
<span class="input-label">Description</span> |
||||
|
<input ng-model="newtravel.description" type="text" placeholder="Description"> |
||||
|
</label> |
||||
|
<button ng-click="closeNewTravel()" class="button button-assertive"> |
||||
|
Cancel |
||||
|
</button> |
||||
|
<button ng-click="doNewTravel()" class="button button-calm"> |
||||
|
Create travel |
||||
|
</button> |
||||
|
</form> |
||||
|
|
||||
|
</ion-content> |
||||
|
</ion-modal-view> |
@ -1,5 +1,23 @@ |
|||||
<ion-view view-title="Travel"> |
<ion-view view-title="Travel"> |
||||
<ion-content> |
<ion-content> |
||||
<h1>{{travel.title}}</h1> |
|
||||
|
<div class="item item-avatar"> |
||||
|
<img ng-src="img/carimg/{{travel.icon}}.png"> |
||||
|
<h2>{{travel.title}}</h2> |
||||
|
<p>{{travel.owner}}</p> |
||||
|
</div> |
||||
|
<div class="item item-body"> |
||||
|
<div class="badge item-note">{{travel.date | date:"dd/MM HH:mm a"}}</div> |
||||
|
<p><img class='o-imgTitle' src="img/from-to.png" />{{travel.from}} - {{travel.to}}</p> |
||||
|
<p>nº car seats: {{trave.seats}}</p> |
||||
|
<p class="o-bold">{{travel.description}}</p> |
||||
|
<br> |
||||
|
<p> |
||||
|
<img class='o-imgMenu' src="img/smartphone.png" /> {{travel.phone}} |
||||
|
</p> |
||||
|
|
||||
|
<p class='text-right'> |
||||
|
<a href="#" class="button button-calm o-pull-right">Ask to join</a> |
||||
|
</p> |
||||
|
</div> |
||||
</ion-content> |
</ion-content> |
||||
</ion-view> |
</ion-view> |
@ -1,11 +1,19 @@ |
|||||
<ion-view view-title="Travels"> |
<ion-view view-title="Travels"> |
||||
<ion-content> |
<ion-content> |
||||
|
|
||||
<div class="list"> |
<div class="list"> |
||||
<a ng-repeat="travel in travels" class="item item-avatar" href="#/app/travels/{{travel.id}}"> |
|
||||
|
<div class=""> |
||||
|
<a ng-click="showNewTravel()" class="button icon ion-plus o-float-right"></a> |
||||
|
</div> |
||||
|
<a ng-repeat="travel in travels | orderBy: 'date'" class="item item-avatar" href="#/app/travels/{{travel._id}}"> |
||||
<img ng-src="img/carimg/{{travel.icon}}.png"> |
<img ng-src="img/carimg/{{travel.icon}}.png"> |
||||
<h2>{{travel.title}}</h2> |
<h2>{{travel.title}}</h2> |
||||
<p>{{travel.description}}</p> |
|
||||
|
<p> |
||||
|
{{travel.description}} |
||||
|
</p> |
||||
|
<p class="">nºseats: {{travel.seats}}</p> |
||||
<div class="badge badge-calm item-note">{{travel.owner}}</div> |
<div class="badge badge-calm item-note">{{travel.owner}}</div> |
||||
|
<div class="badge badge-calm item-note">{{travel.date | date:"dd/MM HH:mm a"}}</div> |
||||
</a> |
</a> |
||||
</div> |
</div> |
||||
</ion-content> |
</ion-content> |
||||
|