Basic form
Change-Id: I7ee858b208730b110b355d3f72037f0975aaa356
diff --git a/src/app/core/form/form.ts b/src/app/core/form/form.ts
new file mode 100644
index 0000000..a5cfa67
--- /dev/null
+++ b/src/app/core/form/form.ts
@@ -0,0 +1,81 @@
+// TODO clean this mess
+
+import * as _ from 'lodash';
+import {IXosFormHelpersService} from './form-helpers';
+import {IXosConfigHelpersService} from '../services/helpers/config.helpers';
+
+class FormCtrl {
+ $inject = ['$onInit', '$scope', 'XosFormHelpers', 'ConfigHelpers'];
+
+ public ngModel: any;
+ public excludedField: string[];
+ public formField: any;
+ private config: any;
+
+ constructor (
+ private $scope: ng.IScope,
+ private XosFormHelpers: IXosFormHelpersService,
+ private ConfigHelpers: IXosConfigHelpersService
+ ) {
+
+ }
+
+ $onInit() {
+ if (!this.config) {
+ throw new Error('[xosForm] Please provide a configuration via the "config" attribute');
+ }
+
+ if (!this.config.actions) {
+ throw new Error('[xosForm] Please provide an action list in the configuration');
+ }
+
+ if (!this.config.feedback) {
+ this.config.feedback = {
+ show: false,
+ message: 'Form submitted successfully !!!',
+ type: 'success'
+ };
+ }
+
+ // TODO Define this list in a service (eg: ConfigHelper)
+ this.excludedField = this.ConfigHelpers.excluded_fields;
+ if (this.config && this.config.exclude) {
+ this.excludedField = this.excludedField.concat(this.config.exclude);
+ }
+
+ this.formField = [];
+
+ this.$scope.$watch(() => this.config, () => {
+ if (!this.ngModel) {
+ return;
+ }
+ let diff = _.difference(Object.keys(this.ngModel), this.excludedField);
+ let modelField = this.XosFormHelpers.parseModelField(diff);
+ this.formField = this.XosFormHelpers.buildFormStructure(modelField, this.config.fields, this.ngModel, this.config.order);
+ }, true);
+
+ this.$scope.$watch(() => this.ngModel, (model) => {
+ console.log(this.ngModel);
+ // empty from old stuff
+ this.formField = {};
+ if (!model) {
+ return;
+ }
+ let diff = _.difference(Object.keys(model), this.excludedField);
+ let modelField = this.XosFormHelpers.parseModelField(diff);
+ this.formField = this.XosFormHelpers.buildFormStructure(modelField, this.config.fields, model, this.config.order);
+ console.log(this.formField);
+ });
+
+ }
+}
+
+export const xosForm: angular.IComponentOptions = {
+ template: require('./form.html'),
+ controllerAs: 'vm',
+ controller: FormCtrl,
+ bindings: {
+ ngModel: '=',
+ config: '='
+ }
+};