Picsur/frontend/src/app/services/api/image.service.ts
2022-04-16 16:35:28 +02:00

49 lines
1.5 KiB
TypeScript

import { Injectable } from '@angular/core';
import { ImageMetaResponse } from 'picsur-shared/dist/dto/api/image.dto';
import { ImageLinks } from 'picsur-shared/dist/dto/imagelinks.dto';
import { EImage } from 'picsur-shared/dist/entities/image.entity';
import { AsyncFailable } from 'picsur-shared/dist/types';
import { Open } from 'picsur-shared/dist/types/failable';
import { ImageUploadRequest } from '../../models/dto/image-upload-request.dto';
import { ApiService } from './api.service';
@Injectable({
providedIn: 'root',
})
export class ImageService {
constructor(private api: ApiService) {}
public async UploadImage(image: File): AsyncFailable<string> {
const result = await this.api.postForm(
ImageMetaResponse,
'/i',
new ImageUploadRequest(image)
);
return Open(result, 'hash');
}
public async GetImageMeta(image: string): AsyncFailable<EImage> {
return await this.api.get(ImageMetaResponse, `/i/meta/${image}`);
}
public GetImageURL(image: string): string {
const baseURL = window.location.protocol + '//' + window.location.host;
return `${baseURL}/i/${image}`;
}
public CreateImageLinks(imageURL: string): ImageLinks {
return {
source: imageURL,
markdown: `![image](${imageURL})`,
html: `<img src="${imageURL}" alt="image">`,
rst: `.. image:: ${imageURL}`,
bbcode: `[img]${imageURL}[/img]`,
};
}
public CreateImageLinksFromID(imageID: string): ImageLinks {
return this.CreateImageLinks(this.GetImageURL(imageID));
}
}