arnaucube
arnaucube/openEventsPlatformAppPublic Self-hosted repository
openEventsPlatformApp/www/templates/newEvent.html
www/templates/newEvent.htmlRaw
 1<ion-view view-title="New Event">
 2    <ion-content>
 3        <div class="list">
 4            <label class="item item-input">
 5                <input type="text" ng-model="event.title" placeholder="Title">
 6            </label>
 7            <label class="item item-input">
 8                <textarea ng-model="event.description" placeholder="Description"></textarea>
 9            </label>
10            <label class="item-input">
11                <span class="input-label">{{'Date' | translate}}</span>
12                <input ng-model="event.date" type="date" placeholder="">
13            </label>
14            <label class="item-input">
15                <span class="input-label">{{'Hour' | translate}}</span>
16                <input ng-model="event.date" type="time" placeholder="">
17            </label>
18            <!--<label class="item item-input">
19                <input type="text" ng-model="event.img" placeholder="img">
20            </label>-->
21            <div ng-hide="event.imgpreview" class="button" ng-click="selectImgFile()">Select image</div>
22            <img ng-src="{{event.imgpreview}}" ng-click="selectImgFile()"/>
23            <ion-list>
24                Categories:
25                <ion-checkbox ng-model="category.selected" ng-repeat="category in categories"
26                ng-click="categorySelected()">
27                    {{category.name}}
28                </ion-checkbox>
29            </ion-list>
30            <label class="item item-input">
31                <input type="text" ng-model="event.location.direction" placeholder="Direction">
32            </label>
33            <div ng-click="getGeo()" class="button button-small c_indigo400 item-note"
34            ng-show="event.location.direction">
35                Get geolocation
36            </div>
37        </div>
38            <leaflet ng-show="markers[0]"
39            width="100%" height="40%" markers="markers" center="center"
40            tiles="tiles" id="map-simple-map"></leaflet>
41
42            <div class="item">
43                <div ng-click="postEvent()" class="button c_indigo400 item-note" ng-show="event.location.geo.lat">
44                    Post new event!
45                </div>
46            </div>
47        </div>
48    </ion-content>
49</ion-view>