diff --git a/app/components/external-account-link/component.js b/app/components/external-account-link/component.js new file mode 100644 index 0000000..e51c81a --- /dev/null +++ b/app/components/external-account-link/component.js @@ -0,0 +1,16 @@ +import Component from '@ember/component'; +import { computed } from '@ember/object'; + +export default Component.extend({ + tagName: "", + account: null, + + iconComponentName: computed('account.site', function() { + if (this.account.site.match(/github|gitea|wiki/)) { + console.log('wtf'); + return 'icon-account-' + this.account.site.replace(/\./g, '-'); + } else { + return 'icon-web-globe'; + } + }) +}); diff --git a/app/components/external-account-link/template.hbs b/app/components/external-account-link/template.hbs new file mode 100644 index 0000000..3371c9d --- /dev/null +++ b/app/components/external-account-link/template.hbs @@ -0,0 +1,4 @@ + + {{account.site}} + {{component iconComponentName}} + \ No newline at end of file diff --git a/app/components/icon-account-gitea-kosmos-org/component.js b/app/components/icon-account-gitea-kosmos-org/component.js new file mode 100644 index 0000000..6858137 --- /dev/null +++ b/app/components/icon-account-gitea-kosmos-org/component.js @@ -0,0 +1,5 @@ +import Component from '@ember/component'; + +export default Component.extend({ + tagName: "" +}); diff --git a/app/components/icon-account-gitea-kosmos-org/template.hbs b/app/components/icon-account-gitea-kosmos-org/template.hbs new file mode 100644 index 0000000..2cf7cb9 --- /dev/null +++ b/app/components/icon-account-gitea-kosmos-org/template.hbs @@ -0,0 +1,6 @@ + + + + + + diff --git a/app/components/icon-account-github-com/component.js b/app/components/icon-account-github-com/component.js new file mode 100644 index 0000000..6858137 --- /dev/null +++ b/app/components/icon-account-github-com/component.js @@ -0,0 +1,5 @@ +import Component from '@ember/component'; + +export default Component.extend({ + tagName: "" +}); diff --git a/app/components/icon-account-github-com/template.hbs b/app/components/icon-account-github-com/template.hbs new file mode 100644 index 0000000..85d6c45 --- /dev/null +++ b/app/components/icon-account-github-com/template.hbs @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/app/components/icon-account-wiki-kosmos-org/component.js b/app/components/icon-account-wiki-kosmos-org/component.js new file mode 100644 index 0000000..6858137 --- /dev/null +++ b/app/components/icon-account-wiki-kosmos-org/component.js @@ -0,0 +1,5 @@ +import Component from '@ember/component'; + +export default Component.extend({ + tagName: "" +}); diff --git a/app/components/icon-account-wiki-kosmos-org/template.hbs b/app/components/icon-account-wiki-kosmos-org/template.hbs new file mode 100644 index 0000000..ba95cd9 --- /dev/null +++ b/app/components/icon-account-wiki-kosmos-org/template.hbs @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/app/components/icon-web-globe/component.js b/app/components/icon-web-globe/component.js new file mode 100644 index 0000000..6858137 --- /dev/null +++ b/app/components/icon-web-globe/component.js @@ -0,0 +1,5 @@ +import Component from '@ember/component'; + +export default Component.extend({ + tagName: "" +}); diff --git a/app/components/icon-web-globe/template.hbs b/app/components/icon-web-globe/template.hbs new file mode 100644 index 0000000..0ff4bf5 --- /dev/null +++ b/app/components/icon-web-globe/template.hbs @@ -0,0 +1,3 @@ + + + diff --git a/app/styles/app.scss b/app/styles/app.scss index 9ab260d..50b27d4 100644 --- a/app/styles/app.scss +++ b/app/styles/app.scss @@ -101,6 +101,7 @@ section { @import "components/contribution-list"; @import "components/contributor-list"; @import "components/contributor-profile"; +@import "components/external-account-link"; @import "components/loading-spinner"; @import "components/proposal-list"; @import "components/topbar"; diff --git a/app/styles/components/_contributor-profile.scss b/app/styles/components/_contributor-profile.scss index aefb1ca..b911efe 100644 --- a/app/styles/components/_contributor-profile.scss +++ b/app/styles/components/_contributor-profile.scss @@ -26,6 +26,22 @@ section#contributor-profile { text-align: center; margin-bottom: 0.6rem; } + + p.role { + margin-bottom: 2rem; + } + + ul.external-accounts { + list-style: none; + + li { + display: inline-block; + + &+li { + margin-left: 0.6rem; + } + } + } } .actions { diff --git a/app/styles/components/_external-account-link.scss b/app/styles/components/_external-account-link.scss new file mode 100644 index 0000000..2326c66 --- /dev/null +++ b/app/styles/components/_external-account-link.scss @@ -0,0 +1,34 @@ +.external-accounts a { + display: inline-block; + width: 4rem; + height: 4rem; + padding: 0.8rem; + background-color: rgba(0, 0, 0, 0.3); + color: $body-text-color; + border-radius: 2rem; + + span.site { + display: none; + } + + svg { + display: block; + position: relative; + width: 100%; + height: 100%; + + .fg { + fill: $body-text-color; + } + } + + &:hover, &:active { + background-color: rgba(0, 0, 0, 0.5); + + svg { + .fg { + fill: $primary-color; + } + } + } +} diff --git a/app/templates/dashboard/contributors/show.hbs b/app/templates/dashboard/contributors/show.hbs index cc4f293..8005793 100644 --- a/app/templates/dashboard/contributors/show.hbs +++ b/app/templates/dashboard/contributors/show.hbs @@ -7,9 +7,21 @@

{{model.name}}

{{roleName}}

- {{#if model.url}} - Web - {{/if}} +