superdesk/superdesk-client-core

<div class="sd-padding-all--2 widget-content__main" ng-controller="SuggestionsCtrl">
    <div class="notification-list sd-margin-all--0 sd-margin-b--2" ng-repeat="annotationObj in items" class="item">
        <h4 class="label">{{annotationObj.fieldName}}</h4>

        <ul ng-class="{ 'notification-list--empty': items.length === 0 }">
            <li class="item" ng-repeat="item in annotationObj.suggestions">
                <div class="accepted pull-right">
                    <span class="label label--success" ng-show="item.resolutionInfo.accepted" translate>Accepted</span>
                    <span class="label label--alert" ng-show="!item.resolutionInfo.accepted" translate>Rejected</span>
                </div>
                <div class="sibling-spacer-10" style="display: flex;">
                    <sd-user-avatar data-user="users[item.suggestionInfo.author]"></sd-user-avatar>
                    <div>
                        <div>{{users[item.suggestionInfo.author].display_name || users[item.suggestionInfo.author].username}}</div>
                        <div class="date" sd-absdate datetime="item.suggestionInfo.date"></div>
                        <div ng-show="item.suggestionInfo.type!=='REPLACE_SUGGESTION'">
                            <div class="text">
                                <strong>{{getLocalizedTypeText(item.suggestionInfo.type, item.suggestionInfo.blockType)}}:</strong>
                                <strong><em>"{{item.suggestionText}}"</em></strong>
                                <strong ng-show="item.suggestionInfo.type=='ADD_LINK_SUGGESTION'"><em>({{item.suggestionInfo.link.href}})</em></strong>
                            </div>
                        </div>
                        <div ng-show="item.suggestionInfo.type==='REPLACE_SUGGESTION'">
                            <div class="text">
                                <strong translate>Replace: </strong>
                                <strong><em>"{{item.oldText}}"</em></strong>
                                <strong translate>with: </strong>
                                <strong><em>"{{item.suggestionText}}"</em></strong>
                            </div>
                        </div>
                    </div>
                </div>

                <br />
                
                <div class="resolution">
                    <span ng-show="item.resolutionInfo.accepted" translate>Accepted by</span>
                    <span ng-show="!item.resolutionInfo.accepted" translate>Rejected by</span>
                    <span>{{users[item.resolutionInfo.resolverUserId].display_name || users[item.resolutionInfo.resolverUserId].username}} <span class="date" sd-absdate datetime="item.resolutionInfo.date"></span></span>
                </div>
            </li>
            <li class="no-suggestions" ng-show="items.length === 0">
                <div class="round-box">
                    <i class="big-icon--suggestion"></i>
                </div>
                <h3 translate>No suggestions have been resolved</h3>
            </li>
        </ul>
    </div>
</div>