blob: 2d7fc77ca8ab4ca00c4336165366e3d7e2c34289 (
plain)
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
|
window.angular && (function(angular) {
'use strict';
/**
*
* Controller for bmcTable Component
*
* To use:
* The <bmc-table> component expects a 'model' attribute
* that will contain all the data needed to render the table.
*
* The model object should contain 'header', 'data', and 'actions'
* properties.
*
* model: {
* header: <string>[], // Array of header labels
* data: <any>[], // Array of each row object
* actions: <string>[] // Array of action labels
* }
*
* The header property will render each label as a <th> in the table.
*
* The data property will render each item as a <tr> in the table.
* Each row object in the model.data array should also have a 'uiData'
* property that should be an array of the properties that will render
* as each table cell <td>.
*
* The actions property will render into clickable buttons at the end
* of each row.
* When a user clicks an action button, the component
* will emit the action label with the associated row object.
*
*/
const TableController = function() {
/**
* Init model data
* @param {any} model : table model object
* @returns : table model object with defaults
*/
const setModel = (model) => {
model.header = model.header === undefined ? [] : model.header;
model.data = model.data === undefined ? [] : model.data;
model.data = model.data.map((row) => {
if (row.uiData === undefined) {
row.uiData = [];
}
return row;
})
model.actions = model.actions === undefined ? [] : model.actions;
if (model.actions.length > 0) {
// If table actions were provided, push an empty
// string to the header array to account for additional
// table actions cell
model.header.push('');
}
return model;
};
/**
* Callback when table row action clicked
* Emits user desired action and associated row data to
* parent controller
* @param {string} action : action type
* @param {any} row : user object
*/
this.onClickAction = (action, row) => {
if (action !== undefined && row !== undefined) {
const value = {action, row};
this.emitAction({value});
}
};
/**
* onInit Component lifecycle hooked
*/
this.$onInit = () => {
this.model = setModel(this.model);
};
};
/**
* Register bmcTable component
*/
angular.module('app.common.components').component('bmcTable', {
template: require('./table.html'),
controller: TableController,
bindings: {model: '<', emitAction: '&'}
})
})(window.angular);
|
