warehost-frontend/public/app/host/domain.jade

.container
	h1 Domains
	a.btn.btn-default(ng-click="isAdding=true")
		span.glyphicon.glyphicon-plus
	form.well(ng-submit="add()",name="addform",ng-if="isAdding")
		.form-group
			label(for="domain") Domain
			input.form-control(id="domain",name="domain",ng-model="obj.fqdn",ng-minlength="3")
		.form-group
			label
				input(type="checkbox",ng-model="obj.web")
				| Web
		.form-group
			label
				input(type="checkbox",ng-model="obj.mail")
				| Mail
		button.btn.btn-primary(type="submit")
			span.glyphicon.glyphicon-floppy-disk
			| Save
	table.table.table-bordered(ng-table="tableParams")
		tr(ng-hide='group.$hideRows',ng-repeat="item in $data")
			td(data-title="'Domain'")
				span(ng-if="!item.isEditing") {{item.fqdn}}
				h4(ng-if="item.isEditing") Domain: {{item.fqdn}}
				form(name="myform",ng-if="item.isEditing")
					.form-group
						label(for="domain") Domain
						input.form-control(id="domain",name="domain",ng-model="item.fqdn",ng-minlength="3")
					.form-group
						label
							input(type="checkbox",ng-model="item.web")
							| Web
					.form-group
						label
							input(type="checkbox",ng-model="item.mail")
							| Mail
					button.btn.btn-primary(type="submit",ng-click="edit(item)")
						span.glyphicon.glyphicon-floppy-disk
						| Save
			td(data-title="'Funktions'")
				a(ng-if="item.mail && !item.isEditing")
					span.glyphicon.glyphicon-envelope(aria-hidden="true")
					| Mail
				|  
				a(ng-if="item.web && !item.isEditing")
					span.glyphicon.glyphicon-globe(aria-hidden="true")
					| Web
			td(data-title="'Option'")
				.btn-group.btn-group-xs
					span.btn.btn-default(ng-click="item.isEditing = true",ng-if="!item.isEditing")
						span.glyphicon.glyphicon-pencil
					span.btn.btn-default(ng-click="edit(item)",ng-if="item.isEditing")
						span.glyphicon.glyphicon-remove-circle
					span.btn.btn-default(ng-click="delete(item)")
						span.glyphicon.glyphicon-trash