div.list-itemtype-ticket
    a.list-itemtype-avatar(
        href=""
        ng-if="::vm.item.get('assigned_to')"
        tg-nav="user-profile:username=vm.item.get('assigned_to_username')"
        title="{{ ::vm.item.get('assigned_to_full_name') }}"
    )
        img(
            ng-src="{{ ::vm.item.get('assigned_to_photo') }}",
            alt="{{ ::vm.item.get('assigned_to_full_name') }}"
        )

    a.list-itemtype-avatar(
        href=""
        ng-if="::!vm.item.get('assigned_to')",
        title="{{ 'COMMON.ASSIGNED_TO.NOT_ASSIGNED'|translate }}"
    )
        img(
            src="/images/unnamed.png",
            alt="{{ 'COMMON.ASSIGNED_TO.NOT_ASSIGNED'|translate }}"
        )

    div.list-itemtype-ticket-data
        p
            span.ticket-project
                | {{:: vm.item.get('project_name') }}
            span.ticket-type(
                ng-if="::vm.item.get('type') === 'userstory'"
                translate="COMMON.USER_STORY"
            )
            span.ticket-type(
                ng-if="::vm.item.get('type') === 'task'"
                translate="COMMON.TASK"
            )
            span.ticket-type(
                ng-if="::vm.item.get('type') === 'issue'"
                translate="COMMON.ISSUE"
            )
            span.ticket-status(ng-style="::{'color': vm.item.get('status_color')}")
                | {{:: vm.item.get('status') }}
        h2
            span.ticket-id(tg-bo-ref="vm.item.get('ref')")
            a.ticket-title(
                href="#"
                ng-if="::vm.item.get('type') === 'userstory'"
                tg-nav="project-userstories-detail:project=vm.item.get('project_slug'),ref=vm.item.get('ref')"
                title="#{{ ::vm.item.get('ref') }} {{ ::vm.item.get('subject') }}"
            )
                | {{ ::vm.item.get('subject') }}
            a.ticket-title(
                href="#"
                ng-if="::vm.item.get('type') === 'task'"
                tg-nav="project-tasks-detail:project=vm.item.get('project_slug'),ref=vm.item.get('ref')"
                title="#{{ ::vm.item.get('ref') }} {{ ::vm.item.get('subject') }}"
            )
                | {{ ::vm.item.get('subject') }}
            a.ticket-title(
                href="#"
                ng-if="::vm.item.get('type') === 'issue'"
                tg-nav="project-issues-detail:project=vm.item.get('project_slug'),ref=vm.item.get('ref')"
                title="#{{ ::vm.item.get('ref') }} {{ ::vm.item.get('subject') }}"
            )
                | {{ ::vm.item.get('subject') }}

    div.list-itemtype-track
        span.list-itemtype-track-likers(
            ng-class="{'active': vm.item.get('is_voter')}",
            title="{{ 'COMMON.VOTE_BUTTON.COUNTER_TITLE'|translate:{total:vm.item.get(\"total_voters\")||0}:'messageformat' }}"
        )
            span.icon
                include ../../../../svg/upvote.svg
            span {{ ::vm.item.get('total_voters') }}

        span.list-itemtype-track-watchers(
            ng-class="{'active': vm.item.get('is_watcher')}"
            title="{{ 'COMMON.WATCH_BUTTON.COUNTER_TITLE'|translate:{total:vm.item.get(\"total_watchers\")||0}:'messageformat' }}"
        )
            span.icon
                include ../../../../svg/watch.svg
            span {{ ::vm.item.get('total_watchers') }}