src/public/templates/event/verwaltung/spielplan/verwaltung.spielplan.html
<div class="row">
<div class="col-md-12 page-header">
<h3>Verwaltung Spielplan</h3>
</div>
</div>
<spi-loader loading="vm.loading"></spi-loader>
<div class="row" data-ng-if="!vm.loading && vm.spielplanEnabled">
<div class="col-md-12">
<form name="spielzeitForm" data-ng-submit="vm.saveSpielzeit(spielzeitForm)" novalidate>
<div class="row">
<div class="form-group col-md-3 col-md-offset-3" data-ng-class="{'has-error': !spielzeitForm.spielzeit.$valid}">
<div class="control-label center-block text-center" style="width: inherit;">Spielzeit</div>
<div class="center-block width-60">
<a data-ng-click="vm.increment('spielzeit')" class="btn btn-link center-block"
style="height: 25px; width: 50px;"><span class="glyphicon glyphicon-chevron-up"></span></a>
<input name="spielzeit" type="number" class="form-control width-60 text-center" min="1"
data-ng-model="vm.spielzeit" required
title="spielzeit">
<a data-ng-click="vm.decrement('spielzeit')" class="btn btn-link center-block"
style="height: 25px; width: 50px;"><span class="glyphicon glyphicon-chevron-down"></span></a>
</div>
<span class="help-block text-center" data-ng-messages="spielzeitForm.spielzeit.$error"
data-ng-if="spielzeitForm.spielzeit.$touched">
<p data-ng-message="required">Dies ist ein Pflichtfeld</p>
<p data-ng-message="min">Zeit ist zu niedrig</p>
<p data-ng-message="number">Zeit ist ungültig</p>
</span>
</div>
<div class="form-group col-md-3" data-ng-class="{'has-error': !spielzeitForm.pausenzeit.$valid}">
<div class="control-label center-block text-center" style="width: inherit;">Pausenzeit</div>
<div class="center-block width-60">
<a data-ng-click="vm.increment('pausenzeit')" class="btn btn-link center-block"
style="height: 25px; width: 50px;"><span class="glyphicon glyphicon-chevron-up"></span></a>
<input name="pausenzeit" type="number" class="form-control width-60 text-center" min="1"
data-ng-model="vm.pausenzeit" required
title="pausenzeit">
<a data-ng-click="vm.decrement('pausenzeit')" class="btn btn-link center-block"
style="height: 25px; width: 50px;"><span class="glyphicon glyphicon-chevron-down"></span></a>
</div>
<span class="help-block text-center" data-ng-messages="spielzeitForm.pausenzeit.$error"
data-ng-if="spielzeitForm.pausenzeit.$touched">
<p data-ng-message="required">Dies ist ein Pflichtfeld</p>
<p data-ng-message="min">Zeit ist zu niedrig</p>
<p data-ng-message="number">Zeit ist ungültig</p>
</span>
</div>
</div>
<div class="row">
<div class="form-group col-md-3 col-md-offset-3" data-ng-class="{'has-error': !spielzeitForm.startzeit.$valid}">
<div class="control-label center-block text-center special-padding" style="width: 100%">Startzeit
</div>
<uib-timepicker class="center-block" style="width: 105px;" ng-model="vm.startzeit" hour-step="1"
minute-step="5" show-meridian="false" name="startzeit"></uib-timepicker>
<span class="help-block text-center" data-ng-messages="spielzeitForm.startzeit.$error"
data-ng-if="spielzeitForm.startzeit.$touched">
<p data-ng-message="required">Dies ist ein Pflichtfeld</p>
<p data-ng-message="time">Zeit ist ungültig</p>
</span>
</div>
<div class="form-group col-md-3" data-ng-class="{'has-error': !spielzeitForm.endzeit.$valid}">
<div class="control-label center-block text-center special-padding" style="width: 100%">Endzeit
</div>
<uib-timepicker class="center-block" style="width: 105px;" ng-model="vm.endzeit" hour-step="1"
minute-step="5" show-meridian="false" name="endzeit"></uib-timepicker>
<span class="help-block text-center" data-ng-messages="spielzeitForm.endzeit.$error"
data-ng-if="spielzeitForm.endzeit.$touched">
<p data-ng-message="required">Dies ist ein Pflichtfeld</p>
<p data-ng-message="time">Zeit ist ungültig</p>
</span>
</div>
</div>
<div class="row">
<div class="form-group col-md-4 col-md-offset-4">
<label for="spielplan-datepicker">Startdatum / Enddatum</label>
<input class="form-control" id="spielplan-datepicker" ng-flatpickr data-fp-opts="vm.datePickerOptions" ng-model="vm.date" data-enabletime="false">
</div>
</div>
<button type="submit" class="btn btn-primary center-block" data-ng-disabled="spielzeitForm.$invalid">Speichern</button>
</form>
</div>
</div>
<div class="row" data-ng-if="!vm.loading && vm.spielplanEnabled">
<div class="col-md-4 col-md-offset-4">
<button data-ng-click="vm.generateSpielplan()" analytics-on="click" analytics-event="Spielplan generieren" class="btn btn-primary center-block margin-top-25" id="generate-spielplan-btn">Spielplan neu generieren</button>
<button data-ng-click="vm.regenerateSpielplan()" analytics-on="click" analytics-event="Spielplan generieren Erhalt" class="btn btn-primary center-block margin-top-25" id="regenerate-spielplan-btn">Spielplan generieren (mit Erhalt beendeter Spiele)</button>
</div>
</div>
<div class="row" data-ng-if="!vm.loading">
<div class="col-md-4 col-md-offset-4">
<h4>Spiele Importieren</h4>
<input type="file" accept="text/csv" onchange="angular.element(this).scope().vm.fileChange(this, files)">
<br>
<button data-ng-click="vm.import()" class="btn btn-primary" data-ng-disabled="vm.importButtonDisabled" analytics-on="click" analytics-event="Spiel Import"><i class="fa fa-upload"></i> Importieren</button>
</div>
</div>