BerniWittmann/spielplanismaning

<spi-panel data-ng-if="vm.jugend._id">
    <spi-panel-titel>
        <a data-ui-sref="spi.event.tgj.jugend({jugendid: vm.jugend.slug || vm.jugend._id})">
            <spi-jugend-label jugend="vm.jugend"></spi-jugend-label>
        </a><span data-ng-if="vm.canEdit" class="pull-right" data-ng-click="vm.askDeleteJugend(vm.jugend)"
                  data-uib-tooltip="Jugend löschen" data-tooltip-append-to-body="true" analytics-on="click" analytics-event="Delete Jugend"><i
            class="icon-hover fa fa-remove"></i></span>
    </spi-panel-titel>
    <div class="row" data-ng-if="vm.showMinZahlGruppen">
        <div class="col-md-12">
            <div class="alert alert-danger alert-dismissible">Achtung! Das Turnier "{{vm.jugend.name}}" muss immer
                mindestens 1 Gruppe haben!
            </div>
        </div>
    </div>
    <spi-loading loading="vm.loading"></spi-loading>
    <div class="row" data-ng-if="!vm.loading">
        <div class="col-md-12">
            <table>
                <tr data-ng-repeat="gruppe in vm.gruppen">
                    <td><a data-ui-sref="spi.event.tgj.gruppe({gruppeid: gruppe.slug || gruppe._id})">{{gruppe.name}}</a></td>
                    <td data-ng-if="vm.gruppeIsEditable(gruppe)" class="padding-left-15" data-ng-click="vm.askDeleteGruppe(gruppe)"
                        data-uib-tooltip="Gruppe löschen" analytics-on="click" analytics-event="Delete Gruppe"><i class="icon-hover fa fa-remove"></i></td>
                    <td data-ng-if="vm.gruppeIsEditable(gruppe)" class="padding-left-5" data-ng-click="vm.editGruppe(gruppe)"
                        data-uib-tooltip="Gruppe bearbeiten" analytics-on="click" analytics-event="Edit Gruppe"><i class="icon-hover fa fa-pencil"></i></td>
                </tr>
            </table>
        </div>
    </div>

    <div class="row" data-ng-if="vm.canEdit">
        <div class="col-md-12">
            <form data-ng-submit="vm.addGruppe(gruppeForm)" style="margin-top:30px;" name="gruppeForm" novalidate>
                <h5>Gruppe hinzufügen</h5>
                <div class="alert alert-danger" data-ng-if="vm.error">
                    {{vm.error.message}}
                </div>
                <div class="form-group" data-ng-class="{ 'has-error': gruppeForm.name.$touched && gruppeForm.name.$invalid }">
                    <input type="text" class="form-control" placeholder="Gruppen-Name" data-ng-model="vm.gruppe.name"
                           required name="name" data-ng-minlength="3">
                    <span class="help-block" data-ng-messages="gruppeForm.name.$error"
                          data-ng-if="gruppeForm.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>
                <button data-ng-disabled="vm.loading" type="submit" class="btn btn-primary" data-ng-disabled="gruppeForm.$invalid" analytics-on="click" analytics-event="Add Gruppe">anlegen</button>
            </form>
            <button data-ng-if="vm.editZwischenGruppenVisible" class="btn btn-primary" data-ng-click="vm.addZwischengruppe()">Zwischengruppen verwalten</button>
        </div>
    </div>
</spi-panel>