700ee7bc9c313a76510ba0bcbd8c2dc417a20fdf84d3640f4b9c88c2148dd2c7.json 5.9 KB

1
  1. {"ast":null,"code":"import { EventEmitter } from '@angular/core';\nimport { FormControl, Validators } from '@angular/forms';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/forms\";\nfunction UsersFormComponent_mat_option_26_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"mat-option\", 21);\n i0.ɵɵtext(1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const topping_r2 = ctx.$implicit;\n i0.ɵɵproperty(\"value\", topping_r2);\n i0.ɵɵadvance(1);\n i0.ɵɵtextInterpolate(topping_r2);\n }\n}\nexport let UsersFormComponent = /*#__PURE__*/(() => {\n class UsersFormComponent {\n constructor(formBuilder) {\n this.formBuilder = formBuilder;\n this.filterUsers = new EventEmitter();\n this.toppings = new FormControl();\n this.toppingList = ['Gagnant', 'Bloqué', 'servé'];\n this.form = formBuilder.group({\n lastname: [''],\n firstname: [''],\n email: ['', Validators.email],\n adress: [''],\n date: [{\n begin: this.startDate,\n end: this.endDate\n }]\n });\n }\n ngOnInit() {}\n filterUser() {\n this.filterUsers.emit(this.form.value);\n }\n reset() {\n this.form.reset();\n }\n static #_ = this.ɵfac = function UsersFormComponent_Factory(t) {\n return new (t || UsersFormComponent)(i0.ɵɵdirectiveInject(i1.FormBuilder));\n };\n static #_2 = this.ɵcmp = /*@__PURE__*/i0.ɵɵdefineComponent({\n type: UsersFormComponent,\n selectors: [[\"app-users-form\"]],\n outputs: {\n filterUsers: \"filterUsers\"\n },\n decls: 46,\n vars: 6,\n consts: [[1, \"mx-5\", \"my-5\"], [1, \"search\"], [1, \"row\", \"ml-2\"], [\"aria-hidden\", \"false\", \"aria-label\", \"Example home icon\", 1, \"mx-2\"], [1, \"\"], [3, \"formGroup\", \"ngSubmit\"], [1, \"row\"], [1, \"col-4\"], [\"matInput\", \"\", \"formControlName\", \"lastname\"], [\"matInput\", \"\", \"formControlName\", \"firstname\"], [\"multiple\", \"\", 3, \"formControl\"], [3, \"value\", 4, \"ngFor\", \"ngForOf\"], [\"matInput\", \"\", \"name\", \"email\", \"formControlName\", \"email\"], [\"matInput\", \"\", \"placeholder\", \"Inscription :\", \"formControlName\", \"date\", 3, \"satDatepicker\"], [\"matSuffix\", \"\", 3, \"for\"], [\"touchUi\", \"true\", 3, \"rangeMode\"], [\"picker\", \"\"], [\"matInput\", \"\", \"formControlName\", \"adress\"], [1, \"row\", \"justify-content-center\"], [\"mat-raised-button\", \"\", \"color\", \"primary\", \"type\", \"submit\", 1, \"mr-3\"], [\"mat-raised-button\", \"\", \"color\", \"primary\", 3, \"click\"], [3, \"value\"]],\n template: function UsersFormComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0)(1, \"mat-accordion\")(2, \"mat-expansion-panel\")(3, \"mat-expansion-panel-header\", 1)(4, \"mat-panel-title\")(5, \"div\", 2)(6, \"div\")(7, \"mat-icon\", 3);\n i0.ɵɵtext(8, \"group\");\n i0.ɵɵelementEnd()();\n i0.ɵɵelementStart(9, \"div\")(10, \"p\", 4);\n i0.ɵɵtext(11, \"Rechercher des utilisateurs\");\n i0.ɵɵelementEnd()()()()();\n i0.ɵɵelementStart(12, \"form\", 5);\n i0.ɵɵlistener(\"ngSubmit\", function UsersFormComponent_Template_form_ngSubmit_12_listener() {\n return ctx.filterUser();\n });\n i0.ɵɵelementStart(13, \"div\", 6)(14, \"mat-form-field\", 7)(15, \"mat-label\");\n i0.ɵɵtext(16, \"Nom :\");\n i0.ɵɵelementEnd();\n i0.ɵɵelement(17, \"input\", 8);\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(18, \"mat-form-field\", 7)(19, \"mat-label\");\n i0.ɵɵtext(20, \"Pr\\u00E9nom :\");\n i0.ɵɵelementEnd();\n i0.ɵɵelement(21, \"input\", 9);\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(22, \"mat-form-field\", 7)(23, \"mat-label\");\n i0.ɵɵtext(24, \"Etat client :\");\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(25, \"mat-select\", 10);\n i0.ɵɵtemplate(26, UsersFormComponent_mat_option_26_Template, 2, 2, \"mat-option\", 11);\n i0.ɵɵelementEnd()()();\n i0.ɵɵelementStart(27, \"div\", 6)(28, \"mat-form-field\", 7)(29, \"mat-label\");\n i0.ɵɵtext(30, \"Adresse mail :\");\n i0.ɵɵelementEnd();\n i0.ɵɵelement(31, \"input\", 12);\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(32, \"mat-form-field\", 7);\n i0.ɵɵelement(33, \"input\", 13)(34, \"sat-datepicker-toggle\", 14)(35, \"sat-datepicker\", 15, 16);\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(37, \"mat-form-field\", 7)(38, \"mat-label\");\n i0.ɵɵtext(39, \"Adresse :\");\n i0.ɵɵelementEnd();\n i0.ɵɵelement(40, \"input\", 17);\n i0.ɵɵelementEnd()();\n i0.ɵɵelementStart(41, \"div\", 18)(42, \"button\", 19);\n i0.ɵɵtext(43, \"Rechercher\");\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(44, \"button\", 20);\n i0.ɵɵlistener(\"click\", function UsersFormComponent_Template_button_click_44_listener() {\n return ctx.reset();\n });\n i0.ɵɵtext(45, \"Effacer\");\n i0.ɵɵelementEnd()()()()()();\n }\n if (rf & 2) {\n const _r1 = i0.ɵɵreference(36);\n i0.ɵɵadvance(12);\n i0.ɵɵproperty(\"formGroup\", ctx.form);\n i0.ɵɵadvance(13);\n i0.ɵɵproperty(\"formControl\", ctx.toppings);\n i0.ɵɵadvance(1);\n i0.ɵɵproperty(\"ngForOf\", ctx.toppingList);\n i0.ɵɵadvance(7);\n i0.ɵɵproperty(\"satDatepicker\", _r1);\n i0.ɵɵadvance(1);\n i0.ɵɵproperty(\"for\", _r1);\n i0.ɵɵadvance(1);\n i0.ɵɵproperty(\"rangeMode\", true);\n }\n }\n });\n }\n return UsersFormComponent;\n})();","map":null,"metadata":{},"sourceType":"module","externalDependencies":[]}