BerniWittmann/spielplanismaning

<div class="modal-header">
    <h3 class="modal-title">{{vm.gruppe.name}} bearbeiten</h3>
</div>
<div class="modal-body">
    <spi-loader loading="vm.loading"></spi-loader>
    <div class="row" data-ng-if="!vm.loading">
        <div class="col-md-12">
            <table>
                <tr data-ng-repeat="team in vm.teams">
                    <td><a data-ui-sref="spi.event.tgj.team({teamid: team.slug || team._id})">{{team.name}}</a></td>
                    <td class="padding-left-15" data-ng-click="vm.askDeleteTeam(team)" data-uib-tooltip="Team löschen"
                        data-tooltip-append-to-body="true" analytics-on="click" analytics-event="Delete Team"><i class="icon-hover fa fa-remove"></i></td>
                    <td class="padding-left-5" data-ng-click="vm.editTeam(team)" data-uib-tooltip="Team bearbeiten"
                        data-tooltip-append-to-body="true" analytics-on="click" analytics-event="Edit Team"><i class="icon-hover fa fa-pencil"></i></td>
                </tr>
            </table>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <form data-ng-submit="vm.addTeam(teamForm)" style="margin-top:30px;" name="teamForm" novalidate>
                <h5>Team zur Gruppe hinzufügen</h5>
                <div class="form-group" data-ng-class="{ 'has-error': teamForm.name.$touched && teamForm.name.$invalid }">
                    <input type="text" class="form-control" placeholder="Team-Name" data-ng-model="vm.team.name"
                           required data-ng-minlength="3" name="name">
                    <span class="help-block" data-ng-messages="teamForm.name.$error"
                          data-ng-if="teamForm.name.$touched">
                        <p data-ng-message="required">Der Name ist ein Pflichtfeld</p>
                        <p data-ng-message="minlength">Der Name ist zu kurz</p>
                    </span>
                </div>
                <div class="form-group" data-ng-class="{ 'has-error': teamForm.anmeldungsId.$touched && teamForm.anmeldungsId.$invalid }">
                    <input type="text" class="form-control" placeholder="ID Anmeldung" data-ng-model="vm.team.anmeldungsId"
                           data-ng-minlength="0" data-ng-maxlength="24" name="anmeldungsId" ng-model-options="{ debounce: 300 }" data-ng-pattern="vm.objectIdPattern">
                    <span class="help-block" data-ng-messages="teamForm.anmeldungsId.$error"
                          data-ng-if="teamForm.anmeldungsId.$touched">
                        <p data-ng-message="minlength">Die ID ist zu kurz</p>
                        <p data-ng-message="maxlength">Die ID ist zu lang</p>
                        <p data-ng-message="pattern">Die ID ist ungültig</p>
                    </span>
                </div>
                <button data-ng-disabled="vm.loading" type="submit" class="btn btn-primary" data-ng-disabled="teamForm.$invalid" analytics-on="click" analytics-event="Add Team">anlegen</button>
            </form>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-primary" type="button" data-ng-click="vm.abbrechen()">Schließen</button>
</div>