113 lines
5.1 KiB
JavaScript
113 lines
5.1 KiB
JavaScript
$(document).ready(function(){
|
|
var loadedConfigs = {}
|
|
var shinobiHubWindow = $('#shinobihub_viewer')
|
|
var shinobiHubWindowTableBody = shinobiHubWindow.find('tbody')
|
|
var shinobiHubWindowSearch = $('#shinobihub-search')
|
|
var shinobiHubWindowSortBy = $('#shinobihub-sort-by')
|
|
var shinobiHubWindowExplore = $('#shinobihub-explore')
|
|
var shinobiHubWindowSortDirection = $('#shinobihub-sort-direction')
|
|
var shinobiHubWindowPages = $('#shinobihub-pages')
|
|
|
|
var getConfigurationsFromHub = function(rowLimit,skipOver,explore,searchQuery,sortBy,sortDirection,callback){
|
|
$.get(getApiPrefix() + `/getShinobiHubConfigurations/${$user.ke}/cam?rowLimit=${rowLimit}&skipOver=${skipOver}&explore=${explore ? explore : "0"}&search=${searchQuery}&sortDirection=${sortDirection}&sortBy=${sortBy}`,callback)
|
|
}
|
|
var buildConfigRow = function(row){
|
|
return `<tr drawn-id="${row.id}">
|
|
<td><span class="badge badge-primary">${row.name}</span></td>
|
|
<td>${row.brand}</td>
|
|
<td>${row.description}</td>
|
|
<td><span class="badge badge-primary">${moment(row.dateAdded).format('DD-MM-YYYY hh:mm:ss A')}</span></td>
|
|
<td><span class="badge badge-primary">${moment(row.dateUpdated).format('DD-MM-YYYY hh:mm:ss A')}</span></td>
|
|
<td class="text-center"><i class="fa fa-${row.private == 1 ? 'check text-success' : 'cross text-danger'}"></i></td>
|
|
<td class="text-center"><a class="copy btn btn-sm btn-primary"><i class="fa fa-copy"></i></a></td>
|
|
</tr>`
|
|
}
|
|
var loadRows = function(skipOver,rowLimit,explore){
|
|
shinobiHubWindowTableBody.empty()
|
|
if(!skipOver)skipOver = 0
|
|
if(!rowLimit)rowLimit = 10
|
|
var searchQuery = shinobiHubWindowSearch.val()
|
|
var sortBy = shinobiHubWindowSortBy.val()
|
|
var sortDirection = shinobiHubWindowSortDirection.val()
|
|
var explore = shinobiHubWindowExplore.val() || '0'
|
|
getConfigurationsFromHub(rowLimit,skipOver,explore,searchQuery,sortBy,sortDirection,function(data){
|
|
var html = ''
|
|
$.each(data.configs,function(n,row){
|
|
loadedConfigs[row.id] = row
|
|
try{
|
|
html += buildConfigRow(row)
|
|
}catch(err){
|
|
console.log(err,row)
|
|
}
|
|
})
|
|
shinobiHubWindowTableBody.html(html)
|
|
html = ''
|
|
if(data.pages > 10){
|
|
for (i = 1; i < 3 + 1; i++) {
|
|
html += `<button type="button" class="page-select btn btn-default btn-sm ${i === data.currentPage ? 'active' : ''}" page="${i}">${i}</button>`
|
|
}
|
|
html += `<input class="page-number-input form-control form-control-sm mr-2 text-center" type=number min=3 max=${data.pages - 4} value="${data.currentPage}" style="width:55px;display:inline-block">`
|
|
for (i = data.pages - 2; i < data.pages + 1; i++) {
|
|
html += `<button type="button" class="page-select btn btn-default btn-sm ${i === data.currentPage ? 'active' : ''}" page="${i}">${i}</button>`
|
|
}
|
|
}else{
|
|
for (i = 1; i < data.pages + 1; i++) {
|
|
html += `<button type="button" class="page-select btn btn-default btn-sm ${i === data.currentPage ? 'active' : ''}" page="${i}">${i}</button>`
|
|
}
|
|
}
|
|
shinobiHubWindowPages.html(html)
|
|
})
|
|
}
|
|
shinobiHubWindow.on('shown.bs.modal',function(){
|
|
loadRows()
|
|
})
|
|
shinobiHubWindow.on('click','.copy',function(){
|
|
var configId = $(this).parents(`[drawn-id]`).attr('drawn-id')
|
|
var json = loadedConfigs[configId].json
|
|
$.aM.import({
|
|
values: mergeDeep($.aM.generateDefaultMonitorSettings(),json)
|
|
})
|
|
$.aM.e.find('[name="mode"]').val('start').change()
|
|
shinobiHubWindow.modal('hide')
|
|
$.aM.e.modal('show')
|
|
})
|
|
shinobiHubWindowPages.on('click','.page-select',function(){
|
|
var pageSelect = parseInt($(this).attr('page')) - 1
|
|
var pageLimit = 10
|
|
loadRows(pageSelect * pageLimit, pageLimit,'0')
|
|
})
|
|
shinobiHubWindow.on('change','.page-number-input',function(){
|
|
var pageSelect = parseInt($(this).val()) - 1
|
|
var pageLimit = 10
|
|
loadRows(pageSelect * pageLimit, pageLimit,'0')
|
|
})
|
|
shinobiHubWindowSearch.change(function(){
|
|
loadRows(0, 10, '0')
|
|
})
|
|
shinobiHubWindowSortBy.change(function(){
|
|
var descText
|
|
var ascText
|
|
switch($(this).val()){
|
|
case'dateUpdated':
|
|
case'dateAdded':
|
|
descText = 'Newest'
|
|
ascText = 'Oldest'
|
|
break;
|
|
case'heading':
|
|
case'opening':
|
|
descText = 'Z - #'
|
|
ascText = '# - Z'
|
|
break;
|
|
}
|
|
shinobiHubWindowSortDirection.find('[value="DESC"]').html(descText)
|
|
shinobiHubWindowSortDirection.find('[value="ASC"]').html(ascText)
|
|
loadRows(0, 10, '0')
|
|
})
|
|
shinobiHubWindowSortDirection.change(function(){
|
|
loadRows(0, 10, '0')
|
|
})
|
|
shinobiHubWindowExplore.change(function(){
|
|
loadRows(0, 10, '0')
|
|
})
|
|
})
|