Hover me to see {{$ctrl.user.name}}'s card
import angular from 'angular'; import UserCardNg from '@jetbrains/ring-ui/components/user-card-ng/user-card-ng'; angular.module('Example.userCard', [UserCardNg]). controller('ExampleCtrl', function () { this.user = { login: 'testuser', name: 'Test User', email: 'testuser@mail.com', avatarUrl: `${hubConfig.serverUri}/api/rest/avatar/default?username=Jet%20Brains`, href: `${hubConfig.serverUri}/users/0` }; });
Hover me to see current user's card
import angular from 'angular'; import UserCardNg from '@jetbrains/ring-ui/components/user-card-ng/user-card-ng'; import {createHubUserCardSource} from '@jetbrains/ring-ui/components/hub-source/hub-source__user.js'; import Auth from '@jetbrains/ring-ui/components/auth/auth'; import hubConfig from '@ring-ui/docs/components/hub-config'; angular.module('Example.hubUserCard', [UserCardNg]). controller('ExampleCtrl', function () { const auth = new Auth(hubConfig); this.userSource = async () => { await auth.init(); const userSource = createHubUserCardSource(auth, auth.user.id); return userSource(); }; });