from angular-material to pure ionic

This commit is contained in:
arnaucode
2017-06-19 22:09:18 +02:00
parent c9641dc98f
commit 8c234cb6f4
13 changed files with 570 additions and 79 deletions

View File

@@ -18,9 +18,9 @@
</p>
<p ng-show="storageuser._id==user._id">
<md-button class="o_purple300" ng-click="update()">
<a class="button o_purple300" ng-click="update()">
{{'Save_changes' | translate}}
</md-button>
</a>
</p>
</div>
<div class="item">

View File

@@ -1,33 +1,33 @@
<ion-view view-title="{{'Offer_Car' | translate}}">
<ion-content class="has-footer">
<div class="padding">
<md-input-container class="md-block" flex-gt-sm>
<label>{{'Title' | translate}}</label>
<input ng-model="newtravel.title">
</md-input-container>
<label class="item item-input">
<span class="input-label">{{'Title' | translate}}</span>
<input type="text" ng-model="newtravel.title">
</label>
<div layout="row">
<md-input-container>
<label>{{'From' | translate}}</label>
<input ng-model="newtravel.from.name">
</md-input-container>
<md-input-container>
<label>{{'To' | translate}}</label>
<input ng-model="newtravel.to.name">
</md-input-container>
<label class="item item-input">
<span class="input-label">{{'From' | translate}}</span>
<input type="text" ng-model="newtravel.from.name">
</label>
<label class="item item-input">
<span class="input-label">{{'To' | translate}}</span>
<input type="text" ng-model="newtravel.to.name">
</label>
</div>
</div><!-- end of padding -->
<md-button ng-click="getGeo()" ng-show="newtravel.from.name && newtravel.to.name"
class="o_purple300">{{'Get_positions' | translate}}</md-button>
<a ng-click="getGeo()" ng-show="newtravel.from.name && newtravel.to.name"
class="button o_purple300">{{'Get_positions' | translate}}</a>
<leaflet ng-show="markers[0]"
width="100%" height="40%" markers="markers" center="center"
tiles="tiles" id="map-simple-map"></leaflet>
<div class="padding" ng-show="markers[0]">
<md-input-container class="md-block" flex-gt-sm>
<label>{{'n_Seats' | translate}}</label>
<label class="item item-input">
<span class="input-label">{{'n_Seats' | translate}}</span>
<input ng-model="newtravel.seats" type="number">
</md-input-container>
</label>
<label class="item-input">
<span class="input-label">{{'Date' | translate}}</span>
@@ -44,14 +44,14 @@
<ion-toggle ng-model="newtravel.collectivized" toggle-class="toggle-calm">
{{'Collectivized_car' | translate}}
</ion-toggle>
<md-input-container class="md-block" flex-gt-sm>
<label>{{'Description' | translate}}</label>
<input ng-model="newtravel.description">
</md-input-container>
<label class="item item-input">
<span class="input-label">{{'Description' | translate}}</span>
<input type="text" ng-model="newtravel.description">
</label>
<p class="padding">
<md-button ng-click="createTravel()" class="o_purple400 o_floatRight">
<a ng-click="createTravel()" class="button o_purple400 o_floatRight">
{{'Create_travel' | translate}}
</md-button>
</a>
</p>
</div><!-- end of padding -->
</ion-content>

View File

@@ -4,7 +4,7 @@
<div class="item item-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="search" placeholder="{{'search' | translate}}..." ng-model="search.word">
<md-button class="o_purple300" ng-click="doSearch()"><i class="icon ion-search"></i></md-button>
<a class="button button-small o_purple300" ng-click="doSearch()"><i class="icon ion-search"></i></a>
</div>
<div class="item item-divider o_purple300" ng-show="travels[0]">
{{'Travels' | translate}}

View File

@@ -3,34 +3,34 @@
<h1 class="title">{{'Signup' | translate }}</h1>
</ion-header-bar>
<ion-content>
<div class="padding">
<md-input-container class="md-block" flex-gt-sm>
<label>{{'Username' | translate}}</label>
<input ng-model="signupData.username">
</md-input-container>
<md-input-container class="md-block" flex-gt-sm>
<label>{{'Password' | translate}}</label>
<div class="list">
<label class="item item-input">
<span class="input-label">{{'Username' | translate}}</span>
<input type="text" ng-model="signupData.username">
</label>
<label class="item item-input">
<span class="input-label">{{'Password' | translate}}</span>
<input type="password" ng-model="signupData.password">
</md-input-container>
<md-input-container class="md-block" flex-gt-sm>
<label>{{'Email' | translate}}</label>
<input ng-model="signupData.email">
</md-input-container>
<md-input-container class="md-block" flex-gt-sm>
<label>{{'Phone' | translate}}</label>
</label>
<label class="item item-input">
<span class="input-label">{{'Email' | translate}}</span>
<input type="text" ng-model="signupData.email">
</label>
<label class="item item-input">
<span class="input-label">{{'Phone' | translate}}</span>
<input type="number" ng-model="signupData.phone">
</md-input-container>
<md-input-container class="md-block" flex-gt-sm>
<label>{{'Telegram' | translate}}</label>
<input ng-model="signupData.telegram">
</md-input-container>
<md-input-container class="md-block" flex-gt-sm>
<label>{{'Description' | translate}}</label>
<input ng-model="signupData.description">
</md-input-container>
</label>
<label class="item item-input">
<span class="input-label">{{'Telegram' | translate}}</span>
<input type="text" ng-model="signupData.telegram">
</label>
<label class="item item-input">
<span class="input-label">{{'Description' | translate}}</span>
<input type="text" ng-model="signupData.description">
</label>
<div>
<md-button class="o_purple100" ng-href="#/app/login">{{'Cancel' | translate}}</md-button>
<md-button class="o_purple300 o_floatRight" ng-click="doSignup()">{{'Signup' | translate}}</md-button>
<a class="button o_purple100" ng-href="#/app/login">{{'Cancel' | translate}}</a>
<a class="button o_purple300 o_floatRight" ng-click="doSignup()">{{'Signup' | translate}}</a>
</div>
</div>
</ion-content>

