MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Data transfer: minor layout changes in the browse

This commit is contained in:
argirok 2022-10-14 13:18:13 +03:00
parent d720178db3
commit cf1d3984ec
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
utils/dataTransfer/transferData.component.html
View File

@ -53,7 +53,7 @@
[validators]="validators" class=""></div> [validators]="validators" class=""></div>
<div *ngIf="selectedDestination.hasBrowse"> <div *ngIf="selectedDestination.hasBrowse">
<p class="uk-text-meta uk-text-xsmall uk-margin-remove-bottom uk-margin-top"> or <a class="uk-text-primary" (click)="browseFolder(selectedDestination.defaultFolder)">browse</a> and select the folder</p> <p class="uk-text-meta uk-text-xsmall uk-margin-remove-bottom uk-margin-top"> or <a class="uk-text-primary" (click)="browseFolder(selectedDestination.defaultFolder)">browse</a> and select the folder</p>
<div *ngIf="folders[selectedDestination.defaultFolder]" class="uk-height-max-large uk-panel-scrollable"> <div *ngIf="folders[selectedDestination.defaultFolder]" class="uk-height-small uk-overflow-auto">
<ng-container *ngTemplateOutlet="folderListTmpl; context: { folder : folders[selectedDestination.defaultFolder], folderPath: selectedDestination.defaultFolder}"></ng-container> <ng-container *ngTemplateOutlet="folderListTmpl; context: { folder : folders[selectedDestination.defaultFolder], folderPath: selectedDestination.defaultFolder}"></ng-container>
</div> </div>
@ -131,24 +131,28 @@
<ng-template #fileTmpl let-file="file"> <ng-template #fileTmpl let-file="file">
<div class="uk-grid uk-grid-small uk-flex uk-flex-middle"> <div class="uk-grid uk-grid-small uk-flex uk-flex-middle">
<span uk-icon="file"></span> <!-- <span uk-icon="file"></span>-->
<span class="uk-width-expand uk-text-truncate">{{file['name']}}</span> <span class="uk-width-expand uk-text-truncate">{{file['name']}}</span>
<span class="uk-width-auto uk-text-truncate">{{(file.createdAt?file.createdAt:file.modifiedAt) |date : 'medium'}}</span> <span
class="uk-width-auto uk-text-truncate uk-text-small uk-text-italic">{{(file.createdAt?file.createdAt:file.modifiedAt) |date : 'medium'}}</span>
</div> </div>
</ng-template> </ng-template>
<ng-template #folderTmpl let-folder="folder" let-folderPath="folderPath"> <ng-template #folderTmpl let-folder="folder" let-folderPath="folderPath">
<div *ngIf="folder" [class.uk-background-muted]="destinationPath == folderPath"> <div *ngIf="folder" [class.uk-background-muted]="destinationPath == folderPath">
<div class="uk-grid uk-grid-small uk-flex uk-flex-middle"> <div class="uk-grid uk-grid-small uk-flex uk-flex-middle">
<a (click)="browseFolder(folderPath)"> <a >
<div class="uk-grid uk-grid-small"> <div class="uk-grid uk-grid-small">
<span uk-icon="triangle-down"></span> <span uk-icon="folder"></span> <span (click)="browseFolder(folderPath)" uk-icon="icon:triangle-down; ratio:1.1"
<span title="Expand/ Collapse"></span>
class="uk-width-expand uk-text-truncate">{{folder.name?folder.name:folder.accessUrl.split(selectedDestination.url)[1]}}</span> <span (click)="destinationPath = folderPath" title="Select folder">
<span class="uk-width-auto uk-text-truncate">{{(folder.createdAt?folder.createdAt:folder.modifiedAt) |date : 'medium'}}</span> <span uk-icon="folder"></span> <span
class="uk-width-expand uk-text-truncate uk-margin-small-left">{{folder.name?folder.name:folder.accessUrl.split(selectedDestination.url)[1]}}</span>
<!--<span class="uk-width-auto uk-text-truncate">{{(folder.createdAt?folder.createdAt:folder.modifiedAt) |date : 'medium'}}</span>-->
</span>
</div> </div>
</a> </a>
<a *ngIf="destinationPath != folderPath" (click)="destinationPath = folderPath" class="uk-button uk-button-default uk-button-small">select</a> <!-- <a *ngIf="destinationPath != folderPath" (click)="destinationPath = folderPath" class="uk-button uk-button-default uk-button-small">select</a>-->
</div> </div>
</div> </div>
</ng-template> </ng-template>