mapcomplete/UI/BigComponents/LicensePicker.ts

import {DropDown} from "../Input/DropDown";
import Translations from "../i18n/Translations";
import {UIEventSource} from "../../Logic/UIEventSource";
import {OsmConnection} from "../../Logic/Osm/OsmConnection";
import {Translation} from "../i18n/Translation";

export default class LicensePicker extends DropDown<string> {

    private static readonly cc0 = "CC0"
    private static readonly ccbysa = "CC-BY-SA 4.0"
    private static readonly ccby = "CC-BY 4.0"

    constructor(state: { osmConnection: OsmConnection }) {
        super(Translations.t.image.willBePublished.Clone(),
            [
                {value: LicensePicker.cc0, shown: Translations.t.image.cco.Clone()},
                {value: LicensePicker.ccbysa, shown: Translations.t.image.ccbs.Clone()},
                {value: LicensePicker.ccby, shown: Translations.t.image.ccb.Clone()}
            ],
            state?.osmConnection?.GetPreference("pictures-license") ?? new UIEventSource<string>("CC0"),
            {
                select_class:"w-min bg-indigo-100 p-1 rounded hover:bg-indigo-200"
            }
        )
        this.SetClass("flex flex-col sm:flex-row").SetStyle("float:left");
    }

    public static LicenseExplanations(): Map<string, Translation> {
        let dict = new Map<string, Translation>();

        dict.set(LicensePicker.cc0, Translations.t.image.ccoExplanation)
        dict.set(LicensePicker.ccby, Translations.t.image.ccbExplanation)
        dict.set(LicensePicker.ccbysa, Translations.t.image.ccbsExplanation)

        return dict
    }

}