Browse Source

map src block fixed, and travel page updated

master
arnaucode 7 years ago
parent
commit
907ec6e62d
7 changed files with 65 additions and 52 deletions
  1. +7
    -1
      www/css/style.css
  2. +2
    -2
      www/js/app.js
  3. +8
    -1
      www/js/offerCar.js
  4. +6
    -0
      www/js/travel.js
  5. +1
    -1
      www/templates/offerCar.html
  6. +40
    -46
      www/templates/travel.html
  7. +1
    -1
      www/templates/travels.html

+ 7
- 1
www/css/style.css

@ -37,11 +37,17 @@
border-radius: 150px; border-radius: 150px;
-webkit-border-radius: 150px; -webkit-border-radius: 150px;
-moz-border-radius: 150px; -moz-border-radius: 150px;
/*background: url(http://link-to-your/image.jpg) no-repeat;*/
} }
.o_userImgCircular p{ .o_userImgCircular p{
color: #ffffff!important; color: #ffffff!important;
} }
.o_userImgCircularMini {
background: #ffffff;
width: 35px;
border-radius: 150px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
}
/* /*
SISTEMA DE COLORS SISTEMA DE COLORS

+ 2
- 2
www/js/app.js

@ -6,9 +6,9 @@
// 'starter.controllers' is found in controllers.js // 'starter.controllers' is found in controllers.js
var urlapi = "http://localhost:3000/api/";
//var urlapi = "http://localhost:3000/api/";
//var urlapi="https://collectivecar.paas.primustech.io/api/"; //var urlapi="https://collectivecar.paas.primustech.io/api/";
//var urlapi="http://147.83.7.158:3000/api/";
var urlapi="http://147.83.7.158:3000/api/";
angular.module('starter', [ angular.module('starter', [

+ 8
- 1
www/js/offerCar.js

@ -18,7 +18,12 @@ angular.module('app.offerCar', ['pascalprecht.translate', 'ui-leaflet'])
zoom: 1 zoom: 1
}; };
$scope.markers=new Array(); $scope.markers=new Array();
$scope.tiles= {
url: "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
options: {
attribution: '<a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}
};
$scope.createTravel =function(){ $scope.createTravel =function(){
$scope.newtravel.type="offering"; $scope.newtravel.type="offering";
$http({ $http({
@ -44,6 +49,7 @@ angular.module('app.offerCar', ['pascalprecht.translate', 'ui-leaflet'])
.then(function(data) { .then(function(data) {
$scope.newtravel.from.lat=data.data[0].lat; $scope.newtravel.from.lat=data.data[0].lat;
$scope.newtravel.from.long=data.data[0].lon; $scope.newtravel.from.long=data.data[0].lon;
$scope.newtravel.from.name=data.data[0].display_name;
$scope.markers.push({ $scope.markers.push({
lat: Number(data.data[0].lat), lat: Number(data.data[0].lat),
lng: Number(data.data[0].lon), lng: Number(data.data[0].lon),
@ -53,6 +59,7 @@ angular.module('app.offerCar', ['pascalprecht.translate', 'ui-leaflet'])
.then(function(data) { .then(function(data) {
$scope.newtravel.to.lat=data.data[0].lat; $scope.newtravel.to.lat=data.data[0].lat;
$scope.newtravel.to.long=data.data[0].lon; $scope.newtravel.to.long=data.data[0].lon;
$scope.newtravel.to.name=data.data[0].display_name;
$scope.markers.push({ $scope.markers.push({
lat: Number(data.data[0].lat), lat: Number(data.data[0].lat),
lng: Number(data.data[0].lon), lng: Number(data.data[0].lon),

+ 6
- 0
www/js/travel.js

@ -9,6 +9,12 @@ angular.module('app.travel', ['pascalprecht.translate', 'ui-leaflet'])
zoom: 1 zoom: 1
}; };
$scope.markers=[]; $scope.markers=[];
$scope.tiles= {
url: "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
options: {
attribution: '<a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}
};
$scope.travel={}; $scope.travel={};
$scope.doRefresh = function() { $scope.doRefresh = function() {

+ 1
- 1
www/templates/offerCar.html

@ -19,7 +19,7 @@
<md-button ng-click="getGeo()" class="o_purple300">Get positions</md-button> <md-button ng-click="getGeo()" class="o_purple300">Get positions</md-button>
<leaflet width="100%" height="40%" markers="markers" center="center" <leaflet width="100%" height="40%" markers="markers" center="center"
id="map-simple-map"></leaflet>
tiles="tiles" id="map-simple-map"></leaflet>
<div class="padding" ng-show="markers[0]"> <div class="padding" ng-show="markers[0]">
<md-input-container class="md-block" flex-gt-sm> <md-input-container class="md-block" flex-gt-sm>

+ 40
- 46
www/templates/travel.html

@ -1,11 +1,10 @@
<ion-view view-title="{{'Travel' | translate}}"> <ion-view view-title="{{'Travel' | translate}}">
<ion-content class="has-footer"> <ion-content class="has-footer">
<div class="item item-avatar">
<img ng-src="img/{{travel.type}}.png" />
<div class="item item-icon-left">
<div class="item-note o-text-right"> <div class="item-note o-text-right">
<p> <p>
<md-button ng-href="#/app/users/{{travel.user._id}}"> <md-button ng-href="#/app/users/{{travel.user._id}}">
<img style="width: 30px;" ng-src="{{travel.user.avatar}}"></img>
<img class="o_userImgCircularMini" ng-src="{{travel.user.avatar}}"></img>
{{travel.user.username}} {{travel.user.username}}
</md-button> </md-button>
</p> </p>
@ -13,64 +12,59 @@
<a ng-click="deleteTravel()" class="button button-small o_bRed"><i class="icon ion-trash-a"></i></a> <a ng-click="deleteTravel()" class="button button-small o_bRed"><i class="icon ion-trash-a"></i></a>
</p> </p>
</div> </div>
<h2>{{travel.title}}</h2>
<h2>
<i class="icon ion-android-car"></i> {{travel.title}}</h2>
<div class="">{{travel.date | date:"dd/MM HH:mm a"}}</div> <div class="">{{travel.date | date:"dd/MM HH:mm a"}}</div>
</div> </div>
<leaflet width="100%" height="40%" markers="markers" center="center" <leaflet width="100%" height="40%" markers="markers" center="center"
id="map-simple-map"></leaflet>
tiles="tiles" id="map-simple-map"></leaflet>
<div ng-show="storageuser._id!=travel.user._id" class="text-right">
<p class='text-right'>
<div ng-show="userHasJoined(travel.joinPetitions, 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>
</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>
</div>
</p>
</div>
<div class="item item-icon-left">
<i class="icon ion-ios-location"></i>{{travel.from.name}} --> {{travel.to.name}}
</div>
<div class="item item-icon-left">
<i class="icon ion-clipboard"></i> {{travel.description}}
</div>
<div class="item item-icon-left" ng-show="travel.package">
<i class="icon ion-ios-box"></i> package
</div>
<div class="item item-icon-left" ng-show="travel.user.telegram">
<i class="icon ion-paper-airplane"></i> @{{user.telegram}}
</div>
<div class="item item-icon-left" ng-show="travel.user.phone">
<i class="icon ion-ios-telephone"></i> {{travel.user.phone}}
</div>
<div class="item item-icon-left">
<i class="icon ion-ios-people"></i> {{travel.seats}} seats
</div>
<div class="item item-body"> <div class="item item-body">
<div class='row'> <div class='row'>
<p class="o-bold">{{travel.description}}</p>
</div>
<div class="row">
<p><img class='o-imgTitle' src="img/from-to.png" />{{travel.from.name}} --> {{travel.to.name}}</p>
</div>
<div class='row'>
<div class='col'>
<p ng-show="travel.phone">
<img class='o-imgMenu' src="img/smartphone.png" /> {{travel.user.phone}}
</p>
<p ng-show="travel.telegram">
<!--<a ng-href="https://telegram.me/{{travel.telegram}}" target="_blank" class="button">-->
<img class='o-imgMenu' src="img/telegram.png" /> @{{travel.user.telegram}}
<!--</a>-->
</p>
</div>
<div class='col o-text-right'> <div class='col o-text-right'>
<p ng-show="travel.collectivized"> <p ng-show="travel.collectivized">
<span class="o-badgeCollectivized">{{'Collectivized' | translate}}</span> <span class="o-badgeCollectivized">{{'Collectivized' | translate}}</span>
</p> </p>
<p ng-show="travel.package">
<div class="o-mini-text">
<div ng-show="travel.type=='offering'">{{'Can_carry_package' | translate}} <img src="img/package.png" class="o-imgMenu" /></div>
<div ng-show="travel.type=='asking'">{{'Need_to_carry_package' | translate}} <img src="img/package.png" class="o-imgMenu" /></div>
</div>
</p>
<p>
<div ng-show="travel.type=='offering'">{{'n_Seats' | translate}}: {{travel.seats}}</div>
<div ng-show="travel.type=='asking'">{{'n_People' | translate}}: {{travel.seats}}</div>
</p>
</div> </div>
</div> </div>
<br> <br>
<div ng-show="storageuser._id!=travel.user._id" class="text-right">
<p class='text-right'>
<div ng-show="userHasJoined(travel.joinPetitions, 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>
</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>
</div>
</p>
</div>
</div> </div>
<div class="item item-body" ng-show="travel.joins[0]"> <div class="item item-body" ng-show="travel.joins[0]">
{{'Joined_users' | translate}}:<br> {{'Joined_users' | translate}}:<br>

+ 1
- 1
www/templates/travels.html

@ -32,7 +32,7 @@
</p> </p>
<!--<p class="" ng-show="travel.modality=='offering'">nºseats: {{travel.seats}}</p> <!--<p class="" ng-show="travel.modality=='offering'">nºseats: {{travel.seats}}</p>
<p class="" ng-show="travel.modality=='asking'">nºpeople: {{travel.seats}}</p>--> <p class="" ng-show="travel.modality=='asking'">nºpeople: {{travel.seats}}</p>-->
<p class="">{{travel.from}} --> {{travel.to}}</p>
<p class="">{{travel.from.name}} --> {{travel.to.name}}</p>
</a> </a>
</div> </div>
</ion-content> </ion-content>

Loading…
Cancel
Save