Skip to content

Commit

Permalink
exui-673 - undo prettier code formatting
Browse files Browse the repository at this point in the history
  • Loading branch information
jphcdcgi committed Feb 4, 2025
1 parent 0cfa01d commit 5a494d6
Show file tree
Hide file tree
Showing 5 changed files with 140 additions and 267 deletions.
27 changes: 9 additions & 18 deletions ...lkit/src/lib/shared/components/palette/case-file-view/case-file-view-field.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
<ng-container *ngIf="errorMessages?.length">
<div
id="case-file-view-field-errors"
class="govuk-error-summary govuk-!-margin-bottom-4" data-module="govuk-error-summary">
<div id="case-file-view-field-errors" class="govuk-error-summary govuk-!-margin-bottom-4"
data-module="govuk-error-summary">
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
Expand All @@ -26,30 +25,22 @@ <h2 class="govuk-heading-l">Case file</h2>
<div class="govuk-form-group" id="case-file-view">
<!-- Document tree -->
<div class="document-tree-container">
<ccd-case-file-view-folder
class="document-tree-container__tree"
<ccd-case-file-view-folder class="document-tree-container__tree"
[categoriesAndDocuments]="categoriesAndDocuments$"
(clickedDocument)="setMediaViewerFile($event); resetErrorMessages()"
(moveDocument)="moveDocument($event)"
[allowMoving]="allowMoving"
></ccd-case-file-view-folder>
(clickedDocument)="setMediaViewerFile($event); resetErrorMessages()" (moveDocument)="moveDocument($event)"
[allowMoving]="allowMoving"></ccd-case-file-view-folder>
</div>
<!-- Slider -->
<div class="slider"></div>
<!-- Media viewer -->
<div class="media-viewer-container">
<ng-container *ngIf="currentDocument">
<mv-media-viewer [url]="currentDocument.document_binary_url"
[downloadFileName]="currentDocument.document_filename"
[showToolbar]="true"
[contentType]="currentDocument.content_type"
[enableAnnotations]="true"
[enableRedactions]="true"
[height]="'94.5vh'"
[caseId]="caseId"
[enableICP]="isIcpEnabled()">
[downloadFileName]="currentDocument.document_filename" [showToolbar]="true"
[contentType]="currentDocument.content_type" [enableAnnotations]="true" [enableRedactions]="true"
[height]="'94.5vh'" [caseId]="caseId" [enableICP]="isIcpEnabled()">
</mv-media-viewer>
</ng-container>
</div>
</div>
</div>
</div>
14 changes: 3 additions & 11 deletions ...file-view-folder/case-file-view-folder-toggle/case-file-view-folder-toggle.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,5 @@
<ccd-case-file-view-overlay-menu
[title]="'Toggle list'"
[menuItems]="overlayMenuItems"
[(isOpen)]="isOpen"
>
<ccd-case-file-view-overlay-menu [title]="'Toggle list'" [menuItems]="overlayMenuItems" [(isOpen)]="isOpen">
<ng-container trigger>
<img
class="toggle-button-icon"
src="/assets/images/folder-open.png"
alt="Toggle list"
/>
<img class="toggle-button-icon" src="/assets/images/folder-open.png" alt="Toggle list" />
</ng-container>
</ccd-case-file-view-overlay-menu>
</ccd-case-file-view-overlay-menu>
2 changes: 0 additions & 2 deletions ...e-file-view-folder/case-file-view-folder-toggle/case-file-view-folder-toggle.component.ts
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,3 @@
/* eslint-disable comma-dangle */
/* eslint-disable quotes */
import { Component, EventEmitter, Output, OnInit } from "@angular/core";
import { AbstractAppConfig } from "../../../../../../../app.config";
import { CaseFileViewOverlayMenuItem } from "../../shared/case-file-view-overlay-menu/case-file-view-overlay-menu-item.model";
Expand Down
77 changes: 23 additions & 54 deletions ...ette/case-file-view/components/case-file-view-folder/case-file-view-folder.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,8 @@
<div class="document-filter-container">
<div class="form-group document-filter" [formGroup]="documentFilterFormGroup">
<input
class="form-control document-search"
type="search"
id="document-search"
name="documentSearchFormControl"
formControlName="documentSearchFormControl"
placeholder="Search by document name"
aria-label="Search by document name"
/>
<input class="form-control document-search" type="search" id="document-search" name="documentSearchFormControl"
formControlName="documentSearchFormControl" placeholder="Search by document name"
aria-label="Search by document name" />
</div>
</div>

