new: [helpers:listTable] Added listTable

pull/72/head
mokaddem 2021-07-06 12:34:53 +02:00
parent 256b39691c
commit 07054ece81
1 changed files with 168 additions and 4 deletions

View File

@ -65,10 +65,16 @@ class BootstrapHelper extends Helper
public function table($options, $data) public function table($options, $data)
{ {
$bsTable = new BoostrapTable($options, $data); $bsTable = new BoostrapTable($options, $data, $this);
return $bsTable->table(); return $bsTable->table();
} }
public function listTable($options, $data)
{
$bsListTable = new BoostrapListTable($options, $data, $this);
return $bsListTable->table();
}
public function button($options) public function button($options)
{ {
$bsButton = new BoostrapButton($options); $bsButton = new BoostrapButton($options);
@ -203,6 +209,7 @@ class BootstrapTabs extends BootstrapGeneric
'card' => false, 'card' => false,
'header-variant' => 'light', 'header-variant' => 'light',
'body-variant' => '', 'body-variant' => '',
'body-class' => [],
'nav-class' => [], 'nav-class' => [],
'nav-item-class' => [], 'nav-item-class' => [],
'content-class' => [], 'content-class' => [],
@ -321,7 +328,13 @@ class BootstrapTabs extends BootstrapGeneric
$html .= $this->genNav(); $html .= $this->genNav();
if ($this->options['card']) { if ($this->options['card']) {
$html .= $this->closeNode('div'); $html .= $this->closeNode('div');
$html .= $this->openNode('div', ['class' => array_merge(['card-body'], ["bg-{$this->options['body-variant']}", "text-{$this->options['body-text-variant']}"])]); $html .= $this->openNode('div', [
'class' => array_merge(
['card-body'],
$this->options['body-class'] ?? [],
["bg-{$this->options['body-variant']}", "text-{$this->options['body-text-variant']}"]
)
]);
} }
$html .= $this->genContent(); $html .= $this->genContent();
if ($this->options['card']) { if ($this->options['card']) {
@ -337,7 +350,13 @@ class BootstrapTabs extends BootstrapGeneric
$html .= $this->openNode('div', ['class' => array_merge(['col-' . $this->options['vertical-size'], ($this->options['card'] ? 'card-header border-right' : '')], ["bg-{$this->options['header-variant']}", "text-{$this->options['header-text-variant']}", "border-{$this->options['header-border-variant']}"])]); $html .= $this->openNode('div', ['class' => array_merge(['col-' . $this->options['vertical-size'], ($this->options['card'] ? 'card-header border-right' : '')], ["bg-{$this->options['header-variant']}", "text-{$this->options['header-text-variant']}", "border-{$this->options['header-border-variant']}"])]);
$html .= $this->genNav(); $html .= $this->genNav();
$html .= $this->closeNode('div'); $html .= $this->closeNode('div');
$html .= $this->openNode('div', ['class' => array_merge(['col-' . (12 - $this->options['vertical-size']), ($this->options['card'] ? 'card-body2' : '')], ["bg-{$this->options['body-variant']}", "text-{$this->options['body-text-variant']}"])]); $html .= $this->openNode('div', [
'class' => array_merge(
['col-' . (12 - $this->options['vertical-size']), ($this->options['card'] ? 'card-body2' : '')],
$this->options['body-class'] ?? [],
["bg-{$this->options['body-variant']}", "text-{$this->options['body-text-variant']}"]
)
]);
$html .= $this->genContent(); $html .= $this->genContent();
$html .= $this->closeNode('div'); $html .= $this->closeNode('div');
$html .= $this->closeNode('div'); $html .= $this->closeNode('div');
@ -487,7 +506,7 @@ class BoostrapTable extends BootstrapGeneric {
private $bsClasses = null; private $bsClasses = null;
function __construct($options, $data) { function __construct($options, $data, $btHelper) {
$this->allowedOptionValues = [ $this->allowedOptionValues = [
'variant' => array_merge(BootstrapGeneric::$variants, ['']) 'variant' => array_merge(BootstrapGeneric::$variants, [''])
]; ];
@ -495,6 +514,7 @@ class BoostrapTable extends BootstrapGeneric {
$this->fields = $data['fields']; $this->fields = $data['fields'];
$this->items = $data['items']; $this->items = $data['items'];
$this->caption = !empty($data['caption']) ? $data['caption'] : ''; $this->caption = !empty($data['caption']) ? $data['caption'] : '';
$this->btHelper = $btHelper;
} }
private function processOptions($options) private function processOptions($options)
@ -603,6 +623,11 @@ class BoostrapTable extends BootstrapGeneric {
{ {
if (isset($field['formatter'])) { if (isset($field['formatter'])) {
$cellContent = $field['formatter']($value, $row); $cellContent = $field['formatter']($value, $row);
} else if (isset($field['element'])) {
$cellContent = $this->btHelper->getView()->element($field['element'], [
'data' => [$value],
'field' => ['path' => '0']
]);
} else { } else {
$cellContent = h($value); $cellContent = h($value);
} }
@ -619,6 +644,145 @@ class BoostrapTable extends BootstrapGeneric {
} }
} }
class BoostrapListTable extends BootstrapGeneric {
private $defaultOptions = [
'striped' => true,
'bordered' => false,
'borderless' => false,
'hover' => true,
'small' => false,
'variant' => '',
'tableClass' => [],
'bodyClass' => [],
];
private $bsClasses = null;
function __construct($options, $data, $btHelper) {
$this->allowedOptionValues = [
'variant' => array_merge(BootstrapGeneric::$variants, [''])
];
$this->processOptions($options);
$this->fields = $data['fields'];
$this->item = $data['item'];
$this->caption = !empty($data['caption']) ? $data['caption'] : '';
$this->btHelper = $btHelper;
}
private function processOptions($options)
{
$this->options = array_merge($this->defaultOptions, $options);
$this->checkOptionValidity();
}
public function table()
{
return $this->genTable();
}
private function genTable()
{
$html = $this->openNode('table', [
'class' => [
'table',
"table-{$this->options['variant']}",
$this->options['striped'] ? 'table-striped' : '',
$this->options['bordered'] ? 'table-bordered' : '',
$this->options['borderless'] ? 'table-borderless' : '',
$this->options['hover'] ? 'table-hover' : '',
$this->options['small'] ? 'table-sm' : '',
!empty($this->options['variant']) ? "table-{$this->options['variant']}" : '',
!empty($this->options['tableClass']) ? (is_array($this->options['tableClass']) ? implode(' ', $this->options['tableClass']) : $this->options['tableClass']) : ''
],
'id' => $this->options['id'] ?? ''
]);
$html .= $this->genCaption();
$html .= $this->genBody();
$html .= $this->closeNode('table');
return $html;
}
private function genBody()
{
$body = $this->openNode('tbody', [
'class' => [
!empty($this->options['bodyClass']) ? (is_array($this->options['bodyClass']) ? implode(' ', $this->options['bodyClass']) : $this->options['bodyClass']) : ''
],
]);
foreach ($this->fields as $i => $field) {
$body .= $this->genRow($field);
}
$body .= $this->closeNode('tbody');
return $body;
}
private function genRow($field)
{
$rowValue = $this->genCell($field);
$rowKey = $this->genNode('th', [
'class' => [
'col-sm-2'
],
'scope' => 'row'
], h($field['key']));
$row = $this->genNode('tr',[
'class' => [
'd-flex',
!empty($field['_rowVariant']) ? "table-{$field['_rowVariant']}" : ''
]
], implode('', [$rowKey, $rowValue]));
return $row;
}
private function genCell($field=[])
{
if (isset($field['raw'])) {
$cellContent = h($field['raw']);
} else if (isset($field['formatter'])) {
$cellContent = $field['formatter']($this->getValueFromObject($field), $this->item);
} else if (isset($field['type'])) {
$cellContent = $this->btHelper->getView()->element($this->getElementPath($field['type']), [
'data' => $this->item,
'field' => $field
]);
} else {
$cellContent = h($this->getValueFromObject($field));
}
return $this->genNode('td', [
'class' => [
'col-sm-10',
!empty($row['_cellVariant']) ? "bg-{$row['_cellVariant']}" : ''
]
], $cellContent);
}
private function getValueFromObject($field)
{
if (is_array($field)) {
$key = $field['path'];
} else {
$key = $field;
}
$cellValue = Hash::get($this->item, $key);
return $cellValue;
}
private function getElementPath($type)
{
return sprintf('%s%sField',
$this->options['elementsRootPath'] ?? '',
$type
);
}
private function genCaption()
{
return !empty($this->caption) ? $this->genNode('caption', [], h($this->caption)) : '';
}
}
class BoostrapButton extends BootstrapGeneric { class BoostrapButton extends BootstrapGeneric {
private $defaultOptions = [ private $defaultOptions = [
'id' => '', 'id' => '',