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()" class="o_purple300">Get positions</md-button>
20
21      <leaflet width="100%" height="40%" markers="markers" center="center"
22      tiles="tiles" id="map-simple-map"></leaflet>
23
24      <div class="padding" ng-show="markers[0]">
25          <md-input-container class="md-block" flex-gt-sm>
26            <label>{{'n_Seats' | translate}}</label>
27            <input ng-model="newtravel.seats" type="number">
28          </md-input-container>
29
30          <label class="item-input">
31              <span class="input-label">{{'Date' | translate}}</span>
32              <input ng-model="newtravel.date" type="date" placeholder="">
33          </label>
34          <label class="item-input">
35              <span class="input-label">{{'Hour' | translate}}</span>
36              <input ng-model="newtravel.date" type="time" placeholder="">
37          </label>
38          <ion-toggle ng-model="newtravel.package" toggle-class="toggle-calm">
39              <img class='o-imgMenu' src="img/package.png" />
40              {{'Can_carry_package' | translate}}
41          </ion-toggle>
42          <ion-toggle ng-model="newtravel.collectivized" toggle-class="toggle-calm">
43              {{'Collectivized_car' | translate}}
44          </ion-toggle>
45          <md-input-container class="md-block" flex-gt-sm>
46            <label>{{'Description' | translate}}</label>
47            <input ng-model="newtravel.description">
48          </md-input-container>
49          <p class="padding">
50            <md-button ng-click="createTravel()" class="o_purple400 o_floatRight">
51               {{'Create_travel' | translate}}
52           </md-button>
53          </p>
54      </div><!-- end of padding -->
55  </ion-content>
56</ion-view>