100 lines
4.0 KiB
PHP
Executable File
100 lines
4.0 KiB
PHP
Executable File
<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag; ?>
|
|
<?php foreach($attributes->onlyProps(['position' => 'left']) as $__key => $__value) {
|
|
$$__key = $$__key ?? $__value;
|
|
} ?>
|
|
<?php $attributes = $attributes->exceptProps(['position' => 'left']); ?>
|
|
<?php foreach (array_filter((['position' => 'left']), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
|
|
$$__key = $$__key ?? $__value;
|
|
} ?>
|
|
<?php $__defined_vars = get_defined_vars(); ?>
|
|
<?php foreach ($attributes as $__key => $__value) {
|
|
if (array_key_exists($__key, $__defined_vars)) unset($$__key);
|
|
} ?>
|
|
<?php unset($__defined_vars); ?>
|
|
|
|
<v-tabs
|
|
position="<?php echo e($position); ?>"
|
|
<?php echo e($attributes); ?>
|
|
|
|
>
|
|
<?php if (isset($component)) { $__componentOriginala93c6af5b8f025af46aa7f785a457087 = $component; } ?>
|
|
<?php if (isset($attributes)) { $__attributesOriginala93c6af5b8f025af46aa7f785a457087 = $attributes; } ?>
|
|
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.shimmer.tabs.index','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
|
|
<?php $component->withName('admin::shimmer.tabs'); ?>
|
|
<?php if ($component->shouldRender()): ?>
|
|
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
|
|
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
|
|
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
|
|
<?php endif; ?>
|
|
<?php $component->withAttributes([]); ?>
|
|
<?php echo $__env->renderComponent(); ?>
|
|
<?php endif; ?>
|
|
<?php if (isset($__attributesOriginala93c6af5b8f025af46aa7f785a457087)): ?>
|
|
<?php $attributes = $__attributesOriginala93c6af5b8f025af46aa7f785a457087; ?>
|
|
<?php unset($__attributesOriginala93c6af5b8f025af46aa7f785a457087); ?>
|
|
<?php endif; ?>
|
|
<?php if (isset($__componentOriginala93c6af5b8f025af46aa7f785a457087)): ?>
|
|
<?php $component = $__componentOriginala93c6af5b8f025af46aa7f785a457087; ?>
|
|
<?php unset($__componentOriginala93c6af5b8f025af46aa7f785a457087); ?>
|
|
<?php endif; ?>
|
|
</v-tabs>
|
|
|
|
<?php if (! $__env->hasRenderedOnce('f74f4975-d7f7-42c9-9055-4a2cdfffa81a')): $__env->markAsRenderedOnce('f74f4975-d7f7-42c9-9055-4a2cdfffa81a');
|
|
$__env->startPush('scripts'); ?>
|
|
<script
|
|
type="text/x-template"
|
|
id="v-tabs-template"
|
|
>
|
|
<div class="w-full">
|
|
<div
|
|
class="flex justify-center gap-4 border-b border-gray-200"
|
|
:style="positionStyles"
|
|
>
|
|
<div
|
|
v-for="tab in tabs"
|
|
class="cursor-pointer px-4 py-2.5 text-sm font-medium text-gray-800"
|
|
:class="{'border-brandColor border-b-2 !text-brandColor transition': tab.isActive }"
|
|
@click="change(tab)"
|
|
>
|
|
{{ tab.title }}
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<?php echo e($slot); ?>
|
|
|
|
</div>
|
|
</div>
|
|
</script>
|
|
|
|
<script type="module">
|
|
app.component('v-tabs', {
|
|
template: '#v-tabs-template',
|
|
|
|
props: ['position'],
|
|
|
|
data() {
|
|
return {
|
|
tabs: []
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
positionStyles() {
|
|
return [
|
|
`justify-content: ${this.position}`
|
|
];
|
|
},
|
|
},
|
|
|
|
methods: {
|
|
change(selectedTab) {
|
|
this.tabs.forEach(tab => {
|
|
tab.isActive = (tab.title == selectedTab.title);
|
|
});
|
|
},
|
|
},
|
|
});
|
|
</script>
|
|
<?php $__env->stopPush(); endif; ?>
|
|
<?php /**PATH /var/www/html/packages/Webkul/Admin/src/Resources/views/components/tabs/index.blade.php ENDPATH**/ ?>
|