taiga-front/app/modules/epics/dashboard/epic-row/epic-row.jade

71 lines
2.5 KiB
Plaintext

.epic-row(
ng-class="{'is-blocked': vm.epic.get('is_blocked'), 'is-closed': vm.epic.get('is_closed')}"
)
tg-svg(
svg-icon="icon-drag"
)
.vote(
ng-if="vm.column.votes"
ng-class="{'is-voter': vm.epic.get('is_voter')}"
)
tg-svg(svg-icon='icon-upvote')
span {{::vm.epic.get('total_voters')}}
.name(ng-if="vm.column.name")
a(
tg-nav="project-epic-detail:project=vm.project.get('slug')"
ng-attr-title="{{::vm.epic.get('subject')}}"
) {{::vm.epic.get('subject')}}
.project(ng-if="vm.column.project") {{::vm.epic.get('project')}}
.sprint(
ng-if="vm.column.sprint"
translate="EPICS.TABLE.SPRINT"
)
.assigned(
ng-if="vm.column.assigned && vm.epic.get('assigned_to')"
)
img(
ng-if="vm.epic.getIn(['assigned_to_extra_info', 'photo'])"
ng-src="{{vm.epic.getIn(['assigned_to_extra_info', 'photo'])}}"
alt="{{::vm.epic.getIn(['assigned_to_extra_info', 'full_name_display'])}}"
)
img(
ng-if="!vm.epic.getIn(['assigned_to_extra_info', 'photo'])"
ng-src="https://www.gravatar.com/avatar/{{vm.epic.getIn(['assigned_to_extra_info', 'gravatar_id'])}}"
alt="{{::vm.epic.getIn(['assigned_to_extra_info', 'full_name_display'])}}"
)
.assigned(
ng-if="vm.column.assigned && !vm.epic.get('assigned_to')"
ng-class="{'is-unassigned': !vm.epic.get('assigned_to')}"
translate="EPICS.DASHBOARD.UNASSIGNED"
)
.status(
ng-if="vm.column.status && !vm.permissions.canEdit"
)
span {{vm.epic.getIn(['status_extra_info', 'name'])}}
.status(
ng-if="vm.column.status && vm.permissions.canEdit"
ng-mouseleave="displayStatusList = false"
)
button(
ng-click="displayStatusList = true"
ng-style="{'color': vm.epic.getIn(['status_extra_info', 'color'])}"
)
span {{vm.epic.getIn(['status_extra_info', 'name'])}}
tg-svg(
svg-icon="icon-arrow-down"
)
ul.epic-statuses(ng-show="displayStatusList")
li(
ng-repeat="status in vm.project.epic_statuses | orderBy:'order'"
ng-click="vm.updateEpicStatus(status.id)"
) {{status.name}}
.progress(ng-if="vm.column.progress")
.progress-bar
.progress-status(
ng-if="::vm.percentage"
ng-attr-width="::vm.percentage"
)