alberanid/eventman
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

box around date and time picker

Browse source
This commit is contained in:
Davide Alberani 2015-03-28 18:20:23 +01:00
parent 730d5dbc18
commit 578c8d749d
2 changed files with 27 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
angular_app/event-detail.html
View file

@ -8,29 +8,36 @@
<input type="text" class="form-control" placeholder="Title" value="{{event.title}}" ng-model="event.title" ng-required="1"> <input type="text" class="form-control" placeholder="Title" value="{{event.title}}" ng-model="event.title" ng-required="1">
</div> </div>
<div class="input-group top5"> <div class="input-group top5 well form-horizontal" ng-controller="DatetimePickerCtrl">
<span class="input-group-addon">Short description</span> <div class="form-group">
<input type="text" class="form-control" placeholder="The event in one sentence" value="{{event['short-description']}}" ng-model="event['short-description']"> <label for="begin-date" class="col-sm-3 control-label">begin date:</label>
<div id="begin-date" class="input-group col-sm-9">
<input type="text" class="form-control" datepicker-popup="dd-MMMM-yyyy" ng-model="event['begin-date']" is-open="opened" ng-required="true" />
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
</span>
</div>
</div>
<div class="form-group">
<label for="begin-time" class="col-sm-3 control-label">begin time:</label>
<timepicker id="begin-time" class="input-group" ng-model="event['begin-time']" show-meridian="false"></timepicker>
</div>
</div> </div>
<div class="input-group top5" ng-controller="DatetimePickerCtrl"> <div class="input-group top5 well form-horizontal" ng-controller="DatetimePickerCtrl">
<div class="input-group"> <div class="form-group">
<input type="text" class="form-control" datepicker-popup="dd-MMMM-yyyy" ng-model="event['begin-date']" is-open="opened" ng-required="true" /> <label for="end-date" class="col-sm-3 control-label">End date:</label>
<span class="input-group-btn"> <div id="end-date" class="input-group col-sm-9">
<button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button> <input type="text" class="form-control" datepicker-popup="dd-MMMM-yyyy" ng-model="event['end-date']" is-open="opened" ng-required="true" />
</span> <span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
</span>
</div>
</div> </div>
<timepicker ng-model="event['begin-time']" show-meridian="false"></timepicker> <div class="form-group">
</div> <label for="end-time" class="col-sm-3 control-label">End time:</label>
<timepicker id="end-time" class="input-group" ng-model="event['end-time']" show-meridian="false"></timepicker>
<div class="input-group top5" ng-controller="DatetimePickerCtrl">
<div class="input-group">
<input type="text" class="form-control" datepicker-popup="dd-MMMM-yyyy" ng-model="event['end-date']" is-open="opened" ng-required="true" />
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
</span>
</div> </div>
<timepicker ng-model="event['end-time']" show-meridian="false"></timepicker>
</div> </div>
<input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/> <input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/>

2
angular_app/js/controllers.js vendored
View file

@ -23,7 +23,7 @@ eventManControllers.controller('DatetimePickerCtrl', ['$scope',
$event.preventDefault(); $event.preventDefault();
$event.stopPropagation(); $event.stopPropagation();
$scope.opened = true; $scope.opened = true;
}; };
}] }]
); );