inosh
/
device-mgt-core
forked from community/device-mgt-core
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve the java script code of changing the text and visibility

Browse Source 
Improved the logic in order to remove the unesssary text changes and visibility changes. and fix the code formatting issues found in the code.
4.x.x
kamidu 7 years ago
parent 479c76d897
commit 0ad6448c12
2 changed files with 76 additions and 78 deletions
Show Stats Download Patch File Download Diff File

82
components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.data-tables-extended/public/js/dataTables.extended.js
Unescape View File

@ -19,31 +19,31 @@
/* ========================================================================
* datatables_extended function
* ======================================================================== */
$.fn.datatables_extended = function(settings){
$.fn.datatables_extended = function (settings) {
var elem = $(this);
// EMM related function
if (InitiateViewOption) {
$(document).on('click','.viewEnabledIcon',InitiateViewOption);
$(document).on('click', '.viewEnabledIcon', InitiateViewOption);
}
//--- End of EMM related codes
/*
* Work around for accessing settings params inside datatable functions
*/
if(settings != null && settings.sorting != null && settings.sorting != undefined && settings.sorting){
if (settings != null && settings.sorting != null && settings.sorting != undefined && settings.sorting) {
elem.addClass('sorting-enabled');
}else{
} else {
elem.addClass('sorting-disabled');
}
$(elem).DataTable(
$.extend({},{
$.extend({}, {
bSortCellsTop: true,
responsive: false,
autoWidth: false,
dom:'<"dataTablesTop"' +
dom: '<"dataTablesTop"' +
'f' +
'<"dataTables_toolbar">' +
'>' +
@ -55,9 +55,9 @@ $.fn.datatables_extended = function(settings){
searchPlaceholder: 'Search ...',
search: ''
},
initComplete: function(){
initComplete: function () {
this.api().columns().every(function(){
this.api().columns().every(function () {
var column = this;
var filterColumn = $('.filter-row th', elem);
@ -78,14 +78,14 @@ $.fn.datatables_extended = function(settings){
.search(val ? val : '', true, false)
.draw();
if (filterColumn.eq(column.index()).hasClass('data-platform')){
if(val == null || val == undefined || val == ""){
if (filterColumn.eq(column.index()).hasClass('data-platform')) {
if (val == null || val == undefined || val == "") {
$("#operation-bar").hide();
$( "#operation-guide" ).show();
$( "#operation-bar" ).addClass("hidden");
}else{
$( "#operation-guide" ).hide();
$( "#operation-bar" ).removeClass("hidden");
$("#operation-guide").show();
$("#operation-bar").addClass("hidden");
} else {
$("#operation-guide").hide();
$("#operation-bar").removeClass("hidden");
$("#operation-bar").show();
//TODO: Enable after adding iot operations bar
//loadOperationBar(val);
@ -121,7 +121,7 @@ $.fn.datatables_extended = function(settings){
filterColumn.eq(column.index()).find('input').on('keyup change', function () {
column.search($(this).val()).draw();
if($('.dataTables_empty').length > 0) {
if ($('.dataTables_empty').length > 0) {
$('.bulk-action-row').addClass("hidden");
} else {
$('.bulk-action-row').removeClass("hidden");
@ -141,7 +141,7 @@ $.fn.datatables_extended = function(settings){
* create sorting dropdown menu for list table advance operations
*/
var table = this;
if(table.hasClass('sorting-enabled')){
if (table.hasClass('sorting-enabled')) {
var dropdownmenu = $('<ul class="dropdown-menu arrow arrow-top-right dark sort-list add-margin-top-2x"><li class="dropdown-header">Sort by</li></ul>');
$('.sort-row th', elem).each(function () {
if (!$(this).hasClass('no-sort')) {
@ -150,7 +150,7 @@ $.fn.datatables_extended = function(settings){
});
}
function getAdvanceToolBar(){
function getAdvanceToolBar() {
if (!table.hasClass('no-toolbar')) {
if (table.hasClass('sorting-enabled')) {
return '<ul class="nav nav-pills navbar-right remove-margin" role="tablist">' +
@ -168,7 +168,7 @@ $.fn.datatables_extended = function(settings){
'<li><button data-click-event="toggle-list-view" data-view="list" class="btn btn-default"><i class="fw fw-list"></i></button></li>' +
'</ul>'
}
}else{
} else {
return '';
}
}
@ -184,22 +184,22 @@ $.fn.datatables_extended = function(settings){
/**
* sorting dropdown menu select function
*/
$('.dataTables_wrapper .sort-list li a').click(function() {
$('.dataTables_wrapper .sort-list li a').click(function () {
$(this).closest('li').siblings('li').find('a').removeClass('sorting_asc').removeClass('sorting_desc');
var thisTable = $(this).closest('.dataTables_wrapper').find('.dataTable').dataTable();
if (!($(this).hasClass('sorting_asc')) && !($(this).hasClass('sorting_desc'))) {
$(this).addClass('sorting_asc');
thisTable.fnSort( [ [$(this).attr('data-column'),'asc'] ] );
thisTable.fnSort([[$(this).attr('data-column'), 'asc']]);
}
else if($(this).hasClass('sorting_asc')) {
else if ($(this).hasClass('sorting_asc')) {
$(this).switchClass('sorting_asc', 'sorting_desc');
thisTable.fnSort( [ [$(this).attr('data-column'),'desc'] ] );
thisTable.fnSort([[$(this).attr('data-column'), 'desc']]);
}
else if($(this).hasClass('sorting_desc')) {
else if ($(this).hasClass('sorting_desc')) {
$(this).switchClass('sorting_desc', 'sorting_asc');
thisTable.fnSort( [ [$(this).attr('data-column'),'asc'] ] );
thisTable.fnSort([[$(this).attr('data-column'), 'asc']]);
}
});
@ -216,46 +216,44 @@ $.fn.datatables_extended = function(settings){
$(button).addClass("active").html('Cancel');
$(button).parent().next().children("button").removeClass("disabled");
// EMM related code
$(document).off('click','.viewEnabledIcon');
$(document).off('click', '.viewEnabledIcon');
//--- End of EMM related codes
} else if ($(button).html() == 'Cancel'){
} else if ($(button).html() == 'Cancel') {
$('.bulk-action-row').addClass('hidden');
thisTable.removeClass("table-selectable");
$(button).addClass("active").html('Select');
$(button).parent().next().children().addClass("disabled");
// EMM related function
$(document).on('click','.viewEnabledIcon',InitiateViewOption);
$(document).on('click', '.viewEnabledIcon', InitiateViewOption);
//--- End of EMM related codes
}
});
/**
* select/deselect all rows function
*/
$('.dataTables_wrapper [data-click-event=toggle-selected]').click(function() {
$('.dataTables_wrapper [data-click-event=toggle-selected]').click(function () {
var button = this,
thisTable = $(this).closest('.dataTables_wrapper').find('.dataTable').dataTable();
if(!$(button).hasClass('disabled')){
if($(button).html() == 'Select All') {
if ($(button).html() == 'Select All') {
$(button).html('Deselect All');
$('.bulk-action-row').removeClass('hidden');
thisTable.api().rows().every(function () {
$(this.node()).addClass(rowSelectedClass);
$(button).html('Deselect All');
$('.bulk-action-row').addClass('hidden');
});
}
else if($(button).html() == 'Deselect All') {
else if ($(button).html() == 'Deselect All') {
$('.bulk-action-row').addClass('hidden');
$(button).html('Select All');
thisTable.api().rows().every(function () {
$(this.node()).removeClass(rowSelectedClass);
$(button).html('Select All');
$('.bulk-action-row').removeClass('hidden');
});
}
}
});
/**
* on row click select/deselect row function
*/
$('body').on('click', '[data-type=selectable]', function(){
$('body').on('click', '[data-type=selectable]', function () {
var rowSelectedClass = 'DTTT_selected selected';
$(this).toggleClass(rowSelectedClass);
if ($('.table-selectable .DTTT_selected').length > 0) {
@ -267,7 +265,7 @@ $.fn.datatables_extended = function(settings){
thisTable = $(this).closest('.dataTables_wrapper').find('.dataTable').dataTable();
thisTable.api().rows().every(function () {
if(!$(this.node()).hasClass(rowSelectedClass)){
if (!$(this.node()).hasClass(rowSelectedClass)) {
$(button).closest('.dataTables_wrapper').find('[data-click-event=toggle-selected]').html('Select All');
}
});
@ -277,8 +275,8 @@ $.fn.datatables_extended = function(settings){
* list table list/grid view toggle function
*/
var toggleButton = $('[data-click-event=toggle-list-view]');
toggleButton.click(function(){
if($(this).attr('data-view') == 'grid') {
toggleButton.click(function () {
if ($(this).attr('data-view') == 'grid') {
$(this).closest('.dataTables_wrapper').find('.dataTable').addClass('grid-view');
//$(this).closest('li').hide();
//$(this).closest('li').siblings().show();
@ -290,7 +288,7 @@ $.fn.datatables_extended = function(settings){
}
});
}
},settings)
}, settings)
);
};

8
components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.data-tables-extended/public/js/dataTables.extended.serversidepaging.js
Unescape View File

@ -303,17 +303,17 @@ $.fn.datatables_extended_serverside_paging = function (settings, url, dataFilter
thisTable = $(this).closest('.dataTables_wrapper').find('.dataTable').dataTable();
if (!$(button).hasClass('disabled')) {
if ($(button).html() == 'Select All') {
$(button).html('Deselect All');
$('.bulk-action-row').removeClass('hidden');
thisTable.api().rows().every(function () {
$(this.node()).addClass(rowSelectedClass);
$(button).html('Deselect All');
$('.bulk-action-row').addClass('hidden');
});
}
else if ($(button).html() == 'Deselect All') {
$('.bulk-action-row').addClass('hidden');
$(button).html('Select All');
thisTable.api().rows().every(function () {
$(this.node()).removeClass(rowSelectedClass);
$(button).html('Select All');
$('.bulk-action-row').removeClass('hidden');
});
}
}

Write Preview
Loading…
Cancel
Save