change-user-id.component.js
4.46 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
"use strict";
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = require('@angular/core');
var router_1 = require('@angular/router');
var application_service_1 = require('../services/application.service');
var forms_1 = require('@angular/forms');
var ChangeUserIdComponent = (function () {
function ChangeUserIdComponent(application, router, fb) {
this.application = application;
this.router = router;
this.fb = fb;
this.formErrors = {
'oldUserId': '',
'newUserId': '',
'confirmUserId': ''
};
this.validationMessages = {
'oldUserId': {
'required': 'Old userid is required.'
},
'newUserId': {
'required': 'New userid is required.',
'minlength': 'NewUserId must be at least 8 characters long.'
},
'confirmUserId': {
'required': 'Confirm userid is required.'
}
};
}
ChangeUserIdComponent.prototype.ngAfterViewInit = function () {
this.initializeUIElements();
//jQuery(function () {
// jQuery("#slider-range-min-2").slider({
// range: "min",
// min: 1,
// max: 60,
// value: 10,
// slide: function (event, ui) {
// jQuery("#amount-2").val(ui.value);
// }
// });
// jQuery("#amount-2").val(jQuery("#slider-vertical-2").slider("value"));
//});
//jQuery('.modal').draggable({
// handle: '.modal-header'
//})
};
ChangeUserIdComponent.prototype.initializeUIElements = function () {
};
ChangeUserIdComponent.prototype.ngOnInit = function () {
/*if (this.application.currentUser == null) {
this.router.navigate(['/login']);
}*/
this.initializeChangeUserIdForm();
};
ChangeUserIdComponent.prototype.showAlert = function (id) {
jQuery('#' + id).modal('show');
};
ChangeUserIdComponent.prototype.initializeChangeUserIdForm = function () {
var _this = this;
this.changeUserIdForm = this.fb.group({
'oldUserId': ['', [forms_1.Validators.required]],
'newUserId': ['', ([forms_1.Validators.required, forms_1.Validators.minLength(8)])],
'confirmUserId': ['', [forms_1.Validators.required]]
});
this.changeUserIdForm.valueChanges
.subscribe(function (data) { return _this.onValueChanged(data); });
this.onValueChanged(); // (re)set validation messages now
};
ChangeUserIdComponent.prototype.onValueChanged = function (data) {
if (!this.changeUserIdForm) {
return;
}
var form = this.changeUserIdForm;
for (var field in this.formErrors) {
// clear previous error message (if any)
this.formErrors[field] = '';
var control = form.get(field);
if (control && control.dirty && !control.valid) {
var messages = this.validationMessages[field];
for (var key in control.errors) {
this.formErrors[field] += messages[key] + ' ';
}
}
}
};
ChangeUserIdComponent = __decorate([
core_1.Component({
templateUrl: './app/components/change-user-id.component.html'
}),
__metadata('design:paramtypes', [application_service_1.ApplicationService, router_1.Router, forms_1.FormBuilder])
], ChangeUserIdComponent);
return ChangeUserIdComponent;
}());
exports.ChangeUserIdComponent = ChangeUserIdComponent;
//# sourceMappingURL=change-user-id.component.js.map