eventman/angular_app/event-detail.html

<!-- show details of a single Event (editing also take place here) -->
<div class="container-fluid">
    <form ng-model="eventdetails" ng-submit="save()">
        <div class="input-group input-group-lg">
            <span class="input-group-addon" id="basic-addon1">Title</span>
            <input type="text" class="form-control" placeholder="Title" aria-describedby="basic-addon-2" value="{{event.title}}" ng-model="event.title" ng-required="1">
        </div>

        <div class="input-group top5">
            <span class="input-group-addon" id="basic-addon1">Short description</span>
            <input type="text" class="form-control" placeholder="The event in one sentence" aria-describedby="basic-addon1" value="{{event['short-description']}}" ng-model="event['short-description']">
        </div>

        <div class="input-group top5">
            <span class="input-group-addon" id="basic-addon1">Begin time</span>
            <input type="text" class="form-control" placeholder="Date and time" aria-describedby="basic-addon1" value="{{event['begin-datetime']}}" ng-model="event['begin-datetime']">
        </div>

        <div class="input-group top5">
            <span class="input-group-addon" id="basic-addon1">End time</span>
            <input type="text" class="form-control" placeholder="Date and time" aria-describedby="basic-addon1" value="{{event['end-datetime']}}" ng-model="event['begin-endtime']">
        </div>
        <input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/>
    </form>
</div>