87 lines
3.7 KiB
JavaScript
87 lines
3.7 KiB
JavaScript
"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 data_service_1 = require("./../../services/data.service");
|
|
var router_1 = require("@angular/router");
|
|
var IntervalObservable_1 = require("rxjs/observable/IntervalObservable");
|
|
var user_class_1 = require("./../../classes/user.class");
|
|
var UsersComponent = (function () {
|
|
function UsersComponent(router, data) {
|
|
this.router = router;
|
|
this.data = data;
|
|
this.loading = true;
|
|
this.error = false;
|
|
this.users = new Array();
|
|
}
|
|
UsersComponent.prototype.getUsersData = function () {
|
|
var _this = this;
|
|
this.data.load().then(function () {
|
|
_this.data
|
|
.users()
|
|
.subscribe(function (response) {
|
|
var status = response.status_code;
|
|
if (status != 200) {
|
|
_this.loading = false;
|
|
_this.error = true;
|
|
}
|
|
else {
|
|
for (var i = 0; i < response.data.length; i++) {
|
|
var temp = user_class_1.User.toUser(response.data[i]);
|
|
var user = _this.getUserByID(temp.id);
|
|
if (user) {
|
|
if (!temp.equals(user)) {
|
|
// push new one, delete old
|
|
var index = _this.users.indexOf(user);
|
|
_this.users.splice(index, 1);
|
|
_this.users.push(temp);
|
|
}
|
|
}
|
|
else {
|
|
_this.users.push(temp);
|
|
}
|
|
}
|
|
_this.users.sort(function (a, b) {
|
|
return a.name > b.name ? 1 : -1;
|
|
});
|
|
_this.loading = false;
|
|
}
|
|
});
|
|
});
|
|
};
|
|
UsersComponent.prototype.ngOnInit = function () {
|
|
var _this = this;
|
|
this.getUsersData();
|
|
this.subscription = IntervalObservable_1.IntervalObservable.create(5000).subscribe(function () {
|
|
console.log("Reloading data...");
|
|
_this.getUsersData();
|
|
});
|
|
};
|
|
UsersComponent.prototype.ngOnDestroy = function () {
|
|
this.subscription.unsubscribe();
|
|
};
|
|
UsersComponent.prototype.onClick = function (user) {
|
|
this.router.navigate(['/user', user.id]);
|
|
};
|
|
UsersComponent.prototype.getUserByID = function (id) {
|
|
return this.users.find(function (f) { return f.id === id; });
|
|
};
|
|
return UsersComponent;
|
|
}());
|
|
UsersComponent = __decorate([
|
|
core_1.Component({
|
|
selector: 'app-users',
|
|
templateUrl: './users.component.html',
|
|
styleUrls: ['./users.component.css']
|
|
}),
|
|
__metadata("design:paramtypes", [router_1.Router, data_service_1.DataService])
|
|
], UsersComponent);
|
|
exports.UsersComponent = UsersComponent;
|
|
//# sourceMappingURL=users.component.js.map
|