Expand All @@ -17,14 +11,10 @@
Documents ({{ documentCount }})
</div>
<div class="document-folders-header__flex">
<ccd-case-file-view-folder-toggle
(expandAll)="expandAll($event)"
(collapseAll)="collapseAll($event)"
></ccd-case-file-view-folder-toggle>
<ccd-case-file-view-folder-sort
(sortAscending)="sortDataSourceAscending($event)"
(sortDescending)="sortDataSourceDescending($event)"
></ccd-case-file-view-folder-sort>
<ccd-case-file-view-folder-toggle (expandAll)="expandAll($event)"
(collapseAll)="collapseAll($event)"></ccd-case-file-view-folder-toggle>
<ccd-case-file-view-folder-sort (sortAscending)="sortDataSourceAscending($event)"
(sortDescending)="sortDataSourceDescending($event)"></ccd-case-file-view-folder-sort>
</div>
</div>

Expand All @@ -35,72 +25,51 @@
<div>
<cdk-tree [dataSource]="nestedDataSource" [treeControl]="nestedTreeControl">
<!-- document -->
<cdk-nested-tree-node
class="
<cdk-nested-tree-node class="
document-tree-container__node document-tree-container__node--document
"
*cdkTreeNodeDef="let node"
>
<button
class="node"
(click)="selectedNodeItem = node; clickedDocument.emit(node)"
[class.node--selected]="selectedNodeItem?.name === node.name"
>
" *cdkTreeNodeDef="let node">
<button class="node" (click)="selectedNodeItem = node; clickedDocument.emit(node)"
[class.node--selected]="selectedNodeItem?.name === node.name">
<div class="node__icon" disabled>
<img
src="/assets/img/case-file-view/case-file-view-document.svg"
class="node__iconImg"
alt="Document icon"
/>
<img src="/assets/img/case-file-view/case-file-view-document.svg" class="node__iconImg"
alt="Document icon" />
</div>
<span class="node__name node-name-document">
{{ node.name }}
<br />
<span class="node__document-upload-timestamp">{{
node.upload_timestamp | ccdDate: "local":"dd MMM YYYY HH:mm"
}}</span>
}}</span>
</span>
<div class="node__document-options">
<ccd-case-file-view-folder-document-actions
(changeFolderAction)="triggerDocumentAction('changeFolder', node)"
(openInANewTabAction)="
(changeFolderAction)="triggerDocumentAction('changeFolder', node)" (openInANewTabAction)="
triggerDocumentAction('openInANewTab', node)
"
(downloadAction)="triggerDocumentAction('download', node)"
(printAction)="triggerDocumentAction('print', node)"
[allowMoving]="allowMoving"
>
" (downloadAction)="triggerDocumentAction('download', node)"
(printAction)="triggerDocumentAction('print', node)" [allowMoving]="allowMoving">
</ccd-case-file-view-folder-document-actions>
</div>
</button>
</cdk-nested-tree-node>
<!-- folder-->
<cdk-nested-tree-node
class="document-tree-container__node document-tree-container__folder"
*cdkTreeNodeDef="let node; when: nestedChildren"
>
<cdk-nested-tree-node class="document-tree-container__node document-tree-container__folder"
*cdkTreeNodeDef="let node; when: nestedChildren">
<button class="node" cdkTreeNodeToggle>
<div class="node__icon" [attr.aria-label]="'toggle ' + node.name">
<img
class="node__iconImg"
[src]="
<img class="node__iconImg" [src]="
nestedTreeControl.isExpanded(node)
? '/assets/images/folder-open.png'
: '/assets/images/folder.png'
"
alt="Folder icon"
/>
" alt="Folder icon" />
<span class="node__count">{{ node.childDocumentCount }}</span>
</div>
<span class="node__name node__name--folder">{{ node.name }}</span>
</button>

<div
[class.document-tree-invisible]="!nestedTreeControl.isExpanded(node)"
>
<div [class.document-tree-invisible]="!nestedTreeControl.isExpanded(node)">
<ng-container cdkTreeNodeOutlet></ng-container>
</div>
</cdk-nested-tree-node>
</cdk-tree>
</div>
</div>
</div>
Loading

0 comments on commit 5a494d6

Please sign in to comment.