Tabs.php
3.84 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<?php
namespace backend\widgets\Forms;
use yii\base\InvalidConfigException;
use yii\helpers\{
ArrayHelper, Html
};
/**
* Class Tabs
*
* @package backend\widgets\Forms
* @author FilamentV <vortex.filament@gmail.com>
* @copyright (c), Thread
*/
class Tabs extends \yii\bootstrap\Tabs
{
/**
* @var string
*/
public $position = 'left';
/**
* Renders the widget.
*/
public function run()
{
$this->registerPlugin('tab');
echo Html::beginTag('div', ['class' => 'tabs-container', 'style' => ['margin-bottom' => '15px']])
. Html::beginTag('div', ['class' => 'tabs-' . $this->position])
. $this->renderItems()
. Html::endTag('div')
. Html::endTag('div');
$this->registerJS();
}
/**
* registerJS save Tabs state
*/
protected function registerJS()
{
$script = <<< JS
$(function() {
//save the latest tab (http://stackoverflow.com/a/18845441)
$('a[data-toggle="tab"]').on('click', function (e) {
localStorage.setItem('lastTab', $(e.target).attr('href'));
});
//go to the latest tab, if it exists:
var lastTab = localStorage.getItem('lastTab');
if (lastTab) {
$('a[href="'+lastTab+'"]').click();
}
});
JS;
\Yii::$app->getView()->registerJs($script, \yii\web\View::POS_END);
}
/**
* Renders tab items as specified on [[items]].
* @return string the rendering result.
* @throws InvalidConfigException.
*/
protected function renderItems()
{
$headers = [];
$panes = [];
if (!$this->hasActiveTab() && !empty($this->items)) {
$this->items[0]['active'] = true;
}
foreach ($this->items as $n => $item) {
if (!ArrayHelper::remove($item, 'visible', true)) {
continue;
}
if (!array_key_exists('label', $item)) {
throw new InvalidConfigException("The 'label' option is required.");
}
$encodeLabel = $item['encode']?? $this->encodeLabels;
$label = $encodeLabel ? Html::encode($item['label']) : $item['label'];
$headerOptions = array_merge($this->headerOptions, ArrayHelper::getValue($item, 'headerOptions', []));
$linkOptions = array_merge($this->linkOptions, ArrayHelper::getValue($item, 'linkOptions', []));
$options = array_merge($this->itemOptions, ArrayHelper::getValue($item, 'options', []));
$options['id'] = ArrayHelper::getValue($options, 'id', $this->options['id'] . '-tab' . $n);
Html::addCssClass($options, ['widget' => 'tab-pane']);
if (ArrayHelper::remove($item, 'active')) {
Html::addCssClass($options, 'active');
Html::addCssClass($headerOptions, 'active');
}
if (isset($item['url'])) {
$header = Html::a($label, $item['url'], $linkOptions);
} else {
if (!isset($linkOptions['data-toggle'])) {
$linkOptions['data-toggle'] = 'tab';
}
$header = Html::a($label, '#' . $options['id'], $linkOptions);
}
if ($this->renderTabContent && isset($item['content'])) {
$tag = ArrayHelper::remove($options, 'tag', 'div');
$item['content'] = Html::tag('div', $item['content'], ['class' => 'panel-body']);
$panes[] = Html::tag($tag, isset($item['content']) ? $item['content'] : '', $options);
}
$headers[] = Html::tag('li', $header, $headerOptions);
}
return Html::tag('ul', implode("\n", $headers), $this->options)
. ($this->renderTabContent ? "\n"
. Html::tag('div', implode("\n", $panes), ['class' => 'tab-content']) : '');
}
}