216 lines
8.4 KiB
HTML
216 lines
8.4 KiB
HTML
<div ux-id="person-contact-edit">
|
|
<div loading-spinner if="isPersonDataSaving" centered="true" overlay="true"></div>
|
|
<div class="clearfix 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="phone"
|
|
entity="person">
|
|
{{'personInfoCard.label.direct' | i18n}}
|
|
</span>
|
|
<input ux-id="phone" aria-label="{{'personInfoCard.label.direct' | i18n}}" class="form-control" type="text" ng-model="person.phone"
|
|
potentially-required-field
|
|
field-name="phone"
|
|
entity="person"
|
|
maxlength="50">
|
|
<character-limit-message ux-id="phone-limit" field="person.phone" limit="50"></character-limit-message>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="person-profile-form-item">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text"
|
|
potentially-required-field
|
|
field-name="cell"
|
|
entity="person">
|
|
{{'personInfoCard.label.cellphone' | i18n}}
|
|
</span>
|
|
<input ux-id="cell-phone" aria-label="{{'personInfoCard.label.cellphone' | i18n}}" class="form-control" type="text" ng-model="person.cell"
|
|
potentially-required-field
|
|
field-name="cell"
|
|
entity="person"
|
|
maxlength="50">
|
|
<character-limit-message ux-id="cell-phone-limit" field="person.cell" limit="50"></character-limit-message>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="person-profile-form-item">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text"
|
|
potentially-required-field
|
|
field-name="fax"
|
|
entity="person">
|
|
{{'personInfoCard.label.fax' | i18n}}
|
|
</span>
|
|
<input ux-id="fax" aria-label="{{'personInfoCard.label.fax' | i18n}}" class="form-control" type="text" ng-model="person.fax"
|
|
potentially-required-field
|
|
field-name="fax"
|
|
entity="person"
|
|
maxlength="50">
|
|
<character-limit-message ux-id="fax-limit" field="person.fax" limit="50"></character-limit-message>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="person-profile-form-item">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text"
|
|
potentially-required-field
|
|
field-name="email"
|
|
entity="person">
|
|
{{'personInfoCard.label.email' | i18n}}
|
|
</span>
|
|
<input ux-id="email" aria-label="{{'personInfoCard.label.email' | i18n}}" class="form-control" type="text" ng-model="person.email"
|
|
potentially-required-field
|
|
field-name="email"
|
|
entity="person"
|
|
maxlength="128">
|
|
<character-limit-message ux-id="email-limit" field="person.email" limit="128"></character-limit-message>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<div ux-id="person-profile-site" class="person-profile-form-item">
|
|
<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>
|
|
<div class="clearfix row" ng-if="person.isSupportStaff">
|
|
<div class="col-sm-12 person__introduction-desc-edit">
|
|
<div class="person-profile-form-item">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text"
|
|
potentially-required-field
|
|
field-name="introduction"
|
|
entity="person">
|
|
{{'person.details.introduction' | i18n}}
|
|
</span>
|
|
<textarea ux-id="introduction" aria-label="{{'person.details.introduction' | i18n}}" rows="3" class="form-control" type="text" ng-model="person.introduction"
|
|
potentially-required-field
|
|
field-name="introduction"
|
|
maxlength="254"
|
|
entity="person"></textarea>
|
|
<character-limit-message ux-id="introduction-limit" field="person.introduction" limit="254"></character-limit-message>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix row" ng-if="person.isSupportStaff">
|
|
<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="enabled"
|
|
entity="person">
|
|
{{'person.details.enabled' | i18n}}
|
|
</span>
|
|
|
|
<div class="dropdown dropdown-input full-width">
|
|
<button ux-id="person-enabled" type="button" aria-label="{{'person.details.enabled' | i18n}}" class="dropdown-input__button dropdown-toggle">{{person.enabled ? ('common.labels.yes' | i18n) : ('common.labels.no' | i18n)}}</button>
|
|
<ul class="dropdown-menu full-width">
|
|
<li>
|
|
<a ux-id="person-enabled-yes" tabindex="0" role="menuitem" class="{{person.enabled? 'dropdown-item_selected' : 'dropdown-item'}}" ng-click="$event.preventDefault(); person.enabled = true" href="javascript:void(0)">
|
|
{{'common.labels.yes' | i18n}}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a ux-id="person-enabled-no" tabindex="0" role="menuitem" class="{{person.enabled? 'dropdown-item' : 'dropdown-item_selected'}}" ng-click="$event.preventDefault(); person.enabled = false" href="javascript:void(0)">
|
|
{{'common.labels.no' | i18n}}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="person-profile-form-item">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text"
|
|
potentially-required-field
|
|
field-name="availableForAssignment"
|
|
entity="person">
|
|
{{'person.details.availableForAssignment' | i18n}}
|
|
</span>
|
|
|
|
<div class="dropdown dropdown-input full-width">
|
|
<button ux-id="assignment-available" type="button" aria-label="{{'person.details.availableForAssignment' | i18n}}" class="dropdown-input__button dropdown-toggle">{{person.availableForAssignment ? ('common.labels.yes' | i18n) : ('common.labels.no' | i18n)}}</button>
|
|
<ul class="dropdown-menu full-width">
|
|
<li>
|
|
<a ux-id="assignment-available-yes" tabindex="0" role="menuitem" class="{{person.availableForAssignment? 'dropdown-item_selected' : 'dropdown-item'}}"
|
|
ng-click="$event.preventDefault(); person.availableForAssignment = true" href="javascript:void(0)">
|
|
{{'common.labels.yes' | i18n}}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a ux-id="assignment-available-no" tabindex="0" role="menuitem" class="{{person.availableForAssignment? 'dropdown-item' : 'dropdown-item_selected'}}"
|
|
ng-click="$event.preventDefault(); person.availableForAssignment = false" href="javascript:void(0)">
|
|
{{'common.labels.no' | i18n}}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<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="linkedIn"
|
|
entity="person">
|
|
{{'person.details.linkedin' | i18n}}
|
|
</span>
|
|
<input ux-id="linkedin" aria-label="{{'person.details.linkedin' | i18n}}" class="form-control" type="text" ng-model="person.linkedIn"
|
|
potentially-required-field
|
|
field-name="linkedIn"
|
|
entity="person"
|
|
maxlength="254">
|
|
<character-limit-message ux-id="linkedin-limit"field="person.linkedIn" limit="254"></character-limit-message>
|
|
</label>
|
|
</div>
|
|
<div class="person-profile-form-item">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text"
|
|
potentially-required-field
|
|
field-name="twitter"
|
|
entity="person">
|
|
{{'person.details.twitter' | i18n}}
|
|
</span>
|
|
<input ux-id="twitter" aria-label="{{'person.details.twitter' | i18n}}" class="form-control" type="text" ng-model="person.twitter"
|
|
potentially-required-field
|
|
field-name="twitter"
|
|
entity="person"
|
|
maxlength="254">
|
|
<character-limit-message ux-id="twitter-limit"field="person.twitter" limit="254"></character-limit-message>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|