SmartIT_Extensions/BMC/smart-it-full-helix/views/person/edit-person-data.html

<div class="row">
	<div class="col-sm-6">
		<div class="person-profile-form-item">
			<label class="label_control-wrap">

				<span class="label__text"
					  potentially-required-field
					  field-name="firstName"
					  entity="person">
					{{'person.details.firstName' | i18n}}
				</span>
				<input aria-label="{{'person.details.firstName' | i18n}}" class="form-control" type="text" ng-model="person.firstName"
					   potentially-required-field
					   field-name="firstName"
					   entity="person">
			</label>
		</div>

		<div class="person-profile-form-item">
			<label class="label_control-wrap">
			<span class="label__text"
				  potentially-required-field
				  field-name="lastName"
				  entity="person">
				{{'person.details.lastName' | i18n}}
			</span>
				<input aria-label="{{'person.details.lastName' | i18n}}" class="form-control" type="text" ng-model="person.lastName"
					   potentially-required-field
					   field-name="lastName"
					   entity="person">
			</label>
		</div>

		<div class="person-profile-form-item">
			<label class="label_control-wrap">
			<span class="label__text"
				  potentially-required-field
				  field-name="jobTitle"
				  entity="person">
				{{'person.details.jobTitle' | i18n}}
			</span>
				<input aria-label="{{'person.details.jobTitle' | i18n}}" class="form-control" type="text" ng-model="person.jobTitle"
					   potentially-required-field
					   field-name="jobTitle"
					   entity="person"
					   maxlength="50">
				<character-limit-message field="person.jobTitle" limit="50"></character-limit-message>
			</label>
		</div>
	</div>

	<div class="col-sm-6">
		<div class="person-profile-form-item clearfix">

			<label class="label_control-wrap">
				<span class="label__text"
					  potentially-required-field
					  field-name="organization"
					  entity="person">
					{{'common.label.organization' | i18n}}
				</span>

				<div class="dropdown-input full-width" dropdown>
					<button type="button" aria-label="{{'common.label.organization' | i18n}}" class="dropdown-input__button dropdown-toggle" ng-click="getOrganizationsAndUpdate(person.company)" ng-enter="getOrganizationsAndUpdate(person.company)">
						<span loading-spinner if="organizationsLoading" inline="true"></span>
						<span>{{person.organization}}</span>
					</button>
					<input type="hidden" ng-model="person.organization"
						   potentially-required-field
						   field-name="organization"
						   entity="person" >
					<ul ng-if="!organizationsLoading" vertical-screen-fit="personProfileOrganizationMenu" class="dropdown-menu full-width">
						<li ng-if="organizations.length<1">
							<div class="{{(organization.name == person.organization) ? 'dropdown-item_selected' : 'dropdown-item'}}" tabindex="0" role="menuitem">
								{{'common.label.noOrganizations' | i18n}}
							</div>
						</li>
						<li ng-repeat="organization in organizations">
							<a class="{{(organization.name == person.organization) ? 'dropdown-item_selected' : 'dropdown-item'}}" tabindex="0" role="menuitem"
								 ng-click="$event.preventDefault(); person.organization = organization.name;" href="javascript:void(0)">
								{{organization.name}}
							</a>
						</li>
					</ul>
				</div>
			</label>
		</div>

		<div class="person-profile-form-item clearfix">

			<label class="label_control-wrap">
				<span class="label__text"
					  potentially-required-field
					  field-name="department"
					  entity="person">
					{{'common.label.department' | i18n}}
				</span>

				<div ng-disabled="!person.organization" class="dropdown-input full-width" dropdown>

					<button type="button" aria-label="{{'common.label.department' | i18n}}" class="dropdown-input__button dropdown-toggle" ng-click="!person.organization || getDepartmentsAndUpdate(person.organization,person.company)" ng-enter="!person.organization || getDepartmentsAndUpdate(person.organization,person.company)">
						<span loading-spinner if="departmentsLoading" inline="true"></span>
						<span>{{person.department}}</span>
					</button>
					<input type="hidden" ng-model="person.department"
						   potentially-required-field
						   field-name="department"
						   entity="person" >
					<ul ng-if="!departmentsLoading" ng-hide="!person.organization" vertical-screen-fit="personProfileDepartmentMenu" class="dropdown-menu full-width">
						<li ng-if="departments.length<1">
							<div class="{{(department.name == person.department) ? 'dropdown-item_selected' : 'dropdown-item'}}" tabindex="0" role="menuitem">
								{{'common.label.noDepartments' | i18n}}
							</div>
						</li>
						<li ng-repeat="department in departments">
							<a class="{{(department.name == person.department) ? 'dropdown-item_selected' : 'dropdown-item'}}" tabindex="0" role="menuitem"
								 ng-click="$event.preventDefault(); person.department = department.name;" href="javascript:void(0)">
								{{department.name}}
							</a>
						</li>
					</ul>
				</div>
			</label>
		</div>

		<div class="person-profile-form-item clearfix">

			<label ux-id="field_site" class="label_control-wrap">
				<span class="label__text"
							potentially-required-field
							field-name="site.name"
							entity="person">
						{{'common.label.site' | i18n}}
					</span>
					
					<selection selection-items="sites"
							selected-item="person.site"
							selection-callback="selectSite(item)"
							title-text="{{'foundation.label.site' | i18n}}"
							label="name"
							value="name"
							loadingFlag="sitesLoading"
							selection-filter="true"
							selection-filter-placeholder-text="console.filter.optionName.searchSite"
							typeahead-mode="state.tooManySites"
							typeahead-details="site as site.name for site in getList($viewValue)"
							typeahead-get-list="getSitesByTextAndCompany(name)"
							aria-required="true"
							show-chunking-tooltip="true">
					</selection>	
			</label>			
		</div>
	</div>
</div>