Skip to content

Check for the table selector and generate a table dynamically on load… #16

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 2 commits into
base: master
Choose a base branch
from
Draft

Check for the table selector and generate a table dynamically on load… #16

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a3ec69c
Check for the table selector and generate a table dynamically on load…
kennethphough Mar 12, 2024
8aa107c
Merge pull request #22 from keyqcloud/master
kennethphough Aug 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 49 additions & 2 deletions kyte-source.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,8 +31,8 @@ class Kyte {
this.initial_identifier = identifier;
this.initial_account_number = account_number;

this.txToken;
this.sessionToken;
this.txToken = 0;
this.sessionToken = 0;
this.dateFormat = 'mm/dd/yy';

this.sessionCrossDomain = false;
Expand All @@ -41,6 +41,10 @@ class Kyte {
this.redirectToLoginInitiated = false;

this.sessionController = 'Session';

// store tables
this.kyteTableSelector = '.kyte-data-table';
this.tables = [];
}
init = () => {
this.access_key = (this.getCookie('kyte_pub') ? this.getCookie('kyte_pub') : this.access_key);
Expand All @@ -50,6 +54,9 @@ class Kyte {
// get txToken and session tokens from cookie if they exist (i.e. user session exists)
this.txToken = (this.getCookie('txToken') ? this.getCookie('txToken') : 0);
this.sessionToken = (this.getCookie('sessionToken') ? this.getCookie('sessionToken') : 0);

// generate tables
this.createKyteTable(this.kyteTableSelector);
}
/* API Version
*
Expand Down Expand Up @@ -633,6 +640,46 @@ class Kyte {
syntaxErrorBanner = (filepath) => {
$("body").prepend('<div class="card text-white bg-danger m-3"><div class="card-header">Syntax Error</div><div class="card-body"><p class="card-text">'+filepath+'</p></div></div>');
}

/**
* Generates a KyteTable based on tag attributes on load
*/
createKyteTable = (kyteTableSelector) => {
if ($(kyteTableSelector).length > 0) {
$(kyteTableSelector).each(function() {
let table = $(this);

// grab attributes for table
let tableName = table.attr('kyte-dt-name');
let model = table.attr('kyte-dt-model');
let columnNames = table.attr('kyte-dt-columns').split(',');
let columnLabels = table.attr('kyte-dt-column-labels') ? table.attr('kyte-dt-column-labels').split(',') : [];
let canEdit = table.attr('kyte-dt-editable') === 'true';
let canDelete = table.attr('kyte-dt-deletable') === 'true';
let detailPage = table.attr('kyte-dt-detail-page') ? table.attr('kyte-dt-detail-page') : null;
let hasDetailView = detailPage !== null;
// let sortable = table.attr('kyte-dt-sortable') === 'true';
let searchable = table.attr('kyte-dt-searchable') === 'true';
let columnOrder = JSON.parse(table.attr('kyte-dt-column-order') || '[]').map(item => [item.index, item.dir]);

let columnsConfig = columnNames.map((columnName, index) => {
// Use the column name as the label if the corresponding label is missing or empty
let label = columnLabels[index] ? columnLabels[index] : columnName;

return {
'targets': index,
'data': columnName,
'label': label.charAt(0).toUpperCase() + label.slice(1) // Capitalizing the label
};
});

let dt = new KyteTable(this, table, model, columnsConfig, searchable, columnOrder, canEdit, canDelete, hasDetailView, detailPage);

// add table to list of tables
this.tables.push({tableName:dt});
})
}
}
}

class KyteNav {
Expand Down