icon and splashscreen updated, askForCar and askForPackage implemented, visualization of type of travel in the travels view

www/css/style.css

@@ -95,6 +95,12 @@
     border: 0px;
     width: 80%;
 }
+.o_transparentInputBlack{
+    background: rgba(255, 255, 255, 0);
+    color: #000000;
+    border: 0px;
+    width: 100%;
+}
 .o_userImgCircular {
     margin-top: 5%;
     background: #ffffff;

www/index.html

@@ -44,8 +44,8 @@
     <script src="js/travel.js"></script>
     <script src="js/newTravel.js"></script>
     <script src="js/offerCar.js"></script>
-    <!--<script src="js/askCar.js"></script>
-    <script src="js/askPackage.js"></script>-->
+    <script src="js/askForCar.js"></script>
+    <script src="js/askForPackage.js"></script>
     <script src="js/users.js"></script>
     <script src="js/user.js"></script>
     <script src="js/userTravels.js"></script>

www/js/app.js

@@ -24,8 +24,8 @@ angular.module('starter', [
     'app.travel',
     'app.newTravel',
     'app.offerCar',
-    /*    'app.askCar',
-        'app.askPackage',*/
+    'app.askForCar',
+    'app.askForPackage',
     'app.users',
     'app.user',
     'app.userTravels',
@@ -137,6 +137,24 @@ angular.module('starter', [
           }
         }
       })
+      .state('app.askForCar', {
+        url: '/askForCar',
+        views: {
+          'menuContent': {
+            templateUrl: 'templates/askForCar.html',
+            controller: 'AskForCarCtrl'
+          }
+        }
+      })
+      .state('app.askForPackage', {
+        url: '/askForPackage',
+        views: {
+          'menuContent': {
+            templateUrl: 'templates/askForPackage.html',
+            controller: 'AskForPackageCtrl'
+          }
+        }
+      })
       .state('app.users', {
         url: '/users',
         views: {

www/js/askForCar.js

@@ -0,0 +1,81 @@
+angular.module('app.askForCar', ['pascalprecht.translate', 'ui-leaflet'])
+
+.controller('AskForCarCtrl', function($scope, $stateParams, $translate,
+        $http, $filter, $ionicLoading) {
+
+    $scope.newtravel={};
+    $scope.newtravel.from={
+        lat: 0,
+        long:0
+    };
+    $scope.newtravel.to={
+        lat: 0,
+        long:0
+    };
+    $scope.center= {
+        lat: 0,
+        lng: 0,
+        zoom: 1
+    };
+    $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.newtravel.type="asking";
+        $http({
+            url: urlapi + 'travels',
+            method: "POST",
+            data: $scope.newtravel
+        })
+        .then(function(data) {
+            console.log(data);
+            window.location="#app/travels"
+        },
+        function(data) { // optional
+            // failed
+            console.log(data);
+            $ionicLoading.show({ template: 'Complete all parameters first', noBackdrop: true, duration: 2000 });
+
+        });
+    };
+    $scope.getGeo = function(){
+
+        $scope.markers=[];
+        console.log($scope.newtravel.from.name);
+        console.log($scope.newtravel.to.name);
+        $http.get('http://nominatim.openstreetmap.org/search?q=' + $scope.newtravel.from.name + '&format=json&limit=1')
+        .then(function(data) {
+            console.log(data);
+            if(data.data[0])
+            {
+                $scope.newtravel.from.lat=data.data[0].lat;
+                $scope.newtravel.from.long=data.data[0].lon;
+                $scope.newtravel.from.name=data.data[0].display_name;
+                $scope.markers.push({
+                    lat: Number(data.data[0].lat),
+                    lng: Number(data.data[0].lon),
+                    message: data.data[0].display_name
+                });
+            }
+            $http.get('http://nominatim.openstreetmap.org/search?q=' + $scope.newtravel.to.name + '&format=json&limit=1')
+            .then(function(data) {
+                if(data.data[0])
+                {
+                    $scope.newtravel.to.lat=data.data[0].lat;
+                    $scope.newtravel.to.long=data.data[0].lon;
+                    $scope.newtravel.to.name=data.data[0].display_name;
+                    $scope.markers.push({
+                        lat: Number(data.data[0].lat),
+                        lng: Number(data.data[0].lon),
+                        message: data.data[0].display_name
+                    });
+                }
+            });
+        });
+
+    };
+});

www/js/askForPackage.js

@@ -0,0 +1,81 @@
+angular.module('app.askForPackage', ['pascalprecht.translate', 'ui-leaflet'])
+
+.controller('AskForPackageCtrl', function($scope, $stateParams, $translate,
+        $http, $filter, $ionicLoading) {
+
+    $scope.newtravel={};
+    $scope.newtravel.from={
+        lat: 0,
+        long:0
+    };
+    $scope.newtravel.to={
+        lat: 0,
+        long:0
+    };
+    $scope.center= {
+        lat: 0,
+        lng: 0,
+        zoom: 1
+    };
+    $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.newtravel.type="package";
+        $http({
+            url: urlapi + 'travels',
+            method: "POST",
+            data: $scope.newtravel
+        })
+        .then(function(data) {
+            console.log(data);
+            window.location="#app/travels"
+        },
+        function(data) { // optional
+            // failed
+            console.log(data);
+            $ionicLoading.show({ template: 'Complete all parameters first', noBackdrop: true, duration: 2000 });
+
+        });
+    };
+    $scope.getGeo = function(){
+
+        $scope.markers=[];
+        console.log($scope.newtravel.from.name);
+        console.log($scope.newtravel.to.name);
+        $http.get('http://nominatim.openstreetmap.org/search?q=' + $scope.newtravel.from.name + '&format=json&limit=1')
+        .then(function(data) {
+            console.log(data);
+            if(data.data[0])
+            {
+                $scope.newtravel.from.lat=data.data[0].lat;
+                $scope.newtravel.from.long=data.data[0].lon;
+                $scope.newtravel.from.name=data.data[0].display_name;
+                $scope.markers.push({
+                    lat: Number(data.data[0].lat),
+                    lng: Number(data.data[0].lon),
+                    message: data.data[0].display_name
+                });
+            }
+            $http.get('http://nominatim.openstreetmap.org/search?q=' + $scope.newtravel.to.name + '&format=json&limit=1')
+            .then(function(data) {
+                if(data.data[0])
+                {
+                    $scope.newtravel.to.lat=data.data[0].lat;
+                    $scope.newtravel.to.long=data.data[0].lon;
+                    $scope.newtravel.to.name=data.data[0].display_name;
+                    $scope.markers.push({
+                        lat: Number(data.data[0].lat),
+                        lng: Number(data.data[0].lon),
+                        message: data.data[0].display_name
+                    });
+                }
+            });
+        });
+
+    };
+});

www/templates/askForCar.html

@@ -0,0 +1,58 @@
+<ion-view view-title="{{'Ask_For_Car' | translate}}">
+  <ion-content>
+      <div class="padding">
+          <label class="item item-input">
+            <span class="input-label">{{'Title' | translate}}</span>
+            <input type="text" ng-model="newtravel.title">
+          </label>
+          <div layout="row">
+              <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 -->
+      <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]">
+          <label class="item item-input">
+            <span class="input-label">{{'n_People' | translate}}</span>
+            <input ng-model="newtravel.seats" type="number">
+          </label>
+
+          <label class="item-input">
+              <span class="input-label">{{'Date' | translate}}</span>
+              <input ng-model="newtravel.date" type="date" placeholder="">
+          </label>
+          <label class="item-input">
+              <span class="input-label">{{'Hour' | translate}}</span>
+              <input ng-model="newtravel.date" type="time" placeholder="">
+          </label>
+          <ion-toggle ng-model="newtravel.package" toggle-class="toggle-calm">
+              <i class="icon ion-ios-box"></i>
+              {{'Want_to_carry_package' | translate}}
+          </ion-toggle>
+          <!--<ion-toggle ng-model="newtravel.collectivized" toggle-class="toggle-calm">
+              {{'Collectivized_car' | translate}}
+          </ion-toggle>-->
+          <label class="item item-input">
+            <span class="input-label">{{'Description' | translate}}</span>
+            <input type="text" ng-model="newtravel.description">
+          </label>
+          <p class="padding">
+            <a ng-click="createTravel()" class="button o_purple400 o_floatRight">
+               {{'Post_asking_car' | translate}}
+           </a>
+          </p>
+      </div><!-- end of padding -->
+  </ion-content>
+</ion-view>

www/templates/askForPackage.html

@@ -0,0 +1,58 @@
+<ion-view view-title="{{'Ask_For_Package' | translate}}">
+  <ion-content>
+      <div class="padding">
+          <label class="item item-input">
+            <span class="input-label">{{'Title' | translate}}</span>
+            <input type="text" ng-model="newtravel.title">
+          </label>
+          <div layout="row">
+              <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 -->
+      <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]">
+          <!--<label class="item item-input">
+            <span class="input-label">{{'n_Seats' | translate}}</span>
+            <input ng-model="newtravel.seats" type="number">
+        </label>-->
+
+          <label class="item-input">
+              <span class="input-label">{{'Date' | translate}}</span>
+              <input ng-model="newtravel.date" type="date" placeholder="">
+          </label>
+          <label class="item-input">
+              <span class="input-label">{{'Hour' | translate}}</span>
+              <input ng-model="newtravel.date" type="time" placeholder="">
+          </label>
+          <!--<ion-toggle ng-model="newtravel.package" toggle-class="toggle-calm">
+              <i class="icon ion-ios-box"></i>
+              {{'Can_carry_package' | translate}}
+          </ion-toggle>
+          <ion-toggle ng-model="newtravel.collectivized" toggle-class="toggle-calm">
+              {{'Collectivized_car' | translate}}
+          </ion-toggle>-->
+          <label class="item item-input">
+            <span class="input-label">{{'Description' | translate}}</span>
+            <input type="text" ng-model="newtravel.description">
+          </label>
+          <p class="padding">
+            <a ng-click="createTravel()" class="button o_purple400 o_floatRight">
+               {{'Ask_for_package' | translate}}
+           </a>
+          </p>
+      </div><!-- end of padding -->
+  </ion-content>
+</ion-view>

www/templates/editUser.html

@@ -1,5 +1,5 @@
 <ion-view view-title="{{'Edit_user' | translate}} {{user.username}}">
-  <ion-content class="has-footer">
+  <ion-content>
     <div class="o_userProfileBackground">
         <img ng-src="{{user.avatar}}" class="o_userImgCircular"
         ng-click="selectAvatar()"/>
@@ -24,6 +24,10 @@
         </p>
     </div>
     <div class="item">
+        <p>
+        <input ng-model="user.faircoinString" class="o_transparentInputBlack"
+        placeholder="{{'FaircoinWallet' | translate}}">
+    </p>
         <img src="{{user.faircoin}}" style="width: 100%;"
          ng-click="selectFaircoinPublicKey()" />
     </div>

www/templates/newTravel.html

@@ -4,13 +4,13 @@
         <i class="icon ion-android-car"></i>
         {{'Offer_Car' | translate}}
       </a>
-      <a href="" class="item item-icon-left o_purple400">
+      <a href="#/app/askForCar" class="item item-icon-left o_purple400">
         <i class="icon ion-help"></i>
-        {{'Ask_for_Car' | translate}} (not yet)
+        {{'Ask_for_Car' | translate}}
       </a>
-      <a href="" class="item item-icon-left o_purple300">
+      <a href="#/app/askForPackage" class="item item-icon-left o_purple300">
       <i class="icon ion-ios-box"></i>