View File

@@ -7,10 +7,10 @@
<div class="item item-icon-left">
<div class="item-note">
<p>
<md-button ng-href="#/app/users/{{travel.user._id}}">
<a class="button" ng-href="#/app/users/{{travel.user._id}}">
<img class="o_userImgCircularMini" ng-src="{{travel.user.avatar}}"></img>
{{travel.user.username}}
</md-button>
</a>
<p class="text-right">
<a ng-click="deleteTravel()" class="button button-small o_bRed"
ng-show="storageuser._id==travel.user._id">
@@ -51,22 +51,22 @@
<p class='text-right'>
<div ng-show="userHasJoined(travel.joinPetitions, storageuser._id)==-1">
<div ng-show="userHasJoined(travel.joins, storageuser._id)==-1">
<md-button ng-show="travel.type=='offering'" ng-click="joinTravel()" class="o_purple300">{{'Ask_to_join' | translate}}</md-button>
<md-button ng-show="travel.type=='asking'" ng-click="joinTravel()" class="o_purple300">{{'Offer_car' | translate}}</md-button>
<md-button ng-show="travel.type=='package'" ng-click="joinTravel()" class="o_purple300">{{'Offer_car' | translate}}</md-button>
<a ng-show="travel.type=='offering'" ng-click="joinTravel()" class="button o_purple300">{{'Ask_to_join' | translate}}</a>
<a ng-show="travel.type=='asking'" ng-click="joinTravel()" class="button o_purple300">{{'Offer_car' | translate}}</a>
<a ng-show="travel.type=='package'" ng-click="joinTravel()" class="button o_purple300">{{'Offer_car' | translate}}</a>
</div>
</div>
<div ng-show="userHasJoined(travel.joinPetitions, storageuser._id)>-1">
<md-button ng-show="travel.type=='offering'" ng-click="unjoinTravel()" class="o_purple100">{{'Unjoin' | translate}}</md-button>
<md-button ng-show="travel.type=='asking'" ng-click="unjoinTravel()" class="o_purple100">{{'Unoffer_car' | translate}}</md-button>
<md-button ng-show="travel.type=='package'" ng-click="unjoinTravel()" class="o_purple100">{{'Unoffer_car' | translate}}</md-button>
<a ng-show="travel.type=='offering'" ng-click="unjoinTravel()" class="button o_purple100">{{'Unjoin' | translate}}</a>
<a ng-show="travel.type=='asking'" ng-click="unjoinTravel()" class="button o_purple100">{{'Unoffer_car' | translate}}</a>
<a ng-show="travel.type=='package'" ng-click="unjoinTravel()" class="button o_purple100">{{'Unoffer_car' | translate}}</a>
</div>
<div ng-show="userHasJoined(travel.joins, storageuser._id)>-1">
<md-button ng-show="travel.type=='offering'" ng-click="leaveTravel()" class="o_bRed">{{'Leave' | translate}}</md-button>
<md-button ng-show="travel.type=='asking'" ng-click="" class="o_purple100">{{'Leave' | translate}}</md-button>
<md-button ng-show="travel.type=='package'" ng-click="" class="o_purple100">{{'Leave' | translate}}</md-button>
<a ng-show="travel.type=='offering'" ng-click="leaveTravel()" class="button o_bRed">{{'Leave' | translate}}</a>
<a ng-show="travel.type=='asking'" ng-click="" class="button o_purple100">{{'Leave' | translate}}</a>
<a ng-show="travel.type=='package'" ng-click="" class="button o_purple100">{{'Leave' | translate}}</a>
</div>
</p>
</div>

View File

@@ -2,7 +2,7 @@
<ion-content class="has-footer">
<ion-refresher
pulling-text="{{'Pull_to_refresh' | translate}}..."
on-refresh="doRefresh()">
on-refresh="paginationNext()">
</ion-refresher>
<div class="list">
<div>

View File

@@ -14,7 +14,7 @@
{{'view_likes' | translate}}
</a></p>
<p ng-show="storageuser._id==user._id">
<md-button class="o_grey500" ng-href="#/app/editUser">{{'Edit_profile' | translate}}</md-button>
<a class="button button-small o_grey500" ng-href="#/app/editUser">{{'Edit_profile' | translate}}</a>
</p>
</div>
<div class="">
@@ -35,7 +35,7 @@
</i>
</a>
<a class="tab-item" ng-show="arrayObjectIndexOf(user.likes, storageuser._id)>-1">
<i class="icon ion-heart-broken" ng-click="unlikeUser()"></i>
<i class="icon ion-heart ctext_red600" ng-click="unlikeUser()"></i>
<i ng-href="#/app/users/userLikes/{{user._id}}">
{{user.likes.length}} {{'likes' | translate}}
</i>