taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

basic profile bar

stable
Juanfran 2015-05-08 13:18:31 +02:00
parent a0617a9776
commit 32cc97c7f5
5 changed files with 59 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
app/modules/profile/includes/profile-bar.jade
View File

@ -1,41 +0,0 @@
section.profile-bar
div.profile-image-wrapper
img.profile-img(src="http://i.imgur.com/gPiHzHN.jpg", alt="{{ user.nickname }}")
div.edit-profile(title="{{ 'USER.PROFILE.EDIT' | translate }}")
a.profile-edition(title="{{ 'USER.PROFILE.EDIT' | translate }}", href="")
span.icon.icon-edit
span(translate="USER.PROFILE.EDIT")
a.button-green
span(translate="USER.PROFILE.FOLLOW")
div.profile-data
h1 Silvia Rodríguez
// If user has no defined role in its profile use all its project defined roles followed by an &
h2 Backend Developer & Stackeholder
div.location
include ../../../svg/location.svg
span Madrid
// Remove Abuse Flag when a user is seeing itself
a.flag(href="", title="{{ 'USER.PROFILE.REPORT' | translate }}")
include ../../../svg/flag.svg
// These values in profile stats are not defined yet in UX. Please ask
div.profile-stats
div.stat
span.stat-number 3
span.stat-name(translate="USER.PROFILE.PROJECTS")
div.stat
span.stat-number 67
span.stat-name(translate="USER.PROFILE.CLOSED_US")
div.stat
span.stat-number 34
span.stat-name(translate="USER.PROFILE.CONTACTS")
// TODO Hide until organizations come
div.profile-organizations
h3 Organizations
div.profile-organizations-wrapper
div.organization
div.organization
div.organization
div.organization
div.profile-quote
span "Small minds talk about people, average minds discuss events, great minds discuss ideas"

9
app/modules/profile/profile-bar/profile-bar.controller.coffee Normal file
View File

@ -0,0 +1,9 @@
class ProfileBarController
@.$inject = [
"$tgAuth"
]
constructor: (@auth) ->
@.user = @auth.getUser()
angular.module("taigaProfile").controller("ProfileBar", ProfileBarController)

9
app/modules/profile/profile-bar/profile-bar.directive.coffee Normal file
View File

@ -0,0 +1,9 @@
ProfileBarDirective = () ->
return {
templateUrl: "profile/profile-bar/profile-bar.html",
controller: "ProfileBar",
controllerAs: "vm"
}
angular.module("taigaProfile").directive("tgProfileBar", ProfileBarDirective)

40
app/modules/profile/profile-bar/profile-bar.jade Normal file
View File

@ -0,0 +1,40 @@
section.profile-bar
div.profile-image-wrapper
img.profile-img(ng-src="{{user.big_photo}}", alt="{{ user.full_name }}")
div.edit-profile(title="{{ 'USER.PROFILE.EDIT' | translate }}")
a.profile-edition(title="{{ 'USER.PROFILE.EDIT' | translate }}", tg-nav="user-settings-user-profile")
span.icon.icon-edit
span(translate="USER.PROFILE.EDIT")
// a.button-green
// span(translate="USER.PROFILE.FOLLOW")
div.profile-data
h1 {{vm.user.full_name}}
h2 Backend Developer & Stackeholder
// div.location
// include ../../../svg/location.svg
// span Madrid
// Remove Abuse Flag when a user is seeing itself
// a.flag(href="", title="{{ 'USER.PROFILE.REPORT' | translate }}")
// include ../../../svg/flag.svg
// These values in profile stats are not defined yet in UX. Please ask
// div.profile-stats
// div.stat
// span.stat-number 3
// span.stat-name(translate="USER.PROFILE.PROJECTS")
// div.stat
// span.stat-number 67
// span.stat-name(translate="USER.PROFILE.CLOSED_US")
// div.stat
// span.stat-number 34
// span.stat-name(translate="USER.PROFILE.CONTACTS")
// TODO Hide until organizations come
// div.profile-organizations
// h3 Organizations
// div.profile-organizations-wrapper
// div.organization
// div.organization
// div.organization
// div.organization
div.profile-quote
span "Small minds talk about people, average minds discuss events, great minds discuss ideas"

2
app/modules/profile/profile.jade
View File

@ -1,6 +1,6 @@
include ../../partials/includes/components/beta
div.profile.centered
include includes/profile-bar
div(tg-profile-bar)
div.main
div.timeline-wrapper(tg-profile-tabs)
div(tg-profile-tab="activity", tab-title="{{'USER.PROFILE.ACTIVITY_TAB' | translate}}", tab-icon="icon-timeline", tab-active)