fixed tab nav (bs-toggle instead of toggle)
This commit is contained in:
parent
4fa2a36fcb
commit
90c02f71c4
@ -195,7 +195,7 @@ class Tabs extends Widget
|
||||
ArrayHelper::setValue($items[$n], 'options', $headerOptions);
|
||||
if (!isset($item['url'])) {
|
||||
ArrayHelper::setValue($items[$n], 'url', '#' . $options['id']);
|
||||
ArrayHelper::setValue($items[$n], 'linkOptions.data.toggle', 'tab');
|
||||
ArrayHelper::setValue($items[$n], 'linkOptions.data.bs-toggle', 'tab');
|
||||
ArrayHelper::setValue($items[$n], 'linkOptions.role', 'tab');
|
||||
ArrayHelper::setValue($items[$n], 'linkOptions.aria.controls', $options['id']);
|
||||
if (!$disabled) {
|
||||
|
@ -180,19 +180,19 @@ class TabsTest extends TestCase
|
||||
]);
|
||||
|
||||
$this->assertContains(
|
||||
'<li class="nav-item"><a class="nav-link disabled" href="#w0-tab0" data-toggle="tab" role="tab" aria-controls="w0-tab0" tabindex="-1" aria-disabled="true">Page1</a></li>',
|
||||
'<li class="nav-item"><a class="nav-link disabled" href="#w0-tab0" data-bs-toggle="tab" role="tab" aria-controls="w0-tab0" tabindex="-1" aria-disabled="true">Page1</a></li>',
|
||||
$html
|
||||
);
|
||||
$this->assertContains(
|
||||
'<li class="nav-item"><a class="nav-link active" href="#w0-tab1" data-toggle="tab" role="tab" aria-controls="w0-tab1" aria-selected="true">Page2</a></li>',
|
||||
'<li class="nav-item"><a class="nav-link active" href="#w0-tab1" data-bs-toggle="tab" role="tab" aria-controls="w0-tab1" aria-selected="true">Page2</a></li>',
|
||||
$html
|
||||
);
|
||||
$this->assertContains(
|
||||
'<li class="nav-item"><a class="nav-link disabled" href="#w0-tab2" data-toggle="tab" role="tab" aria-controls="w0-tab2" tabindex="-1" aria-disabled="true">DisabledPage</a></li>',
|
||||
'<li class="nav-item"><a class="nav-link disabled" href="#w0-tab2" data-bs-toggle="tab" role="tab" aria-controls="w0-tab2" tabindex="-1" aria-disabled="true">DisabledPage</a></li>',
|
||||
$html
|
||||
);
|
||||
$this->assertContains(
|
||||
'<a class="dropdown-item disabled" href="#w0-dd3-tab1" data-toggle="tab" role="tab" aria-controls="w0-dd3-tab1" tabindex="-1" aria-disabled="true">DisabledItem</a>',
|
||||
'<a class="dropdown-item disabled" href="#w0-dd3-tab1" data-bs-toggle="tab" role="tab" aria-controls="w0-dd3-tab1" tabindex="-1" aria-disabled="true">DisabledItem</a>',
|
||||
$html
|
||||
);
|
||||
$this->assertContains(
|
||||
@ -271,15 +271,15 @@ class TabsTest extends TestCase
|
||||
]);
|
||||
|
||||
$this->assertNotContains(
|
||||
'<li class="nav-item"><a class="nav-link active" href="#mytab-tab0" data-toggle="tab" role="tab" aria-controls="mytab-tab0" aria-selected="true">Tab 1</a></li>',
|
||||
'<li class="nav-item"><a class="nav-link active" href="#mytab-tab0" data-bs-toggle="tab" role="tab" aria-controls="mytab-tab0" aria-selected="true">Tab 1</a></li>',
|
||||
$html
|
||||
);
|
||||
$this->assertNotContains(
|
||||
'<li class="nav-item"><a class="nav-link active" href="#mytab-tab1" data-toggle="tab" role="tab" aria-controls="mytab-tab1" aria-selected="true">Tab 2</a></li>',
|
||||
'<li class="nav-item"><a class="nav-link active" href="#mytab-tab1" data-bs-toggle="tab" role="tab" aria-controls="mytab-tab1" aria-selected="true">Tab 2</a></li>',
|
||||
$html
|
||||
);
|
||||
$this->assertContains(
|
||||
'<li class="nav-item"><a class="nav-link active" href="#mytab-tab2" data-toggle="tab" role="tab" aria-controls="mytab-tab2" aria-selected="true">Tab 3</a></li>',
|
||||
'<li class="nav-item"><a class="nav-link active" href="#mytab-tab2" data-bs-toggle="tab" role="tab" aria-controls="mytab-tab2" aria-selected="true">Tab 3</a></li>',
|
||||
$html
|
||||
);
|
||||
}
|
||||
@ -310,7 +310,7 @@ class TabsTest extends TestCase
|
||||
]
|
||||
]);
|
||||
$this->assertContains(
|
||||
'<li class="nav-item"><a class="nav-link active" href="#mytab-tab2" data-toggle="tab" role="tab" aria-controls="mytab-tab2" aria-selected="true">Tab 3</a></li>',
|
||||
'<li class="nav-item"><a class="nav-link active" href="#mytab-tab2" data-bs-toggle="tab" role="tab" aria-controls="mytab-tab2" aria-selected="true">Tab 3</a></li>',
|
||||
$html
|
||||
);
|
||||
}
|
||||
@ -362,8 +362,8 @@ class TabsTest extends TestCase
|
||||
]);
|
||||
|
||||
$expected = <<<HTML
|
||||
<ul id="w0" class="nav nav-tabs" role="tablist"><li class="nav-item"><a class="nav-link active" href="#pane1" data-toggle="tab" role="tab" aria-controls="pane1" aria-selected="true">Tab 1</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#w0-tab1" data-toggle="tab" role="tab" aria-controls="w0-tab1" aria-selected="false">Tab 2</a></li></ul>
|
||||
<ul id="w0" class="nav nav-tabs" role="tablist"><li class="nav-item"><a class="nav-link active" href="#pane1" data-bs-toggle="tab" role="tab" aria-controls="pane1" aria-selected="true">Tab 1</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#w0-tab1" data-bs-toggle="tab" role="tab" aria-controls="w0-tab1" aria-selected="false">Tab 2</a></li></ul>
|
||||
<div class="tab-content"><div id="pane1" class="tab-pane active"><div>Content 1</div></div>
|
||||
<div id="w0-tab1" class="tab-pane"><div>Content 2</div></div></div>
|
||||
HTML;
|
||||
@ -396,8 +396,8 @@ HTML;
|
||||
]);
|
||||
|
||||
$expected = <<<HTML
|
||||
<ul id="w0" class="row nav nav-tabs" role="tablist"><li class="col nav-item"><a class="nav-link active" href="#w0-tab0" data-toggle="tab" role="tab" aria-controls="w0-tab0" aria-selected="true">Tab 1</a></li>
|
||||
<li class="col-6 nav-item"><a class="nav-link" href="#w0-tab1" data-toggle="tab" role="tab" aria-controls="w0-tab1" aria-selected="false">Tab 2</a></li>
|
||||
<ul id="w0" class="row nav nav-tabs" role="tablist"><li class="col nav-item"><a class="nav-link active" href="#w0-tab0" data-bs-toggle="tab" role="tab" aria-controls="w0-tab0" aria-selected="true">Tab 1</a></li>
|
||||
<li class="col-6 nav-item"><a class="nav-link" href="#w0-tab1" data-bs-toggle="tab" role="tab" aria-controls="w0-tab1" aria-selected="false">Tab 2</a></li>
|
||||
<li class="col-3 nav-item"><a class="nav-link" href="http://www.example.com/">Link</a></li></ul>
|
||||
<div class="tab-content"><div id="w0-tab0" class="tab-pane active"><div>Content 1</div></div>
|
||||
<div id="w0-tab1" class="tab-pane"><div>Content 2</div></div></div>
|
||||
|
Loading…
Reference in New Issue
Block a user