{% endblock content %}
{% block js %}
var streamId = {{ id }};
var originalData = []; // Keep track of the original data
fetchData();
function fetchData() {
console.log('Stream ID:', streamId);
// Fetch data from the streaming-table-view endpoint
$.get('streaming-table-view', { id: streamId }, function (data) {
// If the original data is not set, store the fetched data as the original data
if (originalData.length === 0) {
originalData = data;
}
// Populate the main table with the fetched data
var table = $('#main-table').DataTable({
data: data,
bLengthChange: false,
stateSave: true,
pageLength: 50,
lengthMenu: [
[10, 25, 50, -1],
[10, 25, 50, 'All']
],
searchBuilder: {
columns: [0,1,2,3,4,5,6,7,8,9,10,11,12,13]
},
dom: 'Qlfrtip',
columns: [
{ data: 'gnb_id' },
{ data: 'c_rnti' },
{ data: 'gnb_du_ue_f1ap_id' },
{ data: 'gnb_cu_ue_f1ap_id' },
{ data: 'gnb_cu_cp_ue_e1ap_id' },
{ data: 'gnb_cu_up_ue_e1ap_id' },
{ data: 'ran_ue_ngap_id' },
{ data: 'amf_ue_ngap_id' },
{ data: 'xnap_src_ran_id' },
{ data: 'xnap_trgt_ran_id' },
{ data: 'pci' },
{ data: 'f1ap_cause' },
{ data: 'ngap_cause' },
]
});
var table = $('#main-table').DataTable(); // Initialize your datatable
$('#main-table tbody').on('click', 'tr', function () {
var data = table.row(this).data(); // Get row data
var uuid = data.id; // Assuming 'id' is a property of your data
window.location.href = 'draw-sequence/' + uuid +'/';
});
});
}
document.title = "List View"
{% endblock js %}