bitfront-library
Version:
Angular CLI project with components and classes used by other Angular projects of the BIT foundation.
152 lines • 12.4 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.LogListTableViewComponent = void 0;
var core_1 = require("@angular/core");
var message_service_1 = require("../../shared/service/message.service");
var bitmessage_1 = require("../../shared/data/bitmessage");
var i0 = require("@angular/core");
var i1 = require("../../shared/service/message.service");
var i2 = require("@angular/common");
var i3 = require("primeng/table");
var i4 = require("primeng/api");
function LogListTableViewComponent_p_table_0_ng_template_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "tr");
i0.ɵɵelementStart(1, "th", 4);
i0.ɵɵtext(2, "Login");
i0.ɵɵelement(3, "p-sortIcon", 5);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(4, "th", 6);
i0.ɵɵtext(5, "Concepto");
i0.ɵɵelement(6, "p-sortIcon", 7);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(7, "th", 8);
i0.ɵɵtext(8, "Operaci\u00F3n");
i0.ɵɵelement(9, "p-sortIcon", 9);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(10, "th", 10);
i0.ɵɵtext(11, "Hora");
i0.ɵɵelement(12, "p-sortIcon", 11);
i0.ɵɵelementEnd();
i0.ɵɵelement(13, "th");
i0.ɵɵelementEnd();
} }
function LogListTableViewComponent_p_table_0_ng_template_2_button_17_Template(rf, ctx) { if (rf & 1) {
var _r8 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "button", 19);
i0.ɵɵlistener("click", function LogListTableViewComponent_p_table_0_ng_template_2_button_17_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r8); var log_r3 = i0.ɵɵnextContext().$implicit; var ctx_r6 = i0.ɵɵnextContext(2); return ctx_r6.showDatosLog($event, log_r3.respuesta, "Resposta"); });
i0.ɵɵtext(1, " Resposta\u00A0\u00A0");
i0.ɵɵelement(2, "span", 20);
i0.ɵɵelementEnd();
} }
function LogListTableViewComponent_p_table_0_ng_template_2_button_18_Template(rf, ctx) { if (rf & 1) {
var _r11 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "button", 21);
i0.ɵɵlistener("click", function LogListTableViewComponent_p_table_0_ng_template_2_button_18_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r11); var log_r3 = i0.ɵɵnextContext().$implicit; var ctx_r9 = i0.ɵɵnextContext(2); return ctx_r9.showDatosLog($event, log_r3.error, "Error"); });
i0.ɵɵtext(1, " Error\u00A0\u00A0");
i0.ɵɵelement(2, "span", 22);
i0.ɵɵelementEnd();
} }
function LogListTableViewComponent_p_table_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
var _r13 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "tr", 12);
i0.ɵɵlistener("click", function LogListTableViewComponent_p_table_0_ng_template_2_Template_tr_click_0_listener() { i0.ɵɵrestoreView(_r13); var log_r3 = ctx.$implicit; var ctx_r12 = i0.ɵɵnextContext(2); return ctx_r12.gotoForm(log_r3); });
i0.ɵɵelementStart(1, "td");
i0.ɵɵtext(2);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(3, "td");
i0.ɵɵtext(4);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(5, "td");
i0.ɵɵtext(6);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(7, "td");
i0.ɵɵelementStart(8, "span");
i0.ɵɵtext(9);
i0.ɵɵpipe(10, "date");
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
i0.ɵɵelementStart(11, "td", 13);
i0.ɵɵelementStart(12, "div", 14);
i0.ɵɵelementStart(13, "button", 15);
i0.ɵɵlistener("click", function LogListTableViewComponent_p_table_0_ng_template_2_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r13); var log_r3 = ctx.$implicit; var ctx_r14 = i0.ɵɵnextContext(2); return ctx_r14.showDatosLog($event, log_r3.datos, "Dades enviades"); });
i0.ɵɵtext(14, " Enviat\u00A0\u00A0");
i0.ɵɵelement(15, "span", 16);
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
i0.ɵɵelementStart(16, "div", 14);
i0.ɵɵtemplate(17, LogListTableViewComponent_p_table_0_ng_template_2_button_17_Template, 3, 0, "button", 17);
i0.ɵɵtemplate(18, LogListTableViewComponent_p_table_0_ng_template_2_button_18_Template, 3, 0, "button", 18);
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
} if (rf & 2) {
var log_r3 = ctx.$implicit;
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate(log_r3.login);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate(log_r3.concepto);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate(log_r3.tipo);
i0.ɵɵadvance(3);
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(10, 7, log_r3.fecha, "HH:mm"));
i0.ɵɵadvance(4);
i0.ɵɵproperty("disabled", !log_r3.datos);
i0.ɵɵadvance(4);
i0.ɵɵproperty("ngIf", !log_r3.error && log_r3.respuesta);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", log_r3.error);
} }
function LogListTableViewComponent_p_table_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "p-table", 1);
i0.ɵɵtemplate(1, LogListTableViewComponent_p_table_0_ng_template_1_Template, 14, 0, "ng-template", 2);
i0.ɵɵtemplate(2, LogListTableViewComponent_p_table_0_ng_template_2_Template, 19, 10, "ng-template", 3);
i0.ɵɵelementEnd();
} if (rf & 2) {
var ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵproperty("columns", ctx_r0.cols)("value", ctx_r0.items);
} }
var LogListTableViewComponent = /** @class */ (function () {
function LogListTableViewComponent(messageService) {
this.messageService = messageService;
this.cols = [
{ field: "login", header: "Login" },
{ field: "concepto", header: "Concepto" },
{ field: "tipo", header: "Operación" },
{ field: "fecha", header: "Hora" },
{ field: "", header: "" }
];
}
/** Muestra los datos de log en un diálogo*/
LogListTableViewComponent.prototype.showDatosLog = function (event, log, titulo) {
var width = bitmessage_1.BitMessage.WIDTH;
var json = true;
if (titulo === "Error") {
width = 800;
json = false;
}
var bitMessage = new bitmessage_1.BitMessage(titulo, log, width);
bitMessage.json = json;
this.messageService.sendMessage(bitMessage);
};
LogListTableViewComponent.prototype.gotoForm = function () {
console.log("go");
};
LogListTableViewComponent.ɵfac = function LogListTableViewComponent_Factory(t) { return new (t || LogListTableViewComponent)(i0.ɵɵdirectiveInject(i1.MessageService)); };
LogListTableViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: LogListTableViewComponent, selectors: [["log-list-tableview"]], inputs: { items: "items" }, decls: 1, vars: 1, consts: [[3, "columns", "value", 4, "ngIf"], [3, "columns", "value"], ["pTemplate", "header"], ["pTemplate", "body"], ["pSortableColumn", "login"], ["field", "login"], ["pSortableColumn", "concepto"], ["field", "concepto"], ["pSortableColumn", "tipo"], ["field", "tipo"], ["pSortableColumn", "fecha"], ["field", "fecha"], [3, "click"], [1, "col-button"], ["role", "group", 1, "btn-group"], [1, "btn", "btn-default", "btn-xs", 3, "disabled", "click"], [1, "glyphicon", "glyphicon-log-in"], ["class", "btn btn-default btn-xs", 3, "click", 4, "ngIf"], ["class", "btn btn-danger btn-xs", 3, "click", 4, "ngIf"], [1, "btn", "btn-default", "btn-xs", 3, "click"], [1, "glyphicon", "glyphicon-log-out"], [1, "btn", "btn-danger", "btn-xs", 3, "click"], [1, "glyphicon", "glyphicon-alert"]], template: function LogListTableViewComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, LogListTableViewComponent_p_table_0_Template, 3, 2, "p-table", 0);
} if (rf & 2) {
i0.ɵɵproperty("ngIf", ctx.items != null && ctx.items.length > 0);
} }, directives: [i2.NgIf, i3.Table, i4.PrimeTemplate, i3.SortableColumn, i3.SortIcon], pipes: [i2.DatePipe], encapsulation: 2 });
return LogListTableViewComponent;
}());
exports.LogListTableViewComponent = LogListTableViewComponent;
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LogListTableViewComponent, [{
type: core_1.Component,
args: [{
selector: "log-list-tableview",
template: "\n <!--<p-dataTable [value]=\"items\" *ngIf=\"(items != null && items.length > 0)\">\n <p-column field=\"login\" header=\"Login\" [sortable]=\"true\"></p-column>\n <p-column field=\"concepto\" header=\"Concepto\" [sortable]=\"true\"></p-column>\n <p-column field=\"tipo\" header=\"Operación\" [sortable]=\"true\"></p-column>\n <p-column field=\"fecha\" header=\"Hora\" [sortable]=\"true\">\n <ng-template let-log=\"rowData\" pTemplate type=\"body\">\n <span>{{log.fecha | date:\"HH:mm\"}}</span>\n </ng-template>\n </p-column> \n <p-column styleClass=\"col-button\">\n <ng-template let-log=\"rowData\" pTemplate type=\"body\">\n <div class=\"btn-group\" role=\"group\">\n <button [disabled]=\"!log.datos\" class=\"btn btn-default btn-xs\" (click)=\"showDatosLog($event,log.datos,'Dades enviades');\">Enviat <span class=\"glyphicon glyphicon-log-in\"></span></button>\n </div>\n <div class=\"btn-group\" role=\"group\">\n <button *ngIf=\"!log.error && log.respuesta\" class=\"btn btn-default btn-xs\" (click)=\"showDatosLog($event,log.respuesta,'Resposta');\"> Resposta <span class=\"glyphicon glyphicon-log-out\"></span>\n </button>\n <button *ngIf=\"log.error\" class=\"btn btn-danger btn-xs\" (click)=\"showDatosLog($event,log.error,'Error');\"> Error <span class=\"glyphicon glyphicon-alert\"></span>\n </button>\n </div>\n </ng-template>\n </p-column>\n </p-dataTable>-->\n <p-table [columns]=\"cols\" [value]=\"items\" *ngIf=\"items != null && items.length > 0\">\n <ng-template pTemplate=\"header\">\n <tr>\n <th pSortableColumn=\"login\">Login<p-sortIcon field=\"login\"></p-sortIcon></th>\n <th pSortableColumn=\"concepto\">Concepto<p-sortIcon field=\"concepto\"></p-sortIcon></th>\n <th pSortableColumn=\"tipo\">Operación<p-sortIcon field=\"tipo\"></p-sortIcon></th>\n <th pSortableColumn=\"fecha\">Hora<p-sortIcon field=\"fecha\"></p-sortIcon></th>\n <th></th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-log>\n <tr (click)=\"gotoForm(log)\">\n <td>{{ log.login }}</td>\n <td>{{ log.concepto }}</td>\n <td>{{ log.tipo }}</td>\n <td>\n <span>{{ log.fecha | date: \"HH:mm\" }}</span>\n </td>\n <td class=\"col-button\">\n <div class=\"btn-group\" role=\"group\">\n <button\n [disabled]=\"!log.datos\"\n class=\"btn btn-default btn-xs\"\n (click)=\"showDatosLog($event, log.datos, 'Dades enviades')\"\n >\n Enviat <span class=\"glyphicon glyphicon-log-in\"></span>\n </button>\n </div>\n <div class=\"btn-group\" role=\"group\">\n <button\n *ngIf=\"!log.error && log.respuesta\"\n class=\"btn btn-default btn-xs\"\n (click)=\"showDatosLog($event, log.respuesta, 'Resposta')\"\n >\n Resposta <span class=\"glyphicon glyphicon-log-out\"></span>\n </button>\n <button\n *ngIf=\"log.error\"\n class=\"btn btn-danger btn-xs\"\n (click)=\"showDatosLog($event, log.error, 'Error')\"\n >\n Error <span class=\"glyphicon glyphicon-alert\"></span>\n </button>\n </div>\n </td>\n </tr>\n </ng-template>\n </p-table>\n <!-- cols = [\n { field: \"login\", header: \"Login\" },\n { field: \"concepto\", header: \"Concepto\" },\n { field: \"tipo\", header: \"Operación\" },\n { field: \"fecha\", header: \"Hora\" },\n { field: \"\", header: \"\" },\n ]; -->\n "
}]
}], function () { return [{ type: i1.MessageService }]; }, { items: [{
type: core_1.Input
}] }); })();
//# sourceMappingURL=log-list-tableview.component.js.map