beenull/Picsur
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

change images list to show filename

Browse source
This commit is contained in:
rubikscraft 2022-09-01 13:44:40 +02:00
parent 654671ba4c
commit 1fdbe9edc7
No known key found for this signature in database
GPG key ID: 1463EBE9200A5CD4
3 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/routes/images/images.component.html
View file

@ -9,7 +9,7 @@
<div *ngFor="let image of images" class="m-2" masonry-item> <div *ngFor="let image of images" class="m-2" masonry-item>
<mat-card> <mat-card>
<mat-card-header> <mat-card-header>
<mat-card-title>Image by you</mat-card-title> <mat-card-title>{{image.file_name | truncate}}</mat-card-title>
<mat-card-subtitle> <mat-card-subtitle>
Uploaded {{ image.created | amTimeAgo }} Uploaded {{ image.created | amTimeAgo }}
</mat-card-subtitle> </mat-card-subtitle>

2
frontend/src/app/routes/images/images.component.ts
View file

@ -18,7 +18,7 @@ import { UtilService } from 'src/app/util/util-module/util.service';
styleUrls: ['./images.component.scss'], styleUrls: ['./images.component.scss'],
}) })
export class ImagesComponent implements OnInit { export class ImagesComponent implements OnInit {
private readonly logger: Logger = new Logger('ImagesComponent'); private readonly logger: Logger = new Logger(ImagesComponent.name);
images: EImage[] | null = null; images: EImage[] | null = null;
columns = 1; columns = 1;

2
frontend/src/app/routes/images/images.module.ts
View file

@ -7,6 +7,7 @@ import { MomentModule } from 'ngx-moment';
import { MasonryModule } from 'src/app/components/masonry/masonry.module'; import { MasonryModule } from 'src/app/components/masonry/masonry.module';
import { PaginatorModule } from 'src/app/components/paginator/paginator.module'; import { PaginatorModule } from 'src/app/components/paginator/paginator.module';
import { PicsurImgModule } from 'src/app/components/picsur-img/picsur-img.module'; import { PicsurImgModule } from 'src/app/components/picsur-img/picsur-img.module';
import { PipesModule } from 'src/app/pipes/pipes.module';
import { ImagesComponent } from './images.component'; import { ImagesComponent } from './images.component';
import { ImagesRoutingModule } from './images.routing.module'; import { ImagesRoutingModule } from './images.routing.module';
@ -22,6 +23,7 @@ import { ImagesRoutingModule } from './images.routing.module';
PaginatorModule, PaginatorModule,
PicsurImgModule, PicsurImgModule,
MomentModule, MomentModule,
PipesModule
], ],
}) })
export class ImagesRouteModule {} export class ImagesRouteModule {}