firefly-iii/resources/assets/v2/pages/administrations/create.js

/*
 * template.js
 * Copyright (c) 2024 james@firefly-iii.org.
 *
 * This file is part of Firefly III (https://github.com/firefly-iii).
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see https://www.gnu.org/licenses/.
 */

import '../../boot/bootstrap.js';
import dates from "../shared/dates.js";
import Post from "../../api/v2/model/user-group/post.js";
import i18next from "i18next";


let administrations = function () {
    return {
        title: '',
        errors: {
            title: []
        },

        // notifications
        notifications: {
            error: {
                show: false, text: '', url: '',
            }, success: {
                show: false, text: '', url: '',
            }, wait: {
                show: false, text: '',

            }
        },
        // state of the form is stored in formState:
        formStates: {
            isSubmitting: false,
            returnHereButton: false,
            saveAsNewButton: false, // edit form only
            resetButton: false,
        },

        // form behaviour
        formBehaviour: {
            formType: 'create', // or 'update'
        },
        changedTitle() {

        },

        pageProperties: {},
        submitForm() {
            (new Post()).post({title: this.title}).then(response => {
                if (this.formStates.returnHereButton) {
                    this.notifications.success.show = true;
                    this.notifications.success.text = i18next.t('firefly.new_administration_created', {title: response.data.data.attributes.title});
                    this.notifications.success.url = './administrations';
                }
                if (this.formStates.resetButton) {
                    this.title = '';
                }
                if (!this.formStates.returnHereButton) {
                    window.location.href = './administrations?user_group_id=' + parseInt(response.data.data.id) + '&message=created';
                }
            }).catch(error => {
                console.error(error);
            });

        },
        cancelForm() {
            window.location.href = './administrations';
        },
        init() {

        }
    }
}


let comps = {administrations, dates};

function loadPage() {
    Object.keys(comps).forEach(comp => {
        console.log(`Loading page component "${comp}"`);
        let data = comps[comp]();
        Alpine.data(comp, () => data);
    });
    Alpine.start();
}

// wait for load until bootstrapped event is received.
document.addEventListener('firefly-iii-bootstrapped', () => {
    console.log('Loaded through event listener.');
    loadPage();
});
// or is bootstrapped before event is triggered.
if (window.bootstrapped) {
    console.log('Loaded through window variable.');
    loadPage();
}