cipherguard-mad/demo/form/form.js

Cipherguard javascript application library for the open source password manager for teams

/**
 * Cipherguard ~ Open source password manager for teams
 * Copyright (c) KhulnaSoft Ltd (https://www.khulnasoft.com)
 *
 * Licensed under GNU Affero General Public License version 3 of the or any later version.
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) KhulnaSoft Ltd (https://www.khulnasoft.com)
 * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
 * @link          https://www.khulnasoft.com KhulnaSoft(tm)
 */
import $ from 'jquery';
import mad from "cipherguard-mad/cipherguard-mad";
import "cipherguard-mad/form/form";
import "cipherguard-mad/form/element/textbox";
import "cipherguard-mad/form/element/checkbox";
import "cipherguard-mad/test/helper/model";

var form = new mad.Form($('#form'), {
    callbacks: {
        submit: function(data) {
            console.log(data);
        }
    }
});
form.start();

// Add category id hidden field
form.addElement(
    new mad.form.Textbox($('#js_test_model_attribute'), {
        modelReference: 'mad.test.model.TestModel.testModelAttribute',
        validate: true
    }).start(),
    new mad.form.Feedback($('#js_test_model_attribute_feedback'), {}).start()
);

// Add category id hidden field
form.addElement(
    new mad.form.Textbox($('#js_test_model1_attribute'), {
        modelReference: 'mad.test.model.TestModel.TestModel1.testModel1Attribute',
        validate: true
    }).start(),
    new mad.form.Feedback($('#js_test_model1_attribute_feedback'), {}).start()
);

// Add category id hidden field
form.addElement(
    new mad.form.Checkbox($('#js_test_model2s'), {
        modelReference: 'mad.test.model.TestModel.TestModel1.TestModel2s.testModel2Attribute',
        validate: true,
        availableValues: {
            'option_1': 'Option 1',
            'option_2': 'Option 2',
            'option_3': 'Option 3'
        }
    }).start(),
    new mad.form.Feedback($('#js_test_model2s_feedback'), {}).start()
);