D-Net

<div class="modal fade" id="termModal" tabindex="-1" role="dialog" aria-labelledby="termModalLabel" aria-hidden="true">

	<div class="modal-dialog">

		<div class="modal-content">

			<div class="modal-header">

				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

				<h4 id="termModalLabel">Term editor</h4>

			</div>

			<div class="modal-body">

				<form name="termForm" class="form-horizontal" role="form">

					<div class="form-group" ng-class="{'has-error': termForm.code.$error.unique, 'has-warning': !modalTerm.code}">

						<label class="col-sm-4 control-label" for="code">Code</label>

						<div class="col-sm-8">

							<input class="form-control" unique-code ng-disabled="selectedTermIndex != -1" type="text" name="code" placeholder="code" ng-model="modalTerm.code">

						</div>

					</div>

					<div class="form-group" ng-class="{'has-warning': !modalTerm.englishName}">

						<label class="col-sm-4 control-label" for="englishName">English name</label>

					    <div class="col-sm-8">

					    	<input class="form-control" unique-term type="text" name="englishName" placeholder="english name" ng-model="modalTerm.englishName">

					    </div>

					</div>

					<div class="form-group" ng-class="{'has-warning': !modalTerm.nativeName}">

						<label class="col-sm-4 control-label" for="nativeName">Native name</label>

						<div class="col-sm-8">

							<input class="form-control" type="text" name="nativeName" placeholder="native name" ng-model="modalTerm.nativeName">

						</div>

					</div>

					<div class="form-group" ng-class="{'has-warning': !modalTerm.encoding}">

						<label class="col-sm-4 control-label" for="encoding">Encoding</label>

						<div class="col-sm-8">

							<input class="form-control" type="text" name="encoding" placeholder="encoding" ng-model="modalTerm.encoding">

						</div>

					</div>

				</form>				

			</div>

			<div class="modal-footer">

				<button type="button" class="btn btn-primary" ng-disabled="(termForm.code.$error.unique)||(!modalTerm.code)||(!modalTerm.englishName)"

				        ng-click="editTerm()">Add to vocabulary

				</button>

			</div>

		</div>

	</div>

</div>