mirror of
https://github.com/paperless-ngx/paperless-ngx.git
synced 2025-04-02 13:45:10 -05:00
checboxes for small cards. does not work yet.
This commit is contained in:
parent
66240188c7
commit
d1d09ac6ac
@ -1,7 +1,16 @@
|
||||
<div class="col p-2 h-100" style="width: 16rem;">
|
||||
<div class="col p-2 h-100 document-card" style="width: 16rem;">
|
||||
<div class="card h-100 shadow-sm">
|
||||
<div class="border-bottom">
|
||||
<img class="card-img doc-img" [src]="getThumbUrl()">
|
||||
|
||||
<div style="top: 0; left: 0" class="position-absolute border-right border-bottom bg-light p-1" [class.document-card-check]="!selected">
|
||||
<div class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" id="smallCardCheck{{document.id}}" [(ngModel)]="selected">
|
||||
<label class="custom-control-label" for="smallCardCheck{{document.id}}">L</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div style="top: 0; right: 0; font-size: large" class="text-right position-absolute mr-1">
|
||||
<div *ngFor="let t of getTagsLimited$() | async">
|
||||
<app-tag [tag]="t" (click)="clickTag.emit(t.id)" [clickable]="true" linkTitle="Filter by tag"></app-tag>
|
||||
|
@ -2,4 +2,12 @@
|
||||
object-fit: cover;
|
||||
object-position: top;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.document-card-check {
|
||||
display: none
|
||||
}
|
||||
|
||||
.document-card:hover .document-card-check {
|
||||
display: block;
|
||||
}
|
@ -13,6 +13,8 @@ export class DocumentCardSmallComponent implements OnInit {
|
||||
|
||||
constructor(private documentService: DocumentService) { }
|
||||
|
||||
selected = false
|
||||
|
||||
@Input()
|
||||
document: PaperlessDocument
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user