223 lines
8.4 KiB
HTML
223 lines
8.4 KiB
HTML
<div>
|
|
<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 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 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 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 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 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 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 aria-label="{{'personInfoCard.label.email' | i18n}}" class="form-control" type="text" ng-model="person.email"
|
|
potentially-required-field
|
|
field-name="email"
|
|
entity="person">
|
|
</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="site.name"
|
|
entity="person">
|
|
{{'common.label.site' | i18n}}
|
|
</span>
|
|
|
|
<div class="dropdown-input full-width" dropdown>
|
|
<button type="button" aria-label="{{'common.label.site' | i18n}}" class="dropdown-input__button dropdown-toggle" ng-click="getSitesAndUpdate(person.company,person.site)" ng-enter="getSitesAndUpdate(person.company,person.site)" aria-required="true">
|
|
<span loading-spinner if="sitesLoading" inline="true"></span>
|
|
<span> {{person.site.name}}</span>
|
|
</button>
|
|
<input type="hidden" ng-model="person.site.name"
|
|
potentially-required-field
|
|
field-name="site.name"
|
|
entity="person" >
|
|
<ul ng-if="!sitesLoading" class="dropdown-menu full-width">
|
|
<li ng-if="sites.length<1">
|
|
<div tabindex="0" role="menuitem">
|
|
{{'common.label.noSites' | i18n}}
|
|
</div>
|
|
</li>
|
|
<li ng-repeat="site in sites">
|
|
<a class="{{(site.name == person.site.name) ? 'dropdown-item_selected' : 'dropdown-item'}}" tabindex="0" role="menuitem"
|
|
ng-click="$event.preventDefault(); person.site.name = site.name;" href="javascript:void(0)">
|
|
{{site.name}}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- Needed for validation to work -->
|
|
<input name="personSite" type="hidden" ng-model="person.site" ng-required="true"/>
|
|
</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 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 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 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 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 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 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 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 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 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 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 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 field="person.twitter" limit="254"></character-limit-message>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |