gen_editor

import {
    BaseInput,
    BaseSelect,
    BaseSwitch
} from "./baseComponents.js";


export const AppForm = {
    name: "AppForm",

    components: {
        BaseInput: BaseInput,
        BaseSelect: BaseSelect,
        BaseSwitch: BaseSwitch
    },

    props: {
        fields: {
            type: Object,
            default: {},
        },
        helpBox: {
            type: String,
            default: "",
        },
        availableDatabaseAdapters: {
            type: Array,
            default: [],
        },
    },

    methods: {
        areFieldsEmpty(currentField, otherField) {
            if (currentField === "" && otherField === "") {
                return true;
            }

            return false;
        },
    },

    template: /*HTML*/ `

<div class="row mixed-row">

    <BaseInput name="path" label="Path" type="text" v-model="fields.path" inputClass="input" placeholder="Eg. NewApp or C:\\Users\\NewApp" :grow :required />

</div>

<div class="row mixed-row">

    <BaseInput name="app" label="App" type="text" v-model="fields.app" inputClass="input" :grow />

    <BaseInput name="module" label="Module" type="text" v-model="fields.module" inputClass="input" :grow />

    <BaseSelect name="database" label=" Database adapter " v-model="fields.database" selectClass="input input--xs" :options="availableDatabaseAdapters" />

</div>

<div class="row mixed-row row-center">

    <BaseSwitch name="no_assets" label="No Assets" v-model="fields.no_assets" />

    <BaseSwitch name="no_esbuild" label="No ESbuild" v-model="fields.no_esbuild" />

    <BaseSwitch name="no_tailwind" label="No Tailwind" v-model="fields.no_tailwind" />

    <BaseSwitch name="no_ecto" label="No Ecto" v-model="fields.no_ecto" />

    <BaseSwitch name="no_gettext" label="No GetText" v-model="fields.no_gettext" />

    <BaseSwitch name="no_html" label="No HTML" v-model="fields.no_html" />

    <BaseSwitch name="no_dashboard" label="No Dashboard" v-model="fields.no_dashboard" />

</div>

<div class="row mixed-row row-center">

    <BaseSwitch name="no_live" label="No Live" v-model="fields.no_live" />

    <BaseSwitch name="no_mailer" label="No Mailer" v-model="fields.no_mailer" />

    <BaseSwitch name="verbose" label="Verbose" v-model="fields.verbose" />

    <BaseSwitch name="version" label="Version" v-model="fields.version" />

    <BaseSwitch name="install" label="Install" v-model="fields.install" @change="fields.no_install = !fields.install" />

    <BaseSwitch name="no_install" label="No Install" v-model="fields.no_install" @change="fields.install = !fields.no_install" />

    <BaseSwitch name="binary_id" label="Binary IDs" v-model="fields.binary_id" v-bind:inverse="true" />

</div>

<small class="help-box" v-if="hasAwsCredentials" v-html="helpBox" />

`,
};