photoprism/frontend/src/model/photo.js

import Abstract from "model/abstract";
import Api from "common/api";

class Photo extends Abstract {
    getEntityName() {
        return this.PhotoTitle;
    }

    getId() {
        return this.ID;
    }

    getTitle() {
        return this.PhotoTitle;
    }

    getColor() {
        switch (this.PhotoColor) {
        case "brown":
        case "black":
        case "white":
        case "grey":
            return "grey lighten-2";
        default:
            return this.PhotoColor + " lighten-4";
        }
    }

    getColors() {
        return this.PhotoColors;
    }

    getGoogleMapsLink() {
        return "https://www.google.com/maps/place/" + this.PhotoLat + "," + this.PhotoLong;
    }

    getThumbnailUrl(type, size) {
        return "/api/v1/thumbnails/" + type + "/" + size + "/" + this.FileHash;
    }

    getThumbnailSrcset() {
        const result = [];

        result.push(this.getThumbnailUrl("fit", 320) + " 320w");
        result.push(this.getThumbnailUrl("fit", 500) + " 500w");
        result.push(this.getThumbnailUrl("fit", 720) + " 720w");
        result.push(this.getThumbnailUrl("fit", 1280) + " 1280w");
        result.push(this.getThumbnailUrl("fit", 1920) + " 1920w");
        result.push(this.getThumbnailUrl("fit", 2560) + " 2560w");
        result.push(this.getThumbnailUrl("fit", 3840) + " 3840w");

        return result.join(", ");
    }

    calculateWidth(height) {
        return height * this.FileAspectRatio;
    }

    getThumbnailSizes() {
        const result = [];

        result.push("(min-width: 2560px) 3840px");
        result.push("(min-width: 1920px) 2560px");
        result.push("(min-width: 1280px) 1920px");
        result.push("(min-width: 720px) 1280px");
        result.push("(min-width: 500px) 720px");
        result.push("(min-width: 320px) 500px");
        result.push("320px");

        return result.join(", ");
    }

    hasLocation() {
        return this.PhotoLat !== 0 || this.PhotoLong !== 0;
    }

    getLocation() {
        const location = [];

        if (this.LocationID) {
            if (this.LocName && !this.LocCity && !this.LocCounty) {
                location.push(this.LocName);
            } else if (this.LocCity) {
                location.push(this.LocCity);
            } else if (this.LocCounty) {
                location.push(this.LocCounty);
            }

            if (this.LocState && this.LocState !== this.LocCity) {
                location.push(this.LocState);
            }

            if (this.LocCountry) {
                location.push(this.LocCountry);
            }
        } else if (this.CountryName) {
            location.push(this.CountryName);
        } else {
            location.push("Unknown");
        }

        return location.join(", ");
    }

    getFullLocation() {
        const location = [];

        if (this.LocationID) {
            if (this.LocName) {
                location.push(this.LocName);
            }

            if (this.LocCity) {
                location.push(this.LocCity);
            }

            if (this.LocPostcode) {
                location.push(this.LocPostcode);
            }

            if (this.LocCounty) {
                location.push(this.LocCounty);
            }

            if (this.LocState) {
                location.push(this.LocState);
            }

            if (this.LocCountry) {
                location.push(this.LocCountry);
            }
        } else if (this.CountryName) {
            location.push(this.CountryName);
        } else {
            location.push("Unknown");
        }

        return location.join(", ");
    }

    getCamera() {
        if (this.CameraModel) {
            return this.CameraModel;
        }

        return "Unknown";
    }

    like(liked) {
        if (liked === true) {
            return Api.post(this.getEntityResource() + "/like");
        } else {
            return Api.delete(this.getEntityResource() + "/like");
        }
    }

    static getCollectionResource() {
        return "photos";
    }

    static getModelName() {
        return "Photo";
    }
}

export default Photo;