New.html

{namespace z=MyCompany\MyApplication\ViewHelpers}
<f:layout name="Default" />

<f:section name="Title">Report generieren</f:section>

<f:section name="Subtitle"></f:section>

<f:section name="Content">
	<div class="modal fade bs-modal-md" id="hint-modal" tabindex="-1" role="dialog" aria-labelledby="hintModal" aria-hidden="true">
		<div class="modal-dialog modal-md">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h3>Wird geladen...</h3>
				</div>
				<div class="modal-body">
					<img src="{f:uri.resource(path:'Images/loading.gif')}" alt="Loading...">
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Schliessen</button>
				</div>
			</div>
		</div>
	</div>
	<p class="text-muted">Füllen Sie das untenstehende Formular aus, um einen Report zu generieren:</p>
	<f:form action="create" objectName="report">
		<div class="row">
			<div class="col-xs-12">
				<div class="form-group">
					<label for="name">
						Name
					</label>
					<f:form.textfield property="name" id="name" class="form-control" placeholder="Name" />
				</div>
				<div class="form-group">
					<label for="from">
						Datenquellen
						<a href="{f:uri.action(controller:'report', action:'fromQuery')}" data-toggle="modal" data-target="#hint-modal">
							<i class="glyphicon glyphicon-question-sign"></i>
						</a>
					</label>
					<input type="text" name="statement[fromStatement]" id="from" class="form-control tagsinput" placeholder="Datenquelle" />
				</div>
				<div class="form-group">
					<label for="join">
						Verknüpfungen
						<a href="{f:uri.action(controller:'report', action:'joinQuery')}" data-toggle="modal" data-target="#hint-modal">
							<i class="glyphicon glyphicon-question-sign"></i>
						</a>
					</label>
					<input type="text" name="statement[joinStatement]" id="join" class="form-control tagsinput" placeholder="Verknüpfung" />
				</div>
				<div class="form-group">
					<label for="select">
						Felder
						<a href="{f:uri.action(controller:'report', action:'selectQuery')}" data-toggle="modal" data-target="#hint-modal">
							<i class="glyphicon glyphicon-question-sign"></i>
						</a>
					</label>
					<input type="text" name="statement[selectStatement]" id="select" class="form-control tagsinput" placeholder="Feld" />
				</div>
				<div class="form-group">
					<label for="where">
						Bedingungen
						<a href="{f:uri.action(controller:'report', action:'whereQuery')}" data-toggle="modal" data-target="#hint-modal">
							<i class="glyphicon glyphicon-question-sign"></i>
						</a>
					</label>
					<input type="text" name="statement[whereStatement]" id="where" class="form-control tagsinput" placeholder="Bedingung" />
				</div>
			</div>
		</div>
		<f:form.submit value="Erstellen" class="btn btn-primary" />
		<f:link.action action="index" class="btn btn-default">Zurück</f:link.action>
	</f:form>
</f:section>

<f:section name="FooterScripts">
	<script type="text/javascript" src="{f:uri.resource(path:'Scripts/tagsinput.js')}"></script>
</f:section>