datatable.directory codebase
https://datatable.directory/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
90 lines
2.8 KiB
90 lines
2.8 KiB
{{-- Basic table view --}}
|
|
|
|
@extends('layouts.app')
|
|
|
|
@php
|
|
/** @var \App\Models\Table $table */
|
|
@endphp
|
|
|
|
@section('content')
|
|
<div class="row justify-content-start px-3">
|
|
<div class="d-flex w-100 align-items-center">
|
|
<small class="flex-grow-1" style="font-size: 120%;">
|
|
<a href="{{route('profile.view', $table->owner->name)}}" class="link-no-color">{{ $table->owner->handle }}</a>{{--
|
|
--}}<span class="px-1">/</span>{{--
|
|
--}}<b>{{ $table->name }}</b>
|
|
</small>
|
|
|
|
<h1 class="mx-3">{{ $table->title }}</h1>
|
|
|
|
@include('table._action-buttons')
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mx-auto col-md-12 justify-content-center mb-1 border rounded px-0 py-2 box-shadow mb-3">
|
|
|
|
{{-- Tab panels wrapper --}}
|
|
<div class="col-md-10 tab-content order-1" id="infobox-tabContent">
|
|
|
|
<div class="tab-pane show active container" id="infobox-home" role="tabpanel" aria-labelledby="infobox-home-tab">
|
|
@include('table._panel-metadata')
|
|
</div>
|
|
|
|
<div class="tab-pane container" id="infobox-columns" role="tabpanel" aria-labelledby="infobox-columns-tab">
|
|
Column toggles, sort, filtering … coming soon
|
|
</div>
|
|
|
|
<div class="tab-pane container" id="infobox-export" role="tabpanel" aria-labelledby="infobox-export-tab">
|
|
Export … coming soon
|
|
</div>
|
|
|
|
</div>{{-- End of tab panels wrapper --}}
|
|
|
|
{{-- Right column with menu --}}
|
|
<div class="col-md-2 border-left order-md-2 order-0 mb-md-0 mb-2">
|
|
<div class="nav flex-md-column flex-row nav-pills pt-1" role="tablist"
|
|
aria-label="Tabs for the table info box" id="infobox-tab">
|
|
|
|
<a class="nav-link active" data-toggle="pill" role="tab" aria-selected="true"
|
|
id="infobox-home-tab" href="#infobox-home" aria-controls="infobox-home">
|
|
Table Info
|
|
</a>
|
|
|
|
<a class="nav-link" data-toggle="pill" role="tab" aria-selected="false"
|
|
id="infobox-columns-tab" href="#infobox-columns" aria-controls="infobox-columns">
|
|
Columns
|
|
</a>
|
|
|
|
<a class="nav-link" data-toggle="pill" role="tab" aria-selected="false"
|
|
id="infobox-export-tab" href="#infobox-export" aria-controls="infobox-export">
|
|
Export
|
|
</a>
|
|
|
|
</div>
|
|
</div>{{-- end of menu column --}}
|
|
|
|
</div>{{-- End of row --}}
|
|
|
|
<div class="row justify-content-center mb-2">
|
|
<div class="col-md-12 d-flex">
|
|
<nav class="text-center" aria-label="Pages of the table">
|
|
{{ $rows->links(null, ['ulClass' => 'mb-0']) }}
|
|
</nav>
|
|
</div>
|
|
</div>{{-- End of row --}}
|
|
|
|
<div class="row justify-content-center">
|
|
<div class="col-12">
|
|
@include('table._rows')
|
|
</div>
|
|
</div>{{-- End of row --}}
|
|
|
|
<div class="row justify-content-center mb-2">
|
|
<div class="col-md-12 d-flex">
|
|
<nav class="text-center" aria-label="Pages of the table">
|
|
{{ $rows->links(null, ['ulClass' => 'mb-0']) }}
|
|
</nav>
|
|
</div>
|
|
</div>{{-- End of row --}}
|
|
|
|
@endsection
|
|
|