D-Net

<div class="modal fade" id="infoModal" tabindex="-1" role="dialog" aria-labelledby="infoModalLabel" 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="infoModalLabel">Vocabulary information</h4>

			</div>

			<div class="modal-body">

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

					<div class="form-group">

						<label class="col-sm-4 control-label" for="vocabularyId">Vocabulary ID &#160;<a href="isManager.do#/profile/{{modalInfo.id}}"><span class="glyphicon glyphicon-link"></span></a></label>

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

					      	<input class="form-control" ng-disabled="true" type="text" name="vocabularyId" ng-model="modalInfo.id">

					    </div>

					</div>

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

						<label class="col-sm-4 control-label" for="vocabularyName">Vocabulary name</label>

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

					      	<input class="form-control" ng-disabled="selectedVocabularyIndex != null" type="text" name="vocabularyName" placeholder="vocabulary name" ng-model="modalInfo.name">

					    </div>

					</div>

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

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

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

							<input class="form-control" ng-disabled="selectedVocabularyIndex != null" type="text" name="vocabularyCode" placeholder="vocabulary code" ng-model="modalInfo.code">

						</div>

					</div>

					<div class="form-group">

						<label class="col-sm-4 control-label" for="vocabularyDescription">Vocabulary description</label>

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

							<textarea class="col-sm-12" rows="3" type="text" name="vocabularyDescription" placeholder="vocabulary description" ng-model="modalInfo.description"></textarea>

						</div>

					</div>

				</form>				

			</div>

			<div class="modal-footer">

				<button type="button" class="btn btn-primary" ng-disabled="(!modalInfo.name)||(!modalInfo.code)" ng-click="editInfo()">Save</button>

			</div>

		</div>

	</div>

</div>