azure-devops-ui
Version:
React components for building web UI in Azure DevOps
1 lines • 4.17 kB
JavaScript
import"../../CommonImports";import"../../Core/core.css";import"./IdentityCard.css";import*as React from"react";import*as Resources from"../../Resources.Persona";import{format}from"../../Core/Util/String";import{Button}from"../../Button";import{Persona}from"../Persona/Persona";import{PersonaSize}from"../Persona/Persona.Props";class OrganizationCard extends React.Component{constructor(){super(...arguments),this.createManagerChainIdentityElements=()=>{var e=this.props.managerList?this.props.managerList.map(e=>{var t={imageUrl:e.image,primaryText:e.displayName||"",secondaryText:e.jobTitle||"",tertiaryText:e.department||""};return React.createElement("div",{className:"bolt-identity-card-persona-list-row flex-row flex-grow scroll-hidden",key:e.entityId+e.signInAddress},React.createElement(Button,{"aria-label":e.displayName,className:"bolt-identity-card-persona-list-element profile-card-tab-element flex-row text-ellipsis",onClick:()=>{this.props.onClickEntity&&this.props.onClickEntity(e)},subtle:!0},React.createElement(Persona,{size:PersonaSize.size40,identity:e}),React.createElement("div",{className:"flex-column flex-grow bolt-identity-card-name text-ellipsis"},React.createElement("div",{className:"text-left text-ellipsis"},t.primaryText),""===t.secondaryText?void 0:React.createElement("div",{className:"text-left text-ellipsis"},t.secondaryText))))}):[],t={imageUrl:this.props.identity.image,primaryText:this.props.identity.displayName,secondaryText:this.props.identity.jobTitle,tertiaryText:this.props.identity.department};return e.push(React.createElement("div",{className:"bolt-identity-card-persona-list-row flex-row flex-grow",key:this.props.identity.entityId+this.props.identity.signInAddress},React.createElement(Button,{className:"bolt-identity-card-persona-list-element profile-card-tab-element flex-row flex-shrink text-ellipsis","aria-label":this.props.identity.displayName,onClick:()=>{this.props.onClickEntity&&this.props.onClickEntity(this.props.identity)},subtle:!0},React.createElement(Persona,{size:PersonaSize.size40,identity:this.props.identity}),React.createElement("div",{className:"flex-column flex-grow bolt-identity-card-name text-ellipsis"},React.createElement("div",{className:"text-left text-ellipsis"},t.primaryText),t.secondaryText?React.createElement("div",{className:"text-left text-ellipsis"},t.secondaryText):void 0)))),e},this.createDirectReportsIdentityElements=()=>{return this.props.directReportList?this.props.directReportList.map(e=>{var t={imageUrl:e.image,primaryText:e.displayName||"",secondaryText:e.jobTitle||"",tertiaryText:e.department||""};return React.createElement("div",{className:"bolt-identity-card-persona-list-row flex-row flex-grow",key:e.entityId+e.signInAddress},React.createElement(Button,{className:"bolt-identity-card-persona-list-element profile-card-tab-element flex-row text-ellipsis","aria-label":e.displayName,onClick:()=>{this.props.onClickEntity&&this.props.onClickEntity(e)},subtle:!0},React.createElement(Persona,{size:PersonaSize.size40,identity:e}),React.createElement("div",{className:"flex-column flex-grow bolt-identity-card-name text-ellipsis"},React.createElement("div",{className:"text-left text-ellipsis"},t.primaryText),""===t.secondaryText?void 0:React.createElement("div",{className:"text-left text-ellipsis"},t.secondaryText))))}):[]}}render(){var e=this.createManagerChainIdentityElements(),t=this.createDirectReportsIdentityElements();return React.createElement("div",{className:"bolt-identity-contact-card-organization-card-wrapper bolt-identity-card-content"},React.createElement("div",{className:"bolt-identity-organization-card-content v-scroll-auto h-scroll-hidden"},React.createElement("div",{className:"bolt-identity-organization-card-header-wrapper"},Resources.IdentityCardOrganization," "),React.createElement("div",{className:"bolt-identity-organization-card-manager-chain-wrapper"},e),0<t.length&&React.createElement("div",{className:"bolt-identity-organization-card-direct-reports-wrapper"},format(Resources.IdentityCardReportingTo,this.props.identity.displayName,this.props.directReportList?this.props.directReportList.length:0),t)))}}export{OrganizationCard};