-        {{'Ask_for_Package' | translate}} (not yet)
+        {{'Ask_for_Package' | translate}}
     </a>
   </ion-content>
 </ion-view>

www/templates/offerCar.html

@@ -1,5 +1,5 @@
 <ion-view view-title="{{'Offer_Car' | translate}}">
-  <ion-content class="has-footer">
+  <ion-content>
       <div class="padding">
           <label class="item item-input">
             <span class="input-label">{{'Title' | translate}}</span>

www/templates/travel.html

@@ -20,7 +20,10 @@
         </p>
       </div>
       <h2>
-        <i class="icon ion-android-car"></i> {{travel.title}}</h2>
+        <i ng-show="travel.type=='offering'" class="icon ion-android-car"></i>
+        <i ng-show="travel.type=='asking'" class="icon ion-help"></i>
+        <i ng-show="travel.type=='package'" class="icon ion-ios-box"></i>
+        {{travel.title}}</h2>
       <div class="">{{travel.date | date:"dd/MM HH:mm a"}}</div>
     </div>
 

www/templates/travels.html

@@ -23,7 +23,9 @@
         <div class="item-note text-right">
             {{travel.user.username}}
         </div>
-          <i class="icon ion-android-car o_text_grey700"></i>
+          <i ng-show="travel.type=='offering'" class="icon ion-android-car o_text_grey700"></i>
+          <i ng-show="travel.type=='asking'" class="icon ion-help o_text_grey700"></i>
+          <i ng-show="travel.type=='package'" class="icon ion-ios-box o_text_grey700"></i>
           <h2 class="o_text_grey800">{{travel.title}}</h2>
           <div class="item-note text-right">
               <div class="o_text_purple300">{{travel.date | date:"dd/MM"}}</div>

www/templates/user.html

@@ -44,6 +44,9 @@
       </div>
     </div>
     <div class="item">
+        <p>
+            {{user.faircoinString}}
+        </p>
       <img src="{{user.faircoin}}" style="width: 100%;" />
     </div>
     <!--<div class="item item-body">