superdesk/superdesk-client-core

View on GitHub
scripts/apps/monitoring/views/desk-notifications.html

Summary

Maintainability
Test Coverage
<div
    ng-if="notifications && default_incoming"
    id="deskNotifications"
    sd-tooltip="{{ :: 'Notifications' | translate }}"
    flow="left"
    class="dropdown monitoring-dropdown"
    ng-class="{'dropdown--align-right': !viewColumn}"
    dropdown
    data-test-id="desk-notifications"
>
    <button class="notification-label" dropdown__toggle>
        <span class="notification-count">{{ notificationCount }}</span>
    </button>
    <ul class="dropdown__menu desk-notification-list">
        <div class="title" translate>Notification list</div>
        <li ng-repeat="n in notifications track by n._id" >
            <div class="article">
                <a href="" ng-click="open(n);">
                    <span class="slugline" title="{{:: n.item.slugline }}" ng-if="n.item.slugline">{{:: n.item.slugline | limitTo: 40}}</span>
                    <span class="headline" title="{{:: item.headline }}">{{:: n.item.headline | limitTo: 90 || item.type }}</span>
                </a>
            </div>
            <div class="location">
                <span class="desk" title="{{:: deskLookup[n.item.task.desk].name }}">{{:: deskLookup[n.item.task.desk].name }}</span> /
                <span class="stage" title="{{:: stageLookup[n.item.task.stage].name }}">{{:: stageLookup[n.item.task.stage].name }}</span>
            </div>
            <div class="buttons">
                <button ng-if="!isRead(n)" class="acknowledge btn btn--small pull-right" ng-click="acknowledge(n)" title="{{ :: 'Acknowledge' | translate }}"class="open-item" translate>Acknowledge</button>
            </div>

            <div class="sender">
                 <span>{{:: n.user_name }}:</span><blockquote>{{:: n.data.comment }}</blockquote>
            </div>
            <div class="pull-right read-by" ng-if="isRead(n)">
                 {{ :: 'Opened by' | translate }}  <i>"{{ :: readBy(n) }}"</i>
            </div>
        </li>
    </ul>
</div>