photoprism/frontend/src/model/photo.js

import Abstract from "model/abstract";
import Api from "common/api";
import {DateTime} from "luxon";

class Photo extends Abstract {
    getDefaults() {
        return {
            ID: 0,
            TakenAt: "",
            PhotoUUID: "",
            PhotoPath: "",
            PhotoName: "",
            PhotoTitle: "",
            PhotoDescription: "",
            PhotoNotes: "",
            PhotoKeywords: "",
            PhotoArtist: "",
            PhotoCopyright: "",
            PhotoFavorite: false,
            PhotoPrivate: false,
            PhotoNSFW: false,
            PhotoStory: false,
            PhotoLat: 0.0,
            PhotoLng: 0.0,
            PhotoAltitude: 0,
            PhotoFocalLength: 0,
            PhotoIso: 0,
            PhotoFNumber: 0.0,
            PhotoExposure: "",
            PhotoViews: 0,
            Camera: {},
            CameraID: 0,
            Lens: {},
            LensID: 0,
            CountryChanged: false,
            Location: null,
            LocationID: "",
            Place: null,
            PlaceID: "",
            LocationEstimated: false,
            PhotoCountry: "",
            PhotoYear: 0,
            PhotoMonth: 0,
            TakenAtLocal: "",
            ModifiedDate: false,
            ModifiedTitle: false,
            ModifiedDetails: false,
            ModifiedLocation: false,
            TimeZone: "",
            Files: [],
            Labels: [],
            Keywords: [],
            Albums: [],
            CreatedAt: "",
            UpdatedAt: "",
            DeletedAt: null,
        };
    }

    getEntityName() {
        return this.PhotoTitle;
    }

    getId() {
        return this.PhotoUUID;
    }

    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";
        }
    }

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

    refreshFileAttr() {
        if(!this.Files) {
            return;
        }

        const primary = this.Files.find(f => f.FilePrimary === true);

        if(!primary) {
            return;
        }

        this.FileHash = primary.FileHash;
        this.FileWidth = primary.FileWidth;
        this.FileHeight = primary.FileHeight;
    }

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

        return "/api/v1/svg/photo";
    }

    getDownloadUrl() {
        return "/api/v1/download/" + this.FileHash;
    }

    getThumbnailSrcset() {
        const result = [];

        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(", ");
    }

    calculateSize(width, height) {
        if (width >= this.FileWidth && height >= this.FileHeight) { // Smaller
            return {width: this.FileWidth, height: this.FileHeight};
        }

        const srcAspectRatio = this.FileWidth / this.FileHeight;
        const maxAspectRatio = width / height;

        let newW, newH;

        if (srcAspectRatio > maxAspectRatio) {
            newW = width;
            newH = Math.round(newW / srcAspectRatio);

        } else {
            newH = height;
            newW = Math.round(newH * srcAspectRatio);
        }

        return {width: newW, height: newH};
    }

    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("720px");

        return result.join(", ");
    }

    getDateString() {
        if (this.TimeZone) {
            return DateTime.fromISO(this.TakenAt).setZone(this.TimeZone).toLocaleString(DateTime.DATETIME_FULL);
        } else if (this.TakenAt) {
            return DateTime.fromISO(this.TakenAt).toLocaleString(DateTime.DATE_HUGE);
        } else {
            return "Unknown";
        }
    }

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

    getLocation() {
        if (this.LocLabel) {
            return this.LocLabel;
        }

        return "Unknown";
    }

    getCamera() {
        if(this.Camera) {
            return this.Camera.CameraMake + " " + this.Camera.CameraModel;
        } else if (this.CameraModel) {
            return this.CameraMake + " " + this.CameraModel;
        }

        return "Unknown";
    }

    toggleLike() {
        this.PhotoFavorite = !this.PhotoFavorite;

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

    like() {
        this.PhotoFavorite = true;
        return Api.post(this.getEntityResource() + "/like");
    }

    unlike() {
        this.PhotoFavorite = false;
        return Api.delete(this.getEntityResource() + "/like");
    }

    addLabel(name) {
        return Api.post(this.getEntityResource() + "/label", {LabelName: name})
            .then((response) => Promise.resolve(this.setValues(response.data)));
    }

    removeLabel(id) {
        return Api.delete(this.getEntityResource() + "/label/" + id)
            .then((response) => Promise.resolve(this.setValues(response.data)));
    }

    update() {
        const values = this.getValues(true);

        if(values.PhotoTitle) {
            values.ModifiedTitle = true
        }

        if(values.PhotoKeywords) {
            values.ModifiedKeywords = true
        }

        if(values.PhotoLat || values.PhotoLng || values.PhotoAltitude) {
            values.ModifiedLocation = true
        }

        if(values.TakenAt || values.TimeZone) {
            values.ModifiedDate = true
        }

        if(values.CameraID || values.LensID || values.PhotoCountry) {
            values.ModifiedDetails = true
        }

        return Api.put(this.getEntityResource(), values).then((response) => Promise.resolve(this.setValues(response.data)));
    }

    static getCollectionResource() {
        return "photos";
    }

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

export default Photo;