RED-3800: RSS editing

apps/red-ui/src/app/modules/file-preview/dialogs/rss-dialog/rss-dialog.component.html

@@ -43,13 +43,16 @@
                     </iqser-editable-input>
                 </div>
                 <div>{{ entry.value.transformation }}</div>
-                <div class="annotation-grid">
-                    <ng-container *ngFor="let annotation of entry.value.scmAnnotations">
-                        <div>{{ annotation.type }}</div>
-                        <div>{{ annotation.ruleNumber }}</div>
-                        <div>{{ annotation.pages.join(',') }}</div>
-                        <div>{{ annotation.reason }}</div>
-                    </ng-container>
+                <!--                <div>{{ entry.value.scmAnnotations || '-' }}</div>-->
+                <div>
+                    <ul *ngIf="entry.value.scmAnnotations; else noAnnotations" class="pl-0">
+                        <li *ngFor="let annotation of entry.value.scmAnnotations" class="mb-8">
+                            <strong>Type: </strong> {{ annotation.type }}, <strong>Rule: </strong> {{ annotation.ruleNumber }},
+                            <strong>Pages: </strong>{{ annotation.pages.join(',') }}, <strong>Reason: </strong> {{ annotation.reason }}
+                        </li>
+                    </ul>
+
+                    <ng-template #noAnnotations>-</ng-template>
                 </div>
             </ng-container>
         </div>