arnaucube
arnaucube/commonroutesAppPublic Self-hosted repository
commonroutesApp/www/templates/offerCar.html
www/templates/offerCar.htmlRaw
 1<ion-view view-title="Offer Car">
 2  <ion-content class="has-footer">
 3      <div class="padding">
 4          <md-input-container class="md-block" flex-gt-sm>
 5            <label>{{'Title' | translate}}</label>
 6            <input ng-model="newtravel.title">
 7          </md-input-container>
 8          <div layout="row">
 9              <md-input-container>
10                <label>{{'From' | translate}}</label>
11                <input ng-model="newtravel.from.name">
12              </md-input-container>
13              <md-input-container>
14                <label>{{'To' | translate}}</label>
15                <input ng-model="newtravel.to.name">
16              </md-input-container>
17          </div>
18      </div><!-- end of padding -->
19      <md-button ng-click="getGeo()" ng-show="newtravel.from.name && newtravel.to.name"
20      class="o_purple300">Get positions</md-button>
21
22      <leaflet ng-show="markers[0]"
23      width="100%" height="40%" markers="markers" center="center"
24      tiles="tiles" id="map-simple-map"></leaflet>
25
26      <div class="padding" ng-show="markers[0]">
27          <md-input-container class="md-block" flex-gt-sm>
28            <label>{{'n_Seats' | translate}}</label>
29            <input ng-model="newtravel.seats" type="number">
30          </md-input-container>
31
32          <label class="item-input">
33              <span class="input-label">{{'Date' | translate}}</span>
34              <input ng-model="newtravel.date" type="date" placeholder="">
35          </label>
36          <label class="item-input">
37              <span class="input-label">{{'Hour' | translate}}</span>
38              <input ng-model="newtravel.date" type="time" placeholder="">
39          </label>
40          <ion-toggle ng-model="newtravel.package" toggle-class="toggle-calm">
41              <i class="icon ion-ios-box"></i>
42              {{'Can_carry_package' | translate}}
43          </ion-toggle>
44          <ion-toggle ng-model="newtravel.collectivized" toggle-class="toggle-calm">
45              {{'Collectivized_car' | translate}}
46          </ion-toggle>
47          <md-input-container class="md-block" flex-gt-sm>
48            <label>{{'Description' | translate}}</label>
49            <input ng-model="newtravel.description">
50          </md-input-container>
51          <p class="padding">
52            <md-button ng-click="createTravel()" class="o_purple400 o_floatRight">
53               {{'Create_travel' | translate}}
54           </md-button>
55          </p>
56      </div><!-- end of padding -->
57  </ion-content>
58</ion-view>