mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 07:24:13 +01:00
N°3914 Add row highlight colors to Datatables block when an object has a triggered tto/ttr
This commit is contained in:
16
css/backoffice/vendors/_datatables.scss
vendored
16
css/backoffice/vendors/_datatables.scss
vendored
@@ -36,6 +36,16 @@ $ibo-vendors-datatables--columns-header--border-bottom: 1px solid $ibo-color-gre
|
||||
$ibo-vendors-datatables--row--background-color--is-odd: $ibo-color-white-100 !default;
|
||||
$ibo-vendors-datatables--row--background-color--is-even: $ibo-color-white-200 !default;
|
||||
|
||||
$ibo-vendors-datatables--row-highlight--colors:(
|
||||
'red': ($ibo-color-red-100),
|
||||
'danger': ($ibo-color-red-200),
|
||||
'alert': ($ibo-color-red-200),
|
||||
'orange': ($ibo-color-orange-100),
|
||||
'warning': ($ibo-color-orange-200),
|
||||
'blue': ($ibo-color-blue-200),
|
||||
'info': ($ibo-color-blue-200),
|
||||
) !default;
|
||||
|
||||
.dataTables_paginate {
|
||||
@extend %ibo-vertically-centered-content;
|
||||
color: $ibo-vendors-datatables--pagination--color;
|
||||
@@ -140,4 +150,10 @@ $ibo-vendors-datatables--row--background-color--is-even: $ibo-color-white-200 !d
|
||||
tr:nth-child(even) {
|
||||
background-color: $ibo-vendors-datatables--row--background-color--is-even;
|
||||
}
|
||||
@each $sColorLabel, $aAttributes in $ibo-vendors-datatables--row-highlight--colors {
|
||||
$sBgColor: nth($aAttributes, 1);
|
||||
tr.ibo-is-#{$sColorLabel}{
|
||||
background-color: $sBgColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -319,6 +319,10 @@ class AjaxRenderController
|
||||
foreach ($aObject[$sAlias]->GetLoadedAttributes() as $sAttCode) {
|
||||
$aObj[$sAlias."/".$sAttCode] = $aObject[$sAlias]->GetAsHTML($sAttCode);
|
||||
}
|
||||
$sObjHighlightClass = $aObject[$sAlias]->GetHilightClass();
|
||||
if (!empty($sObjHighlightClass)){
|
||||
$aObj['@class'] = 'ibo-is-'.$sObjHighlightClass;
|
||||
}
|
||||
}
|
||||
}
|
||||
if ($sIdName != "") {
|
||||
|
||||
@@ -165,6 +165,11 @@ var oTable{{ sListIfForVarSuffix }} = $('#{{ oUIBlock.GetId() }}').DataTable({
|
||||
method: "post",
|
||||
pages: 1 // number of pages to cache
|
||||
}),
|
||||
createdRow: function( row, data, dataIndex ) {
|
||||
if (data['@class'] !== undefined) {
|
||||
$(row).addClass(data['@class']);
|
||||
}
|
||||
},
|
||||
initComplete: function () {
|
||||
this.api().columns.adjust().draw();
|
||||
if (this.api().page.info().pages < 2)
|
||||
|
||||
@@ -31,7 +31,12 @@ var table{{ sListIDForVarSuffix }} = $('#{{ oUIBlock.GetId() }}').DataTable({
|
||||
} else {
|
||||
$(this).closest('.dataTables_wrapper').find('.dataTables_paginate, .dataTables_info').show();
|
||||
}
|
||||
}
|
||||
},
|
||||
createdRow: function( row, data, dataIndex ) {
|
||||
if (data['@class'] !== undefined) {
|
||||
$(row).addClass(data['@class']);
|
||||
}
|
||||
},
|
||||
});
|
||||
if ($('#{{ oUIBlock.GetId() }}').find('thead').is(':visible')) {
|
||||
table{{ sListIDForVarSuffix }}.columns.adjust().draw();
|
||||
|
||||
Reference in New Issue
Block a user