Refactor pending status in member page
parent
5c48c3d7e4
commit
0830b75bf7
|
@ -210,15 +210,17 @@ module.directive("tgMemberships", ["$tgTemplate", "$compile", MembershipsDirecti
|
|||
## Member Avatar Directive
|
||||
#############################################################################
|
||||
|
||||
MembershipsRowAvatarDirective = ($log, $template) ->
|
||||
MembershipsRowAvatarDirective = ($log, $template, $translate) ->
|
||||
template = $template.get("admin/memberships-row-avatar.html", true)
|
||||
|
||||
link = ($scope, $el, $attrs) ->
|
||||
pending = $translate.instant("ADMIN.MEMBERSHIP.STATUS_PENDING")
|
||||
render = (member) ->
|
||||
ctx = {
|
||||
full_name: if member.full_name then member.full_name else ""
|
||||
email: if member.user_email then member.user_email else member.email
|
||||
imgurl: if member.photo then member.photo else "/images/unnamed.png"
|
||||
pending: if !member.is_user_active then pending else ""
|
||||
}
|
||||
|
||||
html = template(ctx)
|
||||
|
@ -236,7 +238,7 @@ MembershipsRowAvatarDirective = ($log, $template) ->
|
|||
return {link: link}
|
||||
|
||||
|
||||
module.directive("tgMembershipsRowAvatar", ["$log", "$tgTemplate", MembershipsRowAvatarDirective])
|
||||
module.directive("tgMembershipsRowAvatar", ["$log", "$tgTemplate", '$translate', MembershipsRowAvatarDirective])
|
||||
|
||||
|
||||
#############################################################################
|
||||
|
@ -357,9 +359,8 @@ MembershipsRowActionsDirective = ($log, $repo, $rs, $confirm, $compile, $transla
|
|||
"""
|
||||
|
||||
pendingTemplate = """
|
||||
<a class="pending" href="">
|
||||
{{'ADMIN.MEMBERSHIP.STATUS_PENDING' | translate}}
|
||||
<span class="icon icon-reload"></span>
|
||||
<a class="resend" href="">
|
||||
{{'ADMIN.MEMBERSHIP.RESEND' | translate}}
|
||||
</a>
|
||||
<a class="delete" href="">
|
||||
<span class="icon icon-delete"></span>
|
||||
|
|
|
@ -590,6 +590,7 @@
|
|||
"STATUS_ACTIVE": "Active",
|
||||
"STATUS_PENDING": "Pending",
|
||||
"DELETE_MEMBER": "Delete member",
|
||||
"RESEND": "Resend",
|
||||
"SUCCESS_SEND_INVITATION": "We've sent the invitation again to '{{email}}'.",
|
||||
"ERROR_SEND_INVITATION": "We haven't sent the invitation.",
|
||||
"SUCCESS_DELETE": "We've deleted {{message}}.",
|
||||
|
|
|
@ -2,4 +2,6 @@ figure.avatar
|
|||
img(src!="<%- imgurl %>", alt!="<%- full_name %>")
|
||||
figcaption
|
||||
span.name <%- full_name %>
|
||||
div
|
||||
span.pending <%- pending %>
|
||||
span.email <%- email %>
|
||||
|
|
|
@ -46,17 +46,17 @@
|
|||
justify-content: space-between;
|
||||
}
|
||||
.active,
|
||||
.pending {
|
||||
padding: 8px;
|
||||
.resend {
|
||||
padding: .4rem .5rem;
|
||||
}
|
||||
.active {
|
||||
background-color: $whitish;
|
||||
}
|
||||
.pending {
|
||||
background-color: $red-light;
|
||||
.resend {
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
&:hover {
|
||||
background-color: $red;
|
||||
background-color: $primary-light;
|
||||
color: $white;
|
||||
transition: background-color .3s linear;
|
||||
}
|
||||
|
@ -68,6 +68,9 @@
|
|||
color: $red;
|
||||
}
|
||||
}
|
||||
.pending {
|
||||
color: $red-light;
|
||||
}
|
||||
.row-admin {
|
||||
input {
|
||||
vertical-align: middle;
|
||||
|
|
Loading…
Reference in New Issue