- @if (router.url.startsWith("/chat/dm")) {
+ @if (router.url.startsWith("/chat/dm") && router.url.startsWith("/chat/picture")) {
@defer (when serviceManager.chatsStatus() != LoadStatus.loading) {
diff --git a/src/app/chat/chat.ts b/src/app/chat/chat.ts
index 0e3a89b..5ff8f59 100644
--- a/src/app/chat/chat.ts
+++ b/src/app/chat/chat.ts
@@ -12,6 +12,7 @@ import {TranslatePipe, TranslateService} from '@ngx-translate/core';
import {environment} from '../../environments/environment';
import {TuiTabBarComponent, TuiTabBarItem} from '@taiga-ui/addon-mobile';
import {NetworkList} from './network-list/network-list';
+import {PictureList} from './picture-list/picture-list';
@Component({
selector: 'app-chat',
@@ -29,7 +30,8 @@ import {NetworkList} from './network-list/network-list';
TranslatePipe,
TuiTabBarComponent,
TuiTabBarItem,
- NetworkList
+ NetworkList,
+ PictureList
],
templateUrl: './chat.html',
styleUrl: './chat.scss',
@@ -72,6 +74,8 @@ export class Chat implements OnInit {
async ngOnInit() {
if (this.router.url.startsWith("/chat/network")) {
this.navigationActiveIndex = 1
+ } else if (this.router.url.startsWith("/chat/picture")) {
+ this.navigationActiveIndex = 2
}
this.indexedDb.openDatabase().then(async () => {
diff --git a/src/app/chat/dm-list/dm-list.spec.ts b/src/app/chat/dm-list/dm-list.spec.ts
index 17bc90b..5aedba4 100644
--- a/src/app/chat/dm-list/dm-list.spec.ts
+++ b/src/app/chat/dm-list/dm-list.spec.ts
@@ -2,7 +2,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
import { DmList } from './dm-list';
-describe('DmList', () => {
+describe('PictureList', () => {
let component: DmList;
let fixture: ComponentFixture
;
diff --git a/src/app/chat/elements/masonry/masonry.scss b/src/app/chat/elements/masonry/masonry.scss
index 748c46f..88d7096 100644
--- a/src/app/chat/elements/masonry/masonry.scss
+++ b/src/app/chat/elements/masonry/masonry.scss
@@ -1,9 +1,8 @@
:host {
display: grid;
- gap: 4px;
height: 100%;
- img {
+ ::ng-deep img {
display: block;
height: 100%;
width: 100%;
diff --git a/src/app/chat/picture-list/picture-list.html b/src/app/chat/picture-list/picture-list.html
new file mode 100644
index 0000000..fa8619d
--- /dev/null
+++ b/src/app/chat/picture-list/picture-list.html
@@ -0,0 +1,16 @@
+
+
+@for (chat of serviceManager.chats(); track chat.chatid) {
+
+}
diff --git a/src/app/chat/picture-list/picture-list.scss b/src/app/chat/picture-list/picture-list.scss
new file mode 100644
index 0000000..22667f0
--- /dev/null
+++ b/src/app/chat/picture-list/picture-list.scss
@@ -0,0 +1,28 @@
+:host {
+ display: flex;
+ flex-direction: column;
+ gap: 5px;
+
+ button {
+ width: 100%;
+ display: flex;
+ justify-content: start;
+ font-weight: 600;
+
+ &.enlarge {
+ height: 75px;
+ }
+
+ .info {
+ display: flex;
+ flex-direction: column;
+ text-align: start;
+
+ .latest_message {
+ margin-top: -5px;
+ font-size: 12px;
+ opacity: 50%;
+ }
+ }
+ }
+}
diff --git a/src/app/chat/picture-list/picture-list.spec.ts b/src/app/chat/picture-list/picture-list.spec.ts
new file mode 100644
index 0000000..7ef697e
--- /dev/null
+++ b/src/app/chat/picture-list/picture-list.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PictureList } from './picture-list';
+
+describe('PictureList', () => {
+ let component: PictureList;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [PictureList],
+ }).compileComponents();
+
+ fixture = TestBed.createComponent(PictureList);
+ component = fixture.componentInstance;
+ await fixture.whenStable();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/chat/picture-list/picture-list.ts b/src/app/chat/picture-list/picture-list.ts
new file mode 100644
index 0000000..871f246
--- /dev/null
+++ b/src/app/chat/picture-list/picture-list.ts
@@ -0,0 +1,41 @@
+import {Component, inject, input, OnInit, signal} from '@angular/core';
+import {ChatService} from '@chatenium/chatenium-sdk/services/chatService';
+import {IndexedDB} from '../../storage/indexed-db';
+import {Chat} from '@chatenium/chatenium-sdk/domain/chatService.schema';
+import {TUI_BREAKPOINT, TuiButton} from '@taiga-ui/core';
+import {Oimg} from '../elements/oimg/oimg';
+import {Router, RouterLink} from '@angular/router';
+import {TranslatePipe} from '@ngx-translate/core';
+import {LoadStatus, ServiceManager} from '../../service-manager';
+
+@Component({
+ selector: 'app-picture-list',
+ imports: [
+ TuiButton,
+ Oimg,
+ RouterLink,
+ TranslatePipe
+ ],
+ templateUrl: './picture-list.html',
+ styleUrl: './picture-list.scss',
+})
+export class PictureList implements OnInit {
+ userid = input("")
+ token = input("")
+
+ indexedDb = inject(IndexedDB)
+ router = inject(Router)
+ serviceManager = inject(ServiceManager)
+ breakpoint = inject(TUI_BREAKPOINT)
+
+ async ngOnInit() {
+ this.serviceManager.chatService = new ChatService(this.userid(), this.token(), this.indexedDb.getApi(), () => {})
+ try {
+ this.serviceManager.chats.set(await this.serviceManager.chatService.get())
+ this.serviceManager.chatsStatus.set(LoadStatus.loaded)
+ } catch (e) {
+ console.error(e)
+ this.serviceManager.chatsStatus.set(LoadStatus.error)
+ }
+ }
+}
diff --git a/src/app/chat/picture/see/see.html b/src/app/chat/picture/see/see.html
new file mode 100644
index 0000000..14346a4
--- /dev/null
+++ b/src/app/chat/picture/see/see.html
@@ -0,0 +1,35 @@
+
+ @defer (when store) {
+
+
+
+
+ @if (store.uploaderData().displayName == "") {
+ {{'@'+store.uploaderData().username}}
+ } @else {
+ {{store.uploaderData().displayName}}
+ {{'@'+store.uploaderData().username}}
+ }
+
+
+
+
+
+
+ @for (album of store.albums(); track album) {
+
+
+ @for (file of album.images; track file) {
+ ![]()
+ }
+
+
+
{{album.name}}
+
+