New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@cpelements/pfe-navigation-account
Advanced tools
@cpelements/pfe-navigation-account - npm Package Compare versions
Comparing version 1.0.1 to 1.0.2
@@ -1,9 +0,9 @@ | ||
| import PFElement from '../../../@patternfly/pfelement/dist/pfelement.js'; | ||
| import '../../../@patternfly/pfe-avatar/dist/pfe-avatar.js'; | ||
| import PFElement from '../../pfelement/dist/pfelement.js'; | ||
| import '../../pfe-avatar/dist/pfe-avatar.js'; | ||
| /*! | ||
| * PatternFly Elements: PfeNavigationAccount 1.0.0 | ||
| * PatternFly Elements: PfeNavigationAccount 1.0.2 | ||
| * @license | ||
| * Copyright 2020 Red Hat, Inc. | ||
| * | ||
| * | ||
| * Permission is hereby granted, free of charge, to any person obtaining a copy | ||
@@ -15,6 +15,6 @@ * of this software and associated documentation files (the "Software"), to deal | ||
| * furnished to do so, subject to the following conditions: | ||
| * | ||
| * | ||
| * The above copyright notice and this permission notice shall be included in | ||
| * all copies or substantial portions of the Software. | ||
| * | ||
| * | ||
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
@@ -27,3 +27,3 @@ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
| * SOFTWARE. | ||
| * | ||
| * | ||
| */ | ||
@@ -39,3 +39,3 @@ | ||
| static get version() { | ||
| return "1.0.0"; | ||
| return "1.0.2"; | ||
| } | ||
@@ -213,14 +213,16 @@ | ||
| fetch(`${avatarEndpoint}${REDHAT_LOGIN}`).then(response => { | ||
| if (typeof response === "object" && typeof response.status === "number" && response.status === 200) { | ||
| if (typeof response.url === "string" && !response.url.includes("blank.png")) { | ||
| // Update the component attribute | ||
| this.setAttribute("avatar-url", response.url); | ||
| // We have a valid avatar src, update all avatars | ||
| for (let index = 0; index < this._avatars.length; index++) { | ||
| this._avatars[index].setAttribute("src", response.url); | ||
| fetch(`${avatarEndpoint}${REDHAT_LOGIN}`) | ||
| .then(response => { | ||
| if (typeof response === "object" && typeof response.status === "number" && response.status === 200) { | ||
| if (typeof response.url === "string" && !response.url.includes("blank.png")) { | ||
| // Update the component attribute | ||
| this.setAttribute("avatar-url", response.url); | ||
| // We have a valid avatar src, update all avatars | ||
| for (let index = 0; index < this._avatars.length; index++) { | ||
| this._avatars[index].setAttribute("src", response.url); | ||
| } | ||
| } | ||
| } | ||
| } | ||
| }); | ||
| }) | ||
| .catch(error => console.error(error)); | ||
| } | ||
@@ -321,3 +323,3 @@ } | ||
| { | ||
| text: "Training & Certification", | ||
| text: "Training & certification", | ||
| url: "https://rol.redhat.com/rol/app/", | ||
@@ -337,3 +339,3 @@ description: "Access your Red Hat Learning Subscription, courses, and exams." | ||
| { | ||
| text: "Account Team", | ||
| text: "Account team", | ||
| url: "https://access.redhat.com/account-team", | ||
@@ -340,0 +342,0 @@ description: "Get help from your Red Hat account team." |
@@ -1,7 +0,7 @@ | ||
| import a from"../../../@patternfly/pfelement/dist/pfelement.min.js";import"../../../@patternfly/pfe-avatar/dist/pfe-avatar.min.js"; | ||
| import a from"../../pfelement/dist/pfelement.min.js";import"../../pfe-avatar/dist/pfe-avatar.min.js"; | ||
| /*! | ||
| * PatternFly Elements: PfeNavigationAccount 1.0.0 | ||
| * PatternFly Elements: PfeNavigationAccount 1.0.2 | ||
| * @license | ||
| * Copyright 2020 Red Hat, Inc. | ||
| * | ||
| * | ||
| * Permission is hereby granted, free of charge, to any person obtaining a copy | ||
@@ -13,6 +13,6 @@ * of this software and associated documentation files (the "Software"), to deal | ||
| * furnished to do so, subject to the following conditions: | ||
| * | ||
| * | ||
| * The above copyright notice and this permission notice shall be included in | ||
| * all copies or substantial portions of the Software. | ||
| * | ||
| * | ||
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
@@ -25,5 +25,5 @@ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
| * SOFTWARE. | ||
| * | ||
| * | ||
| */ | ||
| class t extends a{static get version(){return"1.0.0"}get html(){return'\n<style>.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.element-invisible,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host{display:block}:host([hidden]){display:none}.pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0;margin-left:auto;margin-right:auto;padding:24px;font-size:16px;color:#151515;color:var(--pfe-navigation__dropdown--Color,#151515);background:#fff;background:var(--pfe-navigation__dropdown--Background,var(--pfe-theme--color--surface--lightest,#fff))}@media (min-width:768px){.pfe-navigation__dropdown{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px);grid-auto-flow:row;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;padding:24px 64px}}@media (min-width:1200px){.pfe-navigation__dropdown{-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));padding:48px 32px;gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px)}}:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:24px;gap:0}.pfe-navigation__dropdown[class]{width:auto}.pfe-navigation__dropdown li,.pfe-navigation__dropdown ul{margin:0;padding:0;list-style:none}.pfe-navigation__dropdown .pfe-link-list--header,.pfe-navigation__dropdown [role=heading][aria-heading-level],.pfe-navigation__dropdown h2,.pfe-navigation__dropdown h3,.pfe-navigation__dropdown h4,.pfe-navigation__dropdown h5,.pfe-navigation__dropdown h6{margin:0 0 .75em;padding:0;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;font-size:18px;font-weight:400;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646)}.pfe-navigation__dropdown .pfe-link-list--header a,.pfe-navigation__dropdown [role=heading][aria-heading-level] a,.pfe-navigation__dropdown h2 a,.pfe-navigation__dropdown h3 a,.pfe-navigation__dropdown h4 a,.pfe-navigation__dropdown h5 a,.pfe-navigation__dropdown h6 a{margin:0 -12px;padding:0 12px;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646);border:1px solid transparent}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown .pfe-link-list--header a:hover,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:hover,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h2 a:hover,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h3 a:hover,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h4 a:hover,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h5 a:hover,.pfe-navigation__dropdown h6 a:focus,.pfe-navigation__dropdown h6 a:hover{text-decoration:underline;color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h6 a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown li{margin:0 0 16px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown li a{display:inline-block;margin:0 -12px;padding:0 12px;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,#06c);border:1px solid transparent}.pfe-navigation__dropdown li a:focus,.pfe-navigation__dropdown li a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:underline}.pfe-navigation__dropdown li a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown [role=heading][aria-heading-level]+ul,.pfe-navigation__dropdown ul+h2,.pfe-navigation__dropdown ul+h3,.pfe-navigation__dropdown ul+h4,.pfe-navigation__dropdown ul+h5,.pfe-navigation__dropdown ul+h6{margin-top:32px;margin-top:var(--pfe-navigation--gutter,32px)}.pfe-navigation__dropdown a,.pfe-navigation__dropdown pfe-card,.pfe-navigation__dropdown pfe-cta{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown pfe-cta{margin-top:32px;margin-top:var(--pfe-navigation--gutter,32px)}.pfe-navigation__dropdown pfe-card pfe-cta{margin-top:0}.pfe-navigation__dropdown pfe-card pfe-cta+pfe-cta{margin-top:16px}.user-info[class]{-webkit-box-ordinal-group:-9;-webkit-order:-10;-ms-flex-order:-10;order:-10;position:relative;min-height:64px;margin-bottom:24px;padding-left:76px;font-size:18px}@media (min-width:768px){.user-info[class]{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;margin-bottom:32px}}:host(.pfe-navigation--collapse-secondary-links) .user-info[class]{margin-bottom:24px}.user-info[class] pfe-avatar{position:absolute;top:0;left:0;width:64px;height:64px}.user-info[class] .user-info__edit-avatar{font-size:16px;text-decoration:none;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,#06c)}.user-info[class] .user-info__edit-avatar:focus,.user-info[class] .user-info__edit-avatar:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.account-links{-ms-grid-row:2;grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;font-size:14px}@media (min-width:768px){.account-links{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;gap:var(--pfe-navigation--gutter,32px);grid-auto-flow:row}}:host(.pfe-navigation--collapse-secondary-links) .account-links{display:block}.account-links li{margin-bottom:.57143em;max-width:19.28571em}@media (min-width:768px){.account-links li{margin-bottom:1.5em}}:host(.pfe-navigation--collapse-secondary-links) .account-links li{margin-bottom:.57143em}.account-links[class] a{text-decoration:none}.account-links[class] a:focus,.account-links[class] a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:none}.account-links .account-link__title[class]{font-size:1.14286em;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,#06c)}@media (min-width:768px){.account-links .account-link__title[class]{margin-bottom:8px}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__title[class]{margin-bottom:0}.account-links a:focus .account-link__title,.account-links a:hover .account-link__title{text-decoration:underline}.account-links .account-link__description{display:none;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,#6a6e73)}@media (min-width:768px){.account-links .account-link__description{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__description{display:none}@media (min-width:768px){.account-metadata{-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2}}.account-metadata--mobile{-webkit-box-ordinal-group:-4;-webkit-order:-5;-ms-flex-order:-5;order:-5;display:block;margin-bottom:24px}@media (min-width:768px){.account-metadata--mobile{display:none}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata--mobile{display:block}.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:none}@media (min-width:768px){.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata__account-number,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__email,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__login-name,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__org-admin,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__organization{display:none}.account-metadata--mobile .account-metadata__account-number,.account-metadata--mobile .account-metadata__email,.account-metadata--mobile .account-metadata__login-name,.account-metadata--mobile .account-metadata__org-admin,.account-metadata--mobile .account-metadata__organization{display:block}.account-metadata__login-name[class]{font-size:16px;margin-bottom:1.5em}.account-metadata--org-admin .account-metadata__login-name[class]{margin-bottom:.5em}.account-metadata__account-number[class],.account-metadata__org-admin[class],.account-metadata__organization[class]{font-size:14px;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,#6a6e73)}.account-metadata__org-admin{margin-bottom:1.71429em}.account-metadata__email[class]{margin-top:1.5em}.account-metadata__logout-wrapper{margin-top:3em;padding:3em 0 24px;border-top:1px solid #d2d2d2}.account-metadata__logout-wrapper[class] a{padding:.375em 1em;color:#fff;color:var(--pfe-navigation__dropdown--Color--on-highlight,#fff);background:#e00;background:var(--pfe-navigation__dropdown--highlight-color,#e00);text-decoration:none;border-radius:3px} /*# sourceMappingURL=pfe-navigation-account.min.css.map */</style>\n<div id="wrapper">\n</div>'}static get tag(){return"pfe-navigation-account"}static get meta(){return{title:"Navigation account",description:"Be awesome."}}get templateUrl(){return"pfe-navigation-account.html"}get styleUrl(){return"pfe-navigation-account.scss"}static get PfeType(){return a.PfeTypes.Content}static get properties(){return{loginLink:{title:"Login link",attribute:"login-link",type:String},logoutLink:{title:"Logout link",attribute:"logout-link",type:String},avatarUrl:{title:"Avatar URL",attribute:"avatar-url",type:String},fullName:{title:"Full name",attribute:"full-name",type:String}}}static get slots(){return{}}constructor(){super(t,{type:t.PfeType}),this._userData=null,this._avatars=[],this._updateAvatarSrc=this._updateAvatarSrc.bind(this),this._createAccountDropdown=this._createAccountDropdown.bind(this),this._processUserInfo=this._processUserInfo.bind(this);const a=document.querySelector("body");a.addEventListener("user-ready",this._processUserInfo),a.addEventListener("user-update",this._processUserInfo)}connectedCallback(){if(super.connectedCallback(),null===this._userData){const a=document.querySelector("cpx-user");a.hasAttribute("ready")&&this._processUserInfo({target:a})}}disconnectedCallback(){const a=document.querySelector("body");a.removeEventListener("user-ready",this._processUserInfo),a.removeEventListener("user-update",this._processUserInfo)}attributeChangedCallback(a,t,e){super.attributeChangedCallback(a,t,e)}_createPfeAvatar(a,t){const e=document.createElement("pfe-avatar");return e.setAttribute("name",a),e.setAttribute("shape","circle"),"string"==typeof t&&e.setAttribute("src",t),e}_getFullName(a){if("string"==typeof a.fullName)return a.fullName;let t="";return"string"==typeof a.firstName&&(t=a.firstName),"string"==typeof a.lastName&&(t=t.length?`${t} ${a.lastName}`:a.lastName),t.length||this.error("Couldn't get full name"),this.setAttribute("full-name",t),t}_updateAvatarSrc(a){if(null===this._userData||"string"==typeof this._userData.REDHAT_LOGIN&&a!==this._userData.REDHAT_LOGIN){let t="//access.redhat.com/api/users/avatar/";document.domain.includes(".foo.")&&(t="/api/users/avatar/"),fetch(`${t}${a}`).then(a=>{if("object"==typeof a&&"number"==typeof a.status&&200===a.status&&"string"==typeof a.url&&!a.url.includes("blank.png")){this.setAttribute("avatar-url",a.url);for(let t=0;t<this._avatars.length;t++)this._avatars[t].setAttribute("src",a.url)}})}}_createPfeIcon(a){const t=document.createElement("pfe-icon");return t.setAttribute("icon",a),t.setAttribute("pfe-size","sm"),t.setAttribute("aria-hidden","true"),t}_createAccountMenuToggle(a){const t=this.shadowRoot.querySelector(".pfe-navigation__log-in-link"),e=document.createElement("button");e.classList.add("pfe-navigation__log-in-link","pfe-navigation__log-in-link--logged-in"),e.setAttribute("aria-label","Open user menu");const o=this._createPfeAvatar(a);return e.append(o),e.id="account__toggle",t.replaceWith(e),this._avatars.push(o),e}_createAccountDropdown(a){const t=document.createElement("div");t.id="wrapper",t.classList.add("pfe-navigation__dropdown");const e=document.createElement("h3"),o=this._getFullName(a),n=this._createPfeAvatar(o);e.classList.add("user-info"),this._avatars.push(n),n.classList.add("user-info__avatar");const i=document.createElement("div");i.classList.add("user-info__full-name"),i.innerText=o;const r=document.createElement("a");r.setAttribute("href","https://access.redhat.com/user/edit"),r.classList.add("user-info__edit-avatar"),r.innerText="Edit avatar",r.prepend(this._createPfeIcon("web-caret-right")),e.append(n),e.append(i),e.append(r);const d=[[{text:"Account details",url:"https://www.redhat.com/wapps/ugc/protected/personalInfo.html",description:"Edit your contact info, password, location preferences, and errata notifications."},{text:"Community profile",url:"https://access.redhat.com/user",description:"Fill out your public profile and control what content you follow."},{text:"Training & Certification",url:"https://rol.redhat.com/rol/app/",description:"Access your Red Hat Learning Subscription, courses, and exams."}],[{text:"Subscriptions",url:"https://access.redhat.com/management",description:"Manage your subscriptions.",requiresRole:"portal_manage_subscriptions"},{text:"Account Team",url:"https://access.redhat.com/account-team",description:"Get help from your Red Hat account team."},{text:"User management",url:"https://www.redhat.com/wapps/ugc/protected/usermgt/userList.html",description:"Manage users in your organization.",requiresRole:"admin:org:all"},{text:"Support",url:"https://access.redhat.com/support/cases/#/troubleshoot/",description:"Get support for your Red Hat products."}]],c=document.createElement("div");c.classList.add("account-links"),c.setAttribute("aria-label","Account managemement links");for(let t=0;t<d.length;t++){const e=d[t],o=document.createElement("ul");o.classList.add("account-links__column");for(let t=0;t<e.length;t++){const n=e[t],i=document.createElement("li"),r=document.createElement("a");let d=!0;void 0!==n.requiresRole&&(a.realm_access.roles.includes(n.requiresRole)||(d=!1)),d&&(r.setAttribute("href",n.url),r.innerHTML=`\n <div class="account-link__title">\n ${n.text}\n </div>`,n.description&&(r.innerHTML=`${r.innerHTML}\n <div class="account-link__description">\n ${n.description}\n </div>`),i.append(r),o.append(i))}c.append(o)}const s=document.createElement("div");s.classList.add("account-metadata");const l=document.createElement("h3");l.classList.add("account-metadata__login-name"),l.innerText=`Login: ${a.REDHAT_LOGIN}`;const p=document.createElement("div");p.classList.add("account-metadata__account-number"),p.innerText=`Account number: ${a.account_number}`;const u=document.createElement("div");u.classList.add("account-metadata__email"),u.innerText=a.email;const m=document.createElement("div");m.classList.add("account-metadata__logout-wrapper");const g=document.createElement("a");if(this.hasAttribute("logout-link")?g.setAttribute("href",this.getAttribute("logout-link")):this.error("Couldn't get logout link"),g.hasAttribute("href")&&(g.innerText="Log out",m.append(g)),s.append(l),a.realm_access.roles.includes("admin:org:all")){const a=document.createElement("div");a.classList.add("account-metadata__org-admin"),a.innerText="Organization administrator",s.classList.add("account-metadata--org-admin"),s.append(a)}s.append(p),s.append(u);const _=s.cloneNode(!0);return _.classList.add("account-metadata--mobile"),s.append(m),t.append(e),t.append(_),t.append(c),t.append(s),this.shadowRoot.getElementById("wrapper").replaceWith(t),t}_processUserInfo(a){const t=a.target.user;"object"==typeof t&&(t.fullName=this._getFullName(t),this.getAttribute("full-name")!==t.fullName&&this.setAttribute("full-name",t.fullName),null===this._userData&&this._createAccountDropdown(t)),"string"==typeof t.REDHAT_LOGIN?this._updateAvatarSrc(t.REDHAT_LOGIN):this.error("Could not find Redhat Login"),this._userData=t}}a.create(t);export default t; | ||
| class t extends a{static get version(){return"1.0.2"}get html(){return'\n<style>.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.element-invisible,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host{display:block}:host([hidden]){display:none}.pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0;margin-left:auto;margin-right:auto;padding:24px;font-size:16px;color:#151515;color:var(--pfe-navigation__dropdown--Color,#151515);background:#fff;background:var(--pfe-navigation__dropdown--Background,var(--pfe-theme--color--surface--lightest,#fff))}@media (min-width:768px){.pfe-navigation__dropdown{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px);grid-auto-flow:row;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;padding:24px 64px}}@media (min-width:1200px){.pfe-navigation__dropdown{-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));padding:48px 32px;gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px)}}:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:24px;gap:0}.pfe-navigation__dropdown[class]{width:auto}.pfe-navigation__dropdown li,.pfe-navigation__dropdown ul{margin:0;padding:0;list-style:none}.pfe-navigation__dropdown .pfe-link-list--header,.pfe-navigation__dropdown [role=heading][aria-heading-level],.pfe-navigation__dropdown h2,.pfe-navigation__dropdown h3,.pfe-navigation__dropdown h4,.pfe-navigation__dropdown h5,.pfe-navigation__dropdown h6{margin:0 0 .75em;padding:0;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;font-size:18px;font-weight:400;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646)}.pfe-navigation__dropdown .pfe-link-list--header a,.pfe-navigation__dropdown [role=heading][aria-heading-level] a,.pfe-navigation__dropdown h2 a,.pfe-navigation__dropdown h3 a,.pfe-navigation__dropdown h4 a,.pfe-navigation__dropdown h5 a,.pfe-navigation__dropdown h6 a{margin:0 -12px;padding:0 12px;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646);border:1px solid transparent}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown .pfe-link-list--header a:hover,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:hover,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h2 a:hover,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h3 a:hover,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h4 a:hover,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h5 a:hover,.pfe-navigation__dropdown h6 a:focus,.pfe-navigation__dropdown h6 a:hover{text-decoration:underline;color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h6 a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown li{margin:0 0 16px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown li a{display:inline-block;margin:0 -12px;padding:0 12px;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,#06c);border:1px solid transparent}.pfe-navigation__dropdown li a:focus,.pfe-navigation__dropdown li a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:underline}.pfe-navigation__dropdown li a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown [role=heading][aria-heading-level]+ul,.pfe-navigation__dropdown ul+h2,.pfe-navigation__dropdown ul+h3,.pfe-navigation__dropdown ul+h4,.pfe-navigation__dropdown ul+h5,.pfe-navigation__dropdown ul+h6{margin-top:32px;margin-top:var(--pfe-navigation--gutter,32px)}.pfe-navigation__dropdown a,.pfe-navigation__dropdown pfe-card,.pfe-navigation__dropdown pfe-cta{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown pfe-cta{margin-top:32px;margin-top:var(--pfe-navigation--gutter,32px)}.pfe-navigation__dropdown pfe-card pfe-cta{margin-top:0}.pfe-navigation__dropdown pfe-card pfe-cta+pfe-cta{margin-top:16px}.user-info[class]{-webkit-box-ordinal-group:-9;-webkit-order:-10;-ms-flex-order:-10;order:-10;position:relative;min-height:64px;margin-bottom:24px;padding-left:76px;font-size:18px}@media (min-width:768px){.user-info[class]{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;margin-bottom:32px}}:host(.pfe-navigation--collapse-secondary-links) .user-info[class]{margin-bottom:24px}.user-info[class] pfe-avatar{position:absolute;top:0;left:0;width:64px;height:64px}.user-info[class] .user-info__edit-avatar{font-size:16px;text-decoration:none;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,#06c)}.user-info[class] .user-info__edit-avatar:focus,.user-info[class] .user-info__edit-avatar:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.account-links{-ms-grid-row:2;grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;font-size:14px}@media (min-width:768px){.account-links{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;gap:var(--pfe-navigation--gutter,32px);grid-auto-flow:row}}:host(.pfe-navigation--collapse-secondary-links) .account-links{display:block}.account-links li{margin-bottom:.57143em;max-width:19.28571em}@media (min-width:768px){.account-links li{margin-bottom:1.5em}}:host(.pfe-navigation--collapse-secondary-links) .account-links li{margin-bottom:.57143em}.account-links[class] a{text-decoration:none}.account-links[class] a:focus,.account-links[class] a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:none}.account-links .account-link__title[class]{font-size:1.14286em;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,#06c)}@media (min-width:768px){.account-links .account-link__title[class]{margin-bottom:8px}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__title[class]{margin-bottom:0}.account-links a:focus .account-link__title,.account-links a:hover .account-link__title{text-decoration:underline}.account-links .account-link__description{display:none;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,#6a6e73)}@media (min-width:768px){.account-links .account-link__description{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__description{display:none}@media (min-width:768px){.account-metadata{-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2}}.account-metadata--mobile{-webkit-box-ordinal-group:-4;-webkit-order:-5;-ms-flex-order:-5;order:-5;display:block;margin-bottom:24px}@media (min-width:768px){.account-metadata--mobile{display:none}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata--mobile{display:block}.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:none}@media (min-width:768px){.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata__account-number,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__email,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__login-name,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__org-admin,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__organization{display:none}.account-metadata--mobile .account-metadata__account-number,.account-metadata--mobile .account-metadata__email,.account-metadata--mobile .account-metadata__login-name,.account-metadata--mobile .account-metadata__org-admin,.account-metadata--mobile .account-metadata__organization{display:block}.account-metadata__login-name[class]{font-size:16px;margin-bottom:1.5em}.account-metadata--org-admin .account-metadata__login-name[class]{margin-bottom:.5em}.account-metadata__account-number[class],.account-metadata__org-admin[class],.account-metadata__organization[class]{font-size:14px;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,#6a6e73)}.account-metadata__org-admin{margin-bottom:1.71429em}.account-metadata__email[class]{margin-top:1.5em}.account-metadata__logout-wrapper{margin-top:3em;padding:3em 0 24px;border-top:1px solid #d2d2d2}.account-metadata__logout-wrapper[class] a{padding:.375em 1em;color:#fff;color:var(--pfe-navigation__dropdown--Color--on-highlight,#fff);background:#e00;background:var(--pfe-navigation__dropdown--highlight-color,#e00);text-decoration:none;border-radius:3px} /*# sourceMappingURL=pfe-navigation-account.min.css.map */</style>\n<div id="wrapper">\n</div>'}static get tag(){return"pfe-navigation-account"}static get meta(){return{title:"Navigation account",description:"Be awesome."}}get templateUrl(){return"pfe-navigation-account.html"}get styleUrl(){return"pfe-navigation-account.scss"}static get PfeType(){return a.PfeTypes.Content}static get properties(){return{loginLink:{title:"Login link",attribute:"login-link",type:String},logoutLink:{title:"Logout link",attribute:"logout-link",type:String},avatarUrl:{title:"Avatar URL",attribute:"avatar-url",type:String},fullName:{title:"Full name",attribute:"full-name",type:String}}}static get slots(){return{}}constructor(){super(t,{type:t.PfeType}),this._userData=null,this._avatars=[],this._updateAvatarSrc=this._updateAvatarSrc.bind(this),this._createAccountDropdown=this._createAccountDropdown.bind(this),this._processUserInfo=this._processUserInfo.bind(this);const a=document.querySelector("body");a.addEventListener("user-ready",this._processUserInfo),a.addEventListener("user-update",this._processUserInfo)}connectedCallback(){if(super.connectedCallback(),null===this._userData){const a=document.querySelector("cpx-user");a.hasAttribute("ready")&&this._processUserInfo({target:a})}}disconnectedCallback(){const a=document.querySelector("body");a.removeEventListener("user-ready",this._processUserInfo),a.removeEventListener("user-update",this._processUserInfo)}attributeChangedCallback(a,t,e){super.attributeChangedCallback(a,t,e)}_createPfeAvatar(a,t){const e=document.createElement("pfe-avatar");return e.setAttribute("name",a),e.setAttribute("shape","circle"),"string"==typeof t&&e.setAttribute("src",t),e}_getFullName(a){if("string"==typeof a.fullName)return a.fullName;let t="";return"string"==typeof a.firstName&&(t=a.firstName),"string"==typeof a.lastName&&(t=t.length?`${t} ${a.lastName}`:a.lastName),t.length||this.error("Couldn't get full name"),this.setAttribute("full-name",t),t}_updateAvatarSrc(a){if(null===this._userData||"string"==typeof this._userData.REDHAT_LOGIN&&a!==this._userData.REDHAT_LOGIN){let t="//access.redhat.com/api/users/avatar/";document.domain.includes(".foo.")&&(t="/api/users/avatar/"),fetch(`${t}${a}`).then(a=>{if("object"==typeof a&&"number"==typeof a.status&&200===a.status&&"string"==typeof a.url&&!a.url.includes("blank.png")){this.setAttribute("avatar-url",a.url);for(let t=0;t<this._avatars.length;t++)this._avatars[t].setAttribute("src",a.url)}}).catch(a=>console.error(a))}}_createPfeIcon(a){const t=document.createElement("pfe-icon");return t.setAttribute("icon",a),t.setAttribute("pfe-size","sm"),t.setAttribute("aria-hidden","true"),t}_createAccountMenuToggle(a){const t=this.shadowRoot.querySelector(".pfe-navigation__log-in-link"),e=document.createElement("button");e.classList.add("pfe-navigation__log-in-link","pfe-navigation__log-in-link--logged-in"),e.setAttribute("aria-label","Open user menu");const o=this._createPfeAvatar(a);return e.append(o),e.id="account__toggle",t.replaceWith(e),this._avatars.push(o),e}_createAccountDropdown(a){const t=document.createElement("div");t.id="wrapper",t.classList.add("pfe-navigation__dropdown");const e=document.createElement("h3"),o=this._getFullName(a),n=this._createPfeAvatar(o);e.classList.add("user-info"),this._avatars.push(n),n.classList.add("user-info__avatar");const i=document.createElement("div");i.classList.add("user-info__full-name"),i.innerText=o;const r=document.createElement("a");r.setAttribute("href","https://access.redhat.com/user/edit"),r.classList.add("user-info__edit-avatar"),r.innerText="Edit avatar",r.prepend(this._createPfeIcon("web-caret-right")),e.append(n),e.append(i),e.append(r);const d=[[{text:"Account details",url:"https://www.redhat.com/wapps/ugc/protected/personalInfo.html",description:"Edit your contact info, password, location preferences, and errata notifications."},{text:"Community profile",url:"https://access.redhat.com/user",description:"Fill out your public profile and control what content you follow."},{text:"Training & certification",url:"https://rol.redhat.com/rol/app/",description:"Access your Red Hat Learning Subscription, courses, and exams."}],[{text:"Subscriptions",url:"https://access.redhat.com/management",description:"Manage your subscriptions.",requiresRole:"portal_manage_subscriptions"},{text:"Account team",url:"https://access.redhat.com/account-team",description:"Get help from your Red Hat account team."},{text:"User management",url:"https://www.redhat.com/wapps/ugc/protected/usermgt/userList.html",description:"Manage users in your organization.",requiresRole:"admin:org:all"},{text:"Support",url:"https://access.redhat.com/support/cases/#/troubleshoot/",description:"Get support for your Red Hat products."}]],c=document.createElement("div");c.classList.add("account-links"),c.setAttribute("aria-label","Account managemement links");for(let t=0;t<d.length;t++){const e=d[t],o=document.createElement("ul");o.classList.add("account-links__column");for(let t=0;t<e.length;t++){const n=e[t],i=document.createElement("li"),r=document.createElement("a");let d=!0;void 0!==n.requiresRole&&(a.realm_access.roles.includes(n.requiresRole)||(d=!1)),d&&(r.setAttribute("href",n.url),r.innerHTML=`\n <div class="account-link__title">\n ${n.text}\n </div>`,n.description&&(r.innerHTML=`${r.innerHTML}\n <div class="account-link__description">\n ${n.description}\n </div>`),i.append(r),o.append(i))}c.append(o)}const s=document.createElement("div");s.classList.add("account-metadata");const l=document.createElement("h3");l.classList.add("account-metadata__login-name"),l.innerText=`Login: ${a.REDHAT_LOGIN}`;const p=document.createElement("div");p.classList.add("account-metadata__account-number"),p.innerText=`Account number: ${a.account_number}`;const u=document.createElement("div");u.classList.add("account-metadata__email"),u.innerText=a.email;const m=document.createElement("div");m.classList.add("account-metadata__logout-wrapper");const g=document.createElement("a");if(this.hasAttribute("logout-link")?g.setAttribute("href",this.getAttribute("logout-link")):this.error("Couldn't get logout link"),g.hasAttribute("href")&&(g.innerText="Log out",m.append(g)),s.append(l),a.realm_access.roles.includes("admin:org:all")){const a=document.createElement("div");a.classList.add("account-metadata__org-admin"),a.innerText="Organization administrator",s.classList.add("account-metadata--org-admin"),s.append(a)}s.append(p),s.append(u);const _=s.cloneNode(!0);return _.classList.add("account-metadata--mobile"),s.append(m),t.append(e),t.append(_),t.append(c),t.append(s),this.shadowRoot.getElementById("wrapper").replaceWith(t),t}_processUserInfo(a){const t=a.target.user;"object"==typeof t&&(t.fullName=this._getFullName(t),this.getAttribute("full-name")!==t.fullName&&this.setAttribute("full-name",t.fullName),null===this._userData&&this._createAccountDropdown(t)),"string"==typeof t.REDHAT_LOGIN?this._updateAvatarSrc(t.REDHAT_LOGIN):this.error("Could not find Redhat Login"),this._userData=t}}a.create(t);export default t; | ||
| //# sourceMappingURL=pfe-navigation-account.min.js.map |
| (function (global, factory) { | ||
| typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../../@patternfly/pfelement/dist/pfelement.umd'), require('../../../@patternfly/pfe-avatar/dist/pfe-avatar.umd')) : | ||
| typeof define === 'function' && define.amd ? define(['../../../@patternfly/pfelement/dist/pfelement.umd', '../../../@patternfly/pfe-avatar/dist/pfe-avatar.umd'], factory) : | ||
| typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd'), require('../../pfe-avatar/dist/pfe-avatar.umd')) : | ||
| typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd', '../../pfe-avatar/dist/pfe-avatar.umd'], factory) : | ||
| (global.PfeNavigationAccount = factory(global.PFElement,global.PfeAvatar)); | ||
@@ -90,6 +90,6 @@ }(this, (function (PFElement,pfeAvatar_umd) { 'use strict'; | ||
| /*! | ||
| * PatternFly Elements: PfeNavigationAccount 1.0.0 | ||
| * PatternFly Elements: PfeNavigationAccount 1.0.2 | ||
| * @license | ||
| * Copyright 2020 Red Hat, Inc. | ||
| * | ||
| * | ||
| * Permission is hereby granted, free of charge, to any person obtaining a copy | ||
@@ -101,6 +101,6 @@ * of this software and associated documentation files (the "Software"), to deal | ||
| * furnished to do so, subject to the following conditions: | ||
| * | ||
| * | ||
| * The above copyright notice and this permission notice shall be included in | ||
| * all copies or substantial portions of the Software. | ||
| * | ||
| * | ||
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
@@ -113,3 +113,3 @@ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
| * SOFTWARE. | ||
| * | ||
| * | ||
| */ | ||
@@ -155,3 +155,3 @@ | ||
| get: function get$$1() { | ||
| return "1.0.0"; | ||
| return "1.0.2"; | ||
| } | ||
@@ -341,2 +341,4 @@ }, { | ||
| } | ||
| }).catch(function (error) { | ||
| return console.error(error); | ||
| }); | ||
@@ -444,3 +446,3 @@ } | ||
| }, { | ||
| text: "Training & Certification", | ||
| text: "Training & certification", | ||
| url: "https://rol.redhat.com/rol/app/", | ||
@@ -457,3 +459,3 @@ description: "Access your Red Hat Learning Subscription, courses, and exams." | ||
| }, { | ||
| text: "Account Team", | ||
| text: "Account team", | ||
| url: "https://access.redhat.com/account-team", | ||
@@ -460,0 +462,0 @@ description: "Get help from your Red Hat account team." |
@@ -1,2 +0,2 @@ | ||
| !function(a,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../../@patternfly/pfelement/dist/pfelement.umd.min"),require("../../../@patternfly/pfe-avatar/dist/pfe-avatar.umd.min")):"function"==typeof define&&define.amd?define(["../../../@patternfly/pfelement/dist/pfelement.umd.min","../../../@patternfly/pfe-avatar/dist/pfe-avatar.umd.min"],t):a.PfeNavigationAccount=t(a.PFElement,a.PfeAvatar)}(this,function(a,t){"use strict";a=a&&a.hasOwnProperty("default")?a.default:a,t=t&&t.hasOwnProperty("default")?t.default:t;var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},e=function(a,t){if(!(a instanceof t))throw new TypeError("Cannot call a class as a function")},t=function(a,t,e){return t&&n(a.prototype,t),e&&n(a,e),a};function n(a,t){for(var e=0;e<t.length;e++){var o=t[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(a,o.key,o)}}function i(a,t,e){null===a&&(a=Function.prototype);var o=Object.getOwnPropertyDescriptor(a,t);if(void 0!==o){if("value"in o)return o.value;o=o.get;return void 0!==o?o.call(e):void 0}if(a=Object.getPrototypeOf(a),null!==a)return i(a,t,e)}var r=function(a,t){if(!a)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?a:t},t=(function(a,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);a.prototype=Object.create(t&&t.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(a,t):a.__proto__=t)}(d,a),t(d,[{key:"html",get:function(){return'\n<style>.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.element-invisible,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host{display:block}:host([hidden]){display:none}.pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0;margin-left:auto;margin-right:auto;padding:24px;font-size:16px;color:#151515;color:var(--pfe-navigation__dropdown--Color,#151515);background:#fff;background:var(--pfe-navigation__dropdown--Background,var(--pfe-theme--color--surface--lightest,#fff))}@media (min-width:768px){.pfe-navigation__dropdown{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px);grid-auto-flow:row;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;padding:24px 64px}}@media (min-width:1200px){.pfe-navigation__dropdown{-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));padding:48px 32px;gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px)}}:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:24px;gap:0}.pfe-navigation__dropdown[class]{width:auto}.pfe-navigation__dropdown li,.pfe-navigation__dropdown ul{margin:0;padding:0;list-style:none}.pfe-navigation__dropdown .pfe-link-list--header,.pfe-navigation__dropdown [role=heading][aria-heading-level],.pfe-navigation__dropdown h2,.pfe-navigation__dropdown h3,.pfe-navigation__dropdown h4,.pfe-navigation__dropdown h5,.pfe-navigation__dropdown h6{margin:0 0 .75em;padding:0;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;font-size:18px;font-weight:400;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646)}.pfe-navigation__dropdown .pfe-link-list--header a,.pfe-navigation__dropdown [role=heading][aria-heading-level] a,.pfe-navigation__dropdown h2 a,.pfe-navigation__dropdown h3 a,.pfe-navigation__dropdown h4 a,.pfe-navigation__dropdown h5 a,.pfe-navigation__dropdown h6 a{margin:0 -12px;padding:0 12px;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646);border:1px solid transparent}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown .pfe-link-list--header a:hover,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:hover,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h2 a:hover,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h3 a:hover,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h4 a:hover,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h5 a:hover,.pfe-navigation__dropdown h6 a:focus,.pfe-navigation__dropdown h6 a:hover{text-decoration:underline;color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h6 a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown li{margin:0 0 16px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown li a{display:inline-block;margin:0 -12px;padding:0 12px;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,#06c);border:1px solid transparent}.pfe-navigation__dropdown li a:focus,.pfe-navigation__dropdown li a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:underline}.pfe-navigation__dropdown li a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown [role=heading][aria-heading-level]+ul,.pfe-navigation__dropdown ul+h2,.pfe-navigation__dropdown ul+h3,.pfe-navigation__dropdown ul+h4,.pfe-navigation__dropdown ul+h5,.pfe-navigation__dropdown ul+h6{margin-top:32px;margin-top:var(--pfe-navigation--gutter,32px)}.pfe-navigation__dropdown a,.pfe-navigation__dropdown pfe-card,.pfe-navigation__dropdown pfe-cta{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown pfe-cta{margin-top:32px;margin-top:var(--pfe-navigation--gutter,32px)}.pfe-navigation__dropdown pfe-card pfe-cta{margin-top:0}.pfe-navigation__dropdown pfe-card pfe-cta+pfe-cta{margin-top:16px}.user-info[class]{-webkit-box-ordinal-group:-9;-webkit-order:-10;-ms-flex-order:-10;order:-10;position:relative;min-height:64px;margin-bottom:24px;padding-left:76px;font-size:18px}@media (min-width:768px){.user-info[class]{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;margin-bottom:32px}}:host(.pfe-navigation--collapse-secondary-links) .user-info[class]{margin-bottom:24px}.user-info[class] pfe-avatar{position:absolute;top:0;left:0;width:64px;height:64px}.user-info[class] .user-info__edit-avatar{font-size:16px;text-decoration:none;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,#06c)}.user-info[class] .user-info__edit-avatar:focus,.user-info[class] .user-info__edit-avatar:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.account-links{-ms-grid-row:2;grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;font-size:14px}@media (min-width:768px){.account-links{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;gap:var(--pfe-navigation--gutter,32px);grid-auto-flow:row}}:host(.pfe-navigation--collapse-secondary-links) .account-links{display:block}.account-links li{margin-bottom:.57143em;max-width:19.28571em}@media (min-width:768px){.account-links li{margin-bottom:1.5em}}:host(.pfe-navigation--collapse-secondary-links) .account-links li{margin-bottom:.57143em}.account-links[class] a{text-decoration:none}.account-links[class] a:focus,.account-links[class] a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:none}.account-links .account-link__title[class]{font-size:1.14286em;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,#06c)}@media (min-width:768px){.account-links .account-link__title[class]{margin-bottom:8px}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__title[class]{margin-bottom:0}.account-links a:focus .account-link__title,.account-links a:hover .account-link__title{text-decoration:underline}.account-links .account-link__description{display:none;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,#6a6e73)}@media (min-width:768px){.account-links .account-link__description{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__description{display:none}@media (min-width:768px){.account-metadata{-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2}}.account-metadata--mobile{-webkit-box-ordinal-group:-4;-webkit-order:-5;-ms-flex-order:-5;order:-5;display:block;margin-bottom:24px}@media (min-width:768px){.account-metadata--mobile{display:none}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata--mobile{display:block}.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:none}@media (min-width:768px){.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata__account-number,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__email,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__login-name,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__org-admin,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__organization{display:none}.account-metadata--mobile .account-metadata__account-number,.account-metadata--mobile .account-metadata__email,.account-metadata--mobile .account-metadata__login-name,.account-metadata--mobile .account-metadata__org-admin,.account-metadata--mobile .account-metadata__organization{display:block}.account-metadata__login-name[class]{font-size:16px;margin-bottom:1.5em}.account-metadata--org-admin .account-metadata__login-name[class]{margin-bottom:.5em}.account-metadata__account-number[class],.account-metadata__org-admin[class],.account-metadata__organization[class]{font-size:14px;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,#6a6e73)}.account-metadata__org-admin{margin-bottom:1.71429em}.account-metadata__email[class]{margin-top:1.5em}.account-metadata__logout-wrapper{margin-top:3em;padding:3em 0 24px;border-top:1px solid #d2d2d2}.account-metadata__logout-wrapper[class] a{padding:.375em 1em;color:#fff;color:var(--pfe-navigation__dropdown--Color--on-highlight,#fff);background:#e00;background:var(--pfe-navigation__dropdown--highlight-color,#e00);text-decoration:none;border-radius:3px} /*# sourceMappingURL=pfe-navigation-account.min.css.map */</style>\n<div id="wrapper">\n</div>'}},{key:"templateUrl",get:function(){return"pfe-navigation-account.html"}},{key:"styleUrl",get:function(){return"pfe-navigation-account.scss"}}],[{key:"version",get:function(){return"1.0.0"}},{key:"tag",get:function(){return"pfe-navigation-account"}},{key:"meta",get:function(){return{title:"Navigation account",description:"Be awesome."}}},{key:"PfeType",get:function(){return a.PfeTypes.Content}},{key:"properties",get:function(){return{loginLink:{title:"Login link",attribute:"login-link",type:String},logoutLink:{title:"Logout link",attribute:"logout-link",type:String},avatarUrl:{title:"Avatar URL",attribute:"avatar-url",type:String},fullName:{title:"Full name",attribute:"full-name",type:String}}}},{key:"slots",get:function(){return{}}}]),t(d,[{key:"connectedCallback",value:function(){var a;i(d.prototype.__proto__||Object.getPrototypeOf(d.prototype),"connectedCallback",this).call(this),null!==this._userData||(a=document.querySelector("cpx-user")).hasAttribute("ready")&&this._processUserInfo({target:a})}},{key:"disconnectedCallback",value:function(){var a=document.querySelector("body");a.removeEventListener("user-ready",this._processUserInfo),a.removeEventListener("user-update",this._processUserInfo)}},{key:"attributeChangedCallback",value:function(a,t,e){i(d.prototype.__proto__||Object.getPrototypeOf(d.prototype),"attributeChangedCallback",this).call(this,a,t,e)}},{key:"_createPfeAvatar",value:function(a,t){var e=document.createElement("pfe-avatar");return e.setAttribute("name",a),e.setAttribute("shape","circle"),"string"==typeof t&&e.setAttribute("src",t),e}},{key:"_getFullName",value:function(a){if("string"==typeof a.fullName)return a.fullName;var t="";return"string"==typeof a.firstName&&(t=a.firstName),"string"==typeof a.lastName&&(t=t.length?t+" "+a.lastName:a.lastName),t.length||this.error("Couldn't get full name"),this.setAttribute("full-name",t),t}},{key:"_updateAvatarSrc",value:function(a){var t,e=this;(null===this._userData||"string"==typeof this._userData.REDHAT_LOGIN&&a!==this._userData.REDHAT_LOGIN)&&(t="//access.redhat.com/api/users/avatar/",document.domain.includes(".foo.")&&(t="/api/users/avatar/"),fetch(""+t+a).then(function(a){if("object"===(void 0===a?"undefined":o(a))&&"number"==typeof a.status&&200===a.status&&"string"==typeof a.url&&!a.url.includes("blank.png")){e.setAttribute("avatar-url",a.url);for(var t=0;t<e._avatars.length;t++)e._avatars[t].setAttribute("src",a.url)}}))}},{key:"_createPfeIcon",value:function(a){var t=document.createElement("pfe-icon");return t.setAttribute("icon",a),t.setAttribute("pfe-size","sm"),t.setAttribute("aria-hidden","true"),t}},{key:"_createAccountMenuToggle",value:function(a){var t=this.shadowRoot.querySelector(".pfe-navigation__log-in-link"),e=document.createElement("button");e.classList.add("pfe-navigation__log-in-link","pfe-navigation__log-in-link--logged-in"),e.setAttribute("aria-label","Open user menu");a=this._createPfeAvatar(a);return e.append(a),e.id="account__toggle",t.replaceWith(e),this._avatars.push(a),e}},{key:"_createAccountDropdown",value:function(a){var t=document.createElement("div");t.id="wrapper",t.classList.add("pfe-navigation__dropdown");var e=document.createElement("h3"),o=this._getFullName(a),n=this._createPfeAvatar(o);e.classList.add("user-info"),this._avatars.push(n),n.classList.add("user-info__avatar");var i=document.createElement("div");i.classList.add("user-info__full-name"),i.innerText=o;var r=document.createElement("a");r.setAttribute("href","https://access.redhat.com/user/edit"),r.classList.add("user-info__edit-avatar"),r.innerText="Edit avatar",r.prepend(this._createPfeIcon("web-caret-right")),e.append(n),e.append(i),e.append(r);var d=[[{text:"Account details",url:"https://www.redhat.com/wapps/ugc/protected/personalInfo.html",description:"Edit your contact info, password, location preferences, and errata notifications."},{text:"Community profile",url:"https://access.redhat.com/user",description:"Fill out your public profile and control what content you follow."},{text:"Training & Certification",url:"https://rol.redhat.com/rol/app/",description:"Access your Red Hat Learning Subscription, courses, and exams."}],[{text:"Subscriptions",url:"https://access.redhat.com/management",description:"Manage your subscriptions.",requiresRole:"portal_manage_subscriptions"},{text:"Account Team",url:"https://access.redhat.com/account-team",description:"Get help from your Red Hat account team."},{text:"User management",url:"https://www.redhat.com/wapps/ugc/protected/usermgt/userList.html",description:"Manage users in your organization.",requiresRole:"admin:org:all"},{text:"Support",url:"https://access.redhat.com/support/cases/#/troubleshoot/",description:"Get support for your Red Hat products."}]],c=document.createElement("div");c.classList.add("account-links"),c.setAttribute("aria-label","Account managemement links");for(var l=0;l<d.length;l++){var p=d[l],s=document.createElement("ul");s.classList.add("account-links__column");for(var u=0;u<p.length;u++){var m=p[u],f=document.createElement("li"),g=document.createElement("a"),_=!0;void 0!==m.requiresRole&&(a.realm_access.roles.includes(m.requiresRole)||(_=!1)),_&&(g.setAttribute("href",m.url),g.innerHTML='\n <div class="account-link__title">\n '+m.text+"\n </div>",m.description&&(g.innerHTML=g.innerHTML+'\n <div class="account-link__description">\n '+m.description+"\n </div>"),f.append(g),s.append(f))}c.append(s)}var v=document.createElement("div");v.classList.add("account-metadata");var h=document.createElement("h3");h.classList.add("account-metadata__login-name"),h.innerText="Login: "+a.REDHAT_LOGIN;o=document.createElement("div");o.classList.add("account-metadata__account-number"),o.innerText="Account number: "+a.account_number;n=document.createElement("div");n.classList.add("account-metadata__email"),n.innerText=a.email;i=document.createElement("div");i.classList.add("account-metadata__logout-wrapper");r=document.createElement("a");this.hasAttribute("logout-link")?r.setAttribute("href",this.getAttribute("logout-link")):this.error("Couldn't get logout link"),r.hasAttribute("href")&&(r.innerText="Log out",i.append(r)),v.append(h),a.realm_access.roles.includes("admin:org:all")&&((h=document.createElement("div")).classList.add("account-metadata__org-admin"),h.innerText="Organization administrator",v.classList.add("account-metadata--org-admin"),v.append(h)),v.append(o),v.append(n);n=v.cloneNode(!0);return n.classList.add("account-metadata--mobile"),v.append(i),t.append(e),t.append(n),t.append(c),t.append(v),this.shadowRoot.getElementById("wrapper").replaceWith(t),t}},{key:"_processUserInfo",value:function(a){a=a.target.user;"object"===(void 0===a?"undefined":o(a))&&(a.fullName=this._getFullName(a),this.getAttribute("full-name")!==a.fullName&&this.setAttribute("full-name",a.fullName),null===this._userData&&this._createAccountDropdown(a)),"string"==typeof a.REDHAT_LOGIN?this._updateAvatarSrc(a.REDHAT_LOGIN):this.error("Could not find Redhat Login"),this._userData=a}}]),d);function d(){e(this,d);var a=r(this,(d.__proto__||Object.getPrototypeOf(d)).call(this,d,{type:d.PfeType}));a._userData=null,a._avatars=[],a._updateAvatarSrc=a._updateAvatarSrc.bind(a),a._createAccountDropdown=a._createAccountDropdown.bind(a),a._processUserInfo=a._processUserInfo.bind(a);var t=document.querySelector("body");return t.addEventListener("user-ready",a._processUserInfo),t.addEventListener("user-update",a._processUserInfo),a}return a.create(t),t}); | ||
| !function(t,a){"object"==typeof exports&&"undefined"!=typeof module?module.exports=a(require("../../pfelement/dist/pfelement.umd.min"),require("../../pfe-avatar/dist/pfe-avatar.umd.min")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd.min","../../pfe-avatar/dist/pfe-avatar.umd.min"],a):t.PfeNavigationAccount=a(t.PFElement,t.PfeAvatar)}(this,function(t,a){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t,a=a&&a.hasOwnProperty("default")?a.default:a;var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e=function(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")},a=function(t,a,e){return a&&n(t.prototype,a),e&&n(t,e),t};function n(t,a){for(var e=0;e<a.length;e++){var o=a[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function i(t,a,e){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,a);if(void 0!==o){if("value"in o)return o.value;o=o.get;return void 0!==o?o.call(e):void 0}if(t=Object.getPrototypeOf(t),null!==t)return i(t,a,e)}var r=function(t,a){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!=typeof a&&"function"!=typeof a?t:a},a=(function(t,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function, not "+typeof a);t.prototype=Object.create(a&&a.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),a&&(Object.setPrototypeOf?Object.setPrototypeOf(t,a):t.__proto__=a)}(c,t),a(c,[{key:"html",get:function(){return'\n<style>.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.element-invisible,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host{display:block}:host([hidden]){display:none}.pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0;margin-left:auto;margin-right:auto;padding:24px;font-size:16px;color:#151515;color:var(--pfe-navigation__dropdown--Color,#151515);background:#fff;background:var(--pfe-navigation__dropdown--Background,var(--pfe-theme--color--surface--lightest,#fff))}@media (min-width:768px){.pfe-navigation__dropdown{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px);grid-auto-flow:row;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;padding:24px 64px}}@media (min-width:1200px){.pfe-navigation__dropdown{-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));padding:48px 32px;gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px)}}:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:24px;gap:0}.pfe-navigation__dropdown[class]{width:auto}.pfe-navigation__dropdown li,.pfe-navigation__dropdown ul{margin:0;padding:0;list-style:none}.pfe-navigation__dropdown .pfe-link-list--header,.pfe-navigation__dropdown [role=heading][aria-heading-level],.pfe-navigation__dropdown h2,.pfe-navigation__dropdown h3,.pfe-navigation__dropdown h4,.pfe-navigation__dropdown h5,.pfe-navigation__dropdown h6{margin:0 0 .75em;padding:0;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;font-size:18px;font-weight:400;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646)}.pfe-navigation__dropdown .pfe-link-list--header a,.pfe-navigation__dropdown [role=heading][aria-heading-level] a,.pfe-navigation__dropdown h2 a,.pfe-navigation__dropdown h3 a,.pfe-navigation__dropdown h4 a,.pfe-navigation__dropdown h5 a,.pfe-navigation__dropdown h6 a{margin:0 -12px;padding:0 12px;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646);border:1px solid transparent}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown .pfe-link-list--header a:hover,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:hover,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h2 a:hover,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h3 a:hover,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h4 a:hover,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h5 a:hover,.pfe-navigation__dropdown h6 a:focus,.pfe-navigation__dropdown h6 a:hover{text-decoration:underline;color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h6 a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown li{margin:0 0 16px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown li a{display:inline-block;margin:0 -12px;padding:0 12px;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,#06c);border:1px solid transparent}.pfe-navigation__dropdown li a:focus,.pfe-navigation__dropdown li a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:underline}.pfe-navigation__dropdown li a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown [role=heading][aria-heading-level]+ul,.pfe-navigation__dropdown ul+h2,.pfe-navigation__dropdown ul+h3,.pfe-navigation__dropdown ul+h4,.pfe-navigation__dropdown ul+h5,.pfe-navigation__dropdown ul+h6{margin-top:32px;margin-top:var(--pfe-navigation--gutter,32px)}.pfe-navigation__dropdown a,.pfe-navigation__dropdown pfe-card,.pfe-navigation__dropdown pfe-cta{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown pfe-cta{margin-top:32px;margin-top:var(--pfe-navigation--gutter,32px)}.pfe-navigation__dropdown pfe-card pfe-cta{margin-top:0}.pfe-navigation__dropdown pfe-card pfe-cta+pfe-cta{margin-top:16px}.user-info[class]{-webkit-box-ordinal-group:-9;-webkit-order:-10;-ms-flex-order:-10;order:-10;position:relative;min-height:64px;margin-bottom:24px;padding-left:76px;font-size:18px}@media (min-width:768px){.user-info[class]{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;margin-bottom:32px}}:host(.pfe-navigation--collapse-secondary-links) .user-info[class]{margin-bottom:24px}.user-info[class] pfe-avatar{position:absolute;top:0;left:0;width:64px;height:64px}.user-info[class] .user-info__edit-avatar{font-size:16px;text-decoration:none;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,#06c)}.user-info[class] .user-info__edit-avatar:focus,.user-info[class] .user-info__edit-avatar:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.account-links{-ms-grid-row:2;grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;font-size:14px}@media (min-width:768px){.account-links{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;gap:var(--pfe-navigation--gutter,32px);grid-auto-flow:row}}:host(.pfe-navigation--collapse-secondary-links) .account-links{display:block}.account-links li{margin-bottom:.57143em;max-width:19.28571em}@media (min-width:768px){.account-links li{margin-bottom:1.5em}}:host(.pfe-navigation--collapse-secondary-links) .account-links li{margin-bottom:.57143em}.account-links[class] a{text-decoration:none}.account-links[class] a:focus,.account-links[class] a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:none}.account-links .account-link__title[class]{font-size:1.14286em;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,#06c)}@media (min-width:768px){.account-links .account-link__title[class]{margin-bottom:8px}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__title[class]{margin-bottom:0}.account-links a:focus .account-link__title,.account-links a:hover .account-link__title{text-decoration:underline}.account-links .account-link__description{display:none;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,#6a6e73)}@media (min-width:768px){.account-links .account-link__description{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__description{display:none}@media (min-width:768px){.account-metadata{-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2}}.account-metadata--mobile{-webkit-box-ordinal-group:-4;-webkit-order:-5;-ms-flex-order:-5;order:-5;display:block;margin-bottom:24px}@media (min-width:768px){.account-metadata--mobile{display:none}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata--mobile{display:block}.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:none}@media (min-width:768px){.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata__account-number,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__email,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__login-name,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__org-admin,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__organization{display:none}.account-metadata--mobile .account-metadata__account-number,.account-metadata--mobile .account-metadata__email,.account-metadata--mobile .account-metadata__login-name,.account-metadata--mobile .account-metadata__org-admin,.account-metadata--mobile .account-metadata__organization{display:block}.account-metadata__login-name[class]{font-size:16px;margin-bottom:1.5em}.account-metadata--org-admin .account-metadata__login-name[class]{margin-bottom:.5em}.account-metadata__account-number[class],.account-metadata__org-admin[class],.account-metadata__organization[class]{font-size:14px;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,#6a6e73)}.account-metadata__org-admin{margin-bottom:1.71429em}.account-metadata__email[class]{margin-top:1.5em}.account-metadata__logout-wrapper{margin-top:3em;padding:3em 0 24px;border-top:1px solid #d2d2d2}.account-metadata__logout-wrapper[class] a{padding:.375em 1em;color:#fff;color:var(--pfe-navigation__dropdown--Color--on-highlight,#fff);background:#e00;background:var(--pfe-navigation__dropdown--highlight-color,#e00);text-decoration:none;border-radius:3px} /*# sourceMappingURL=pfe-navigation-account.min.css.map */</style>\n<div id="wrapper">\n</div>'}},{key:"templateUrl",get:function(){return"pfe-navigation-account.html"}},{key:"styleUrl",get:function(){return"pfe-navigation-account.scss"}}],[{key:"version",get:function(){return"1.0.2"}},{key:"tag",get:function(){return"pfe-navigation-account"}},{key:"meta",get:function(){return{title:"Navigation account",description:"Be awesome."}}},{key:"PfeType",get:function(){return t.PfeTypes.Content}},{key:"properties",get:function(){return{loginLink:{title:"Login link",attribute:"login-link",type:String},logoutLink:{title:"Logout link",attribute:"logout-link",type:String},avatarUrl:{title:"Avatar URL",attribute:"avatar-url",type:String},fullName:{title:"Full name",attribute:"full-name",type:String}}}},{key:"slots",get:function(){return{}}}]),a(c,[{key:"connectedCallback",value:function(){var t;i(c.prototype.__proto__||Object.getPrototypeOf(c.prototype),"connectedCallback",this).call(this),null!==this._userData||(t=document.querySelector("cpx-user")).hasAttribute("ready")&&this._processUserInfo({target:t})}},{key:"disconnectedCallback",value:function(){var t=document.querySelector("body");t.removeEventListener("user-ready",this._processUserInfo),t.removeEventListener("user-update",this._processUserInfo)}},{key:"attributeChangedCallback",value:function(t,a,e){i(c.prototype.__proto__||Object.getPrototypeOf(c.prototype),"attributeChangedCallback",this).call(this,t,a,e)}},{key:"_createPfeAvatar",value:function(t,a){var e=document.createElement("pfe-avatar");return e.setAttribute("name",t),e.setAttribute("shape","circle"),"string"==typeof a&&e.setAttribute("src",a),e}},{key:"_getFullName",value:function(t){if("string"==typeof t.fullName)return t.fullName;var a="";return"string"==typeof t.firstName&&(a=t.firstName),"string"==typeof t.lastName&&(a=a.length?a+" "+t.lastName:t.lastName),a.length||this.error("Couldn't get full name"),this.setAttribute("full-name",a),a}},{key:"_updateAvatarSrc",value:function(t){var a,e=this;(null===this._userData||"string"==typeof this._userData.REDHAT_LOGIN&&t!==this._userData.REDHAT_LOGIN)&&(a="//access.redhat.com/api/users/avatar/",document.domain.includes(".foo.")&&(a="/api/users/avatar/"),fetch(""+a+t).then(function(t){if("object"===(void 0===t?"undefined":o(t))&&"number"==typeof t.status&&200===t.status&&"string"==typeof t.url&&!t.url.includes("blank.png")){e.setAttribute("avatar-url",t.url);for(var a=0;a<e._avatars.length;a++)e._avatars[a].setAttribute("src",t.url)}}).catch(function(t){return console.error(t)}))}},{key:"_createPfeIcon",value:function(t){var a=document.createElement("pfe-icon");return a.setAttribute("icon",t),a.setAttribute("pfe-size","sm"),a.setAttribute("aria-hidden","true"),a}},{key:"_createAccountMenuToggle",value:function(t){var a=this.shadowRoot.querySelector(".pfe-navigation__log-in-link"),e=document.createElement("button");e.classList.add("pfe-navigation__log-in-link","pfe-navigation__log-in-link--logged-in"),e.setAttribute("aria-label","Open user menu");t=this._createPfeAvatar(t);return e.append(t),e.id="account__toggle",a.replaceWith(e),this._avatars.push(t),e}},{key:"_createAccountDropdown",value:function(t){var a=document.createElement("div");a.id="wrapper",a.classList.add("pfe-navigation__dropdown");var e=document.createElement("h3"),o=this._getFullName(t),n=this._createPfeAvatar(o);e.classList.add("user-info"),this._avatars.push(n),n.classList.add("user-info__avatar");var i=document.createElement("div");i.classList.add("user-info__full-name"),i.innerText=o;var r=document.createElement("a");r.setAttribute("href","https://access.redhat.com/user/edit"),r.classList.add("user-info__edit-avatar"),r.innerText="Edit avatar",r.prepend(this._createPfeIcon("web-caret-right")),e.append(n),e.append(i),e.append(r);var c=[[{text:"Account details",url:"https://www.redhat.com/wapps/ugc/protected/personalInfo.html",description:"Edit your contact info, password, location preferences, and errata notifications."},{text:"Community profile",url:"https://access.redhat.com/user",description:"Fill out your public profile and control what content you follow."},{text:"Training & certification",url:"https://rol.redhat.com/rol/app/",description:"Access your Red Hat Learning Subscription, courses, and exams."}],[{text:"Subscriptions",url:"https://access.redhat.com/management",description:"Manage your subscriptions.",requiresRole:"portal_manage_subscriptions"},{text:"Account team",url:"https://access.redhat.com/account-team",description:"Get help from your Red Hat account team."},{text:"User management",url:"https://www.redhat.com/wapps/ugc/protected/usermgt/userList.html",description:"Manage users in your organization.",requiresRole:"admin:org:all"},{text:"Support",url:"https://access.redhat.com/support/cases/#/troubleshoot/",description:"Get support for your Red Hat products."}]],d=document.createElement("div");d.classList.add("account-links"),d.setAttribute("aria-label","Account managemement links");for(var l=0;l<c.length;l++){var p=c[l],s=document.createElement("ul");s.classList.add("account-links__column");for(var u=0;u<p.length;u++){var m=p[u],f=document.createElement("li"),g=document.createElement("a"),_=!0;void 0!==m.requiresRole&&(t.realm_access.roles.includes(m.requiresRole)||(_=!1)),_&&(g.setAttribute("href",m.url),g.innerHTML='\n <div class="account-link__title">\n '+m.text+"\n </div>",m.description&&(g.innerHTML=g.innerHTML+'\n <div class="account-link__description">\n '+m.description+"\n </div>"),f.append(g),s.append(f))}d.append(s)}var v=document.createElement("div");v.classList.add("account-metadata");var h=document.createElement("h3");h.classList.add("account-metadata__login-name"),h.innerText="Login: "+t.REDHAT_LOGIN;o=document.createElement("div");o.classList.add("account-metadata__account-number"),o.innerText="Account number: "+t.account_number;n=document.createElement("div");n.classList.add("account-metadata__email"),n.innerText=t.email;i=document.createElement("div");i.classList.add("account-metadata__logout-wrapper");r=document.createElement("a");this.hasAttribute("logout-link")?r.setAttribute("href",this.getAttribute("logout-link")):this.error("Couldn't get logout link"),r.hasAttribute("href")&&(r.innerText="Log out",i.append(r)),v.append(h),t.realm_access.roles.includes("admin:org:all")&&((h=document.createElement("div")).classList.add("account-metadata__org-admin"),h.innerText="Organization administrator",v.classList.add("account-metadata--org-admin"),v.append(h)),v.append(o),v.append(n);n=v.cloneNode(!0);return n.classList.add("account-metadata--mobile"),v.append(i),a.append(e),a.append(n),a.append(d),a.append(v),this.shadowRoot.getElementById("wrapper").replaceWith(a),a}},{key:"_processUserInfo",value:function(t){t=t.target.user;"object"===(void 0===t?"undefined":o(t))&&(t.fullName=this._getFullName(t),this.getAttribute("full-name")!==t.fullName&&this.setAttribute("full-name",t.fullName),null===this._userData&&this._createAccountDropdown(t)),"string"==typeof t.REDHAT_LOGIN?this._updateAvatarSrc(t.REDHAT_LOGIN):this.error("Could not find Redhat Login"),this._userData=t}}]),c);function c(){e(this,c);var t=r(this,(c.__proto__||Object.getPrototypeOf(c)).call(this,c,{type:c.PfeType}));t._userData=null,t._avatars=[],t._updateAvatarSrc=t._updateAvatarSrc.bind(t),t._createAccountDropdown=t._createAccountDropdown.bind(t),t._processUserInfo=t._processUserInfo.bind(t);var a=document.querySelector("body");return a.addEventListener("user-ready",t._processUserInfo),a.addEventListener("user-update",t._processUserInfo),t}return t.create(a),a}); | ||
| //# sourceMappingURL=pfe-navigation-account.umd.min.js.map |
| { | ||
| "_from": "@cpelements/pfe-navigation-account", | ||
| "_id": "@cpelements/pfe-navigation-account@1.0.0", | ||
| "_inBundle": false, | ||
| "_integrity": "sha512-wFmIdbUovPvR3PAIDg3EJfwmLOyD1UU2KpHPy/BaxZkJWk0+aEeyoe0is2fp2rPoZKcpIRhfNmhFdcuTeIyWMg==", | ||
| "_location": "/@cpelements/pfe-navigation-account", | ||
| "_phantomChildren": {}, | ||
| "_requested": { | ||
| "type": "tag", | ||
| "registry": true, | ||
| "raw": "@cpelements/pfe-navigation-account", | ||
| "name": "@cpelements/pfe-navigation-account", | ||
| "escapedName": "@cpelements%2fpfe-navigation-account", | ||
| "scope": "@cpelements", | ||
| "rawSpec": "", | ||
| "saveSpec": null, | ||
| "fetchSpec": "latest" | ||
| }, | ||
| "_requiredBy": [ | ||
| "#USER", | ||
| "/" | ||
| ], | ||
| "_resolved": "https://registry.npmjs.org/@cpelements/pfe-navigation-account/-/pfe-navigation-account-1.0.0.tgz", | ||
| "_shasum": "e0c9be2f266863699c4bf4e04d2ecde041417bf5", | ||
| "_spec": "@cpelements/pfe-navigation-account", | ||
| "_where": "/home/wruvalca/dev/cp-chrome/j/public_modules", | ||
| "bugs": { | ||
| "url": "https://github.com/patternfly/patternfly-elements/issues" | ||
| }, | ||
| "bundleDependencies": false, | ||
| "contributors": [ | ||
| { | ||
| "name": "wesruv" | ||
| } | ||
| ], | ||
| "dependencies": { | ||
| "@chapeaux/cpx-user": "^0.2.4", | ||
| "@patternfly/pfelement": "1.0.0" | ||
| }, | ||
| "deprecated": false, | ||
| "name": "@cpelements/pfe-navigation-account", | ||
| "description": "Navigation account element for PatternFly Elements", | ||
| "devDependencies": { | ||
| "gh-pages": "^2.2.0" | ||
| }, | ||
| "files": [ | ||
| "dist" | ||
| ], | ||
| "homepage": "https://github.com/patternfly/patternfly-elements#readme", | ||
| "keywords": [ | ||
| "web-components", | ||
| "html" | ||
| ], | ||
| "license": "MIT", | ||
| "main": "./dist/pfe-navigation-account.umd.js", | ||
| "module": "./dist/pfe-navigation-account.js", | ||
| "name": "@cpelements/pfe-navigation-account", | ||
| "pfelement": { | ||
@@ -67,18 +14,40 @@ "className": "PfeNavigationAccount", | ||
| }, | ||
| "publishConfig": { | ||
| "access": "public" | ||
| }, | ||
| "version": "1.0.2", | ||
| "keywords": [ | ||
| "web-components", | ||
| "html" | ||
| ], | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "git+https://github.com/patternfly/patternfly-elements.git", | ||
| "url": "github:patternfly/patternfly-elements", | ||
| "directory": "elements/pfe-navigation-account" | ||
| }, | ||
| "publishConfig": { | ||
| "access": "public" | ||
| }, | ||
| "main": "./dist/pfe-navigation-account.umd.js", | ||
| "module": "./dist/pfe-navigation-account.js", | ||
| "unpkg": "./dist/pfe-navigation-account.umd.min.js", | ||
| "files": [ | ||
| "dist" | ||
| ], | ||
| "scripts": { | ||
| "build": "../../node_modules/.bin/gulp && ../../node_modules/.bin/prettier --ignore-path ../../.prettierignore --write '**/*.{js,json}'", | ||
| "dev": "../../node_modules/.bin/gulp dev", | ||
| "test": "../../node_modules/.bin/wct --configFile ../../wct.conf.json elements/pfe-navigation-account/test/", | ||
| "watch": "../../node_modules/.bin/gulp watch" | ||
| "watch": "../../node_modules/.bin/gulp watch", | ||
| "test": "../../node_modules/.bin/wct --configFile ../../wct.conf.json elements/pfe-navigation-account/test/" | ||
| }, | ||
| "unpkg": "./dist/pfe-navigation-account.umd.min.js", | ||
| "version": "1.0.1" | ||
| "contributors": [ | ||
| { | ||
| "name": "wesruv" | ||
| } | ||
| ], | ||
| "license": "MIT", | ||
| "dependencies": { | ||
| "@patternfly/pfelement": "1.0.0", | ||
| "@chapeaux/cpx-user": "^0.2.4" | ||
| }, | ||
| "devDependencies": { | ||
| "gh-pages": "^2.2.0" | ||
| } | ||
| } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
Improved metrics
- Lines of code
- increased by0.33%
1230
Worsened metrics
- Total package byte prevSize
- decreased by-0.23%
248792
- Number of low maintenance alerts
- increased byInfinity%
1
- Number of low quality alerts
- increased by100%
2
No dependency changes