d2-ui/src/i18n/translationForm.actions.js

d2-ui

import { getInstance as getD2 } from 'd2/lib/d2';
import { Observable } from 'rxjs';
import { getInstance } from 'd2/lib/d2';
import Action from '../action/Action';

export function getLocales() {
    if (!getLocales.localePromise) {
        getLocales.localePromise = getD2()
            .then(d2 => {
                const api = d2.Api.getApi();

                return api.get('locales/db');
            })
            .then(locales => ({
                locales,
            }));
    }

    return Observable.fromPromise(getLocales.localePromise);
}

function getModelHref(model) {
    if (model.href) {
        return model.href;
    }

    return `${model.modelDefinition.apiEndpoint}/${model.id}`;
}

export function getTranslationsForModel(model) {
    return Observable.of(model).flatMap(model => {
        const modelDefinition = model.modelDefinition;

        if (!modelDefinition && !modelDefinition.name) {
            return Promise.reject(new Error(`Can not find modelDefinition for ${model.id}`));
        }

        return getInstance().then(d2 => {
            const api = d2.Api.getApi();

            return api.get(`${getModelHref(model)}/translations`);
        });
    });
}

export const saveTranslations = Action.create('saveTranslations');

saveTranslations.subscribe(({ data: [model, translations], complete, error }) => {
    const translationHref = `${getModelHref(model)}/translations`;

    getInstance().then(d2 => {
        const api = d2.Api.getApi();

        api
            .update(translationHref, { translations }, { dataType: 'text' })
            .then(() => complete(translations))
            .catch(error);
    });
});