Recherche des tweets de réponse avec l'API Tweeter
This commit is contained in:
hugol
36
resources/views/pages/blank.blade.php
Normal file
36
resources/views/pages/blank.blade.php
Normal file
@@ -0,0 +1,36 @@
|
||||
@extends('layouts.backend')
|
||||
|
||||
@section('content')
|
||||
<!-- Hero -->
|
||||
<div class="bg-body-light">
|
||||
<div class="content content-full">
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
|
||||
<h1 class="flex-grow-1 fs-3 fw-semibold my-2 my-sm-3">Page Title</h1>
|
||||
<nav class="flex-shrink-0 my-2 my-sm-0 ms-sm-3" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">Examples</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Blank</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Hero -->
|
||||
|
||||
<!-- Page Content -->
|
||||
<div class="content">
|
||||
<!-- Your Block -->
|
||||
<div class="block block-rounded">
|
||||
<div class="block-header block-header-default">
|
||||
<h3 class="block-title">
|
||||
Block Title
|
||||
</h3>
|
||||
</div>
|
||||
<div class="block-content">
|
||||
<p>Your content..</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Your Block -->
|
||||
</div>
|
||||
<!-- END Page Content -->
|
||||
@endsection
|
||||
135
resources/views/pages/datatables.blade.php
Normal file
135
resources/views/pages/datatables.blade.php
Normal file
@@ -0,0 +1,135 @@
|
||||
@extends('layouts.backend')
|
||||
|
||||
@section('css')
|
||||
<!-- Page JS Plugins CSS -->
|
||||
<link rel="stylesheet" href="{{ asset('js/plugins/datatables-bs5/css/dataTables.bootstrap5.min.css') }}">
|
||||
<link rel="stylesheet" href="{{ asset('js/plugins/datatables-buttons-bs5/css/buttons.bootstrap5.min.css') }}">
|
||||
@endsection
|
||||
|
||||
@section('js')
|
||||
<!-- jQuery (required for DataTables plugin) -->
|
||||
<script src="{{ asset('js/lib/jquery.min.js') }}"></script>
|
||||
|
||||
<!-- Page JS Plugins -->
|
||||
<script src="{{ asset('js/plugins/datatables/dataTables.min.js') }}"></script>
|
||||
<script src="{{ asset('js/plugins/datatables-bs5/js/dataTables.bootstrap5.min.js') }}"></script>
|
||||
<script src="{{ asset('js/plugins/datatables-buttons/dataTables.buttons.min.js') }}"></script>
|
||||
<script src="{{ asset('js/plugins/datatables-buttons-bs5/js/buttons.bootstrap5.min.js') }}"></script>
|
||||
<script src="{{ asset('js/plugins/datatables-buttons-jszip/jszip.min.js') }}"></script>
|
||||
<script src="{{ asset('js/plugins/datatables-buttons-pdfmake/pdfmake.min.js') }}"></script>
|
||||
<script src="{{ asset('js/plugins/datatables-buttons-pdfmake/vfs_fonts.js') }}"></script>
|
||||
<script src="{{ asset('js/plugins/datatables-buttons/buttons.print.min.js') }}"></script>
|
||||
<script src="{{ asset('js/plugins/datatables-buttons/buttons.html5.min.js') }}"></script>
|
||||
|
||||
<!-- Page JS Code -->
|
||||
@vite(['resources/js/pages/datatables.js'])
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<!-- Hero -->
|
||||
<div class="bg-body-light">
|
||||
<div class="content content-full">
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
|
||||
<h1 class="flex-grow-1 fs-3 fw-semibold my-2 my-sm-3">DataTables Example</h1>
|
||||
<nav class="flex-shrink-0 my-2 my-sm-0 ms-sm-3" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">Examples</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Plugin</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Hero -->
|
||||
|
||||
<!-- Page Content -->
|
||||
<div class="content">
|
||||
<!-- Info -->
|
||||
<div class="block block-rounded">
|
||||
<div class="block-header block-header-default">
|
||||
<h3 class="block-title">Plugin Example</h3>
|
||||
</div>
|
||||
<div class="block-content">
|
||||
<p>
|
||||
This page showcases how easily you can add a plugin’s JS/CSS assets and init it using custom JS code.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Info -->
|
||||
|
||||
<!-- Dynamic Table Full -->
|
||||
<div class="block block-rounded">
|
||||
<div class="block-header block-header-default">
|
||||
<h3 class="block-title">Dynamic Table <small>Full</small></h3>
|
||||
</div>
|
||||
<div class="block-content block-content-full">
|
||||
<!-- DataTables init on table by adding .js-dataTable-full class, functionality is initialized in js/pages/tables_datatables.js -->
|
||||
<table class="table table-bordered table-striped table-vcenter js-dataTable-full">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center" style="width: 80px;">#</th>
|
||||
<th>Name</th>
|
||||
<th class="d-none d-sm-table-cell" style="width: 30%;">Email</th>
|
||||
<th style="width: 15%;">Registered</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@for ($i = 1; $i < 21; $i++)
|
||||
<tr>
|
||||
<td class="text-center"><?php echo $i; ?></td>
|
||||
<td class="fw-semibold">
|
||||
<a href="javascript:void(0)">John Doe</a>
|
||||
</td>
|
||||
<td class="d-none d-sm-table-cell">
|
||||
client{{ $i }}<span class="text-muted">@example.com</span>
|
||||
</td>
|
||||
<td class="text-muted">
|
||||
{{ rand(2, 10) }} days ago
|
||||
</td>
|
||||
</tr>
|
||||
@endfor
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Dynamic Table Full -->
|
||||
|
||||
<!-- Dynamic Table with Export Buttons -->
|
||||
<div class="block block-rounded">
|
||||
<div class="block-header block-header-default">
|
||||
<h3 class="block-title">Dynamic Table <small>Export Buttons</small></h3>
|
||||
</div>
|
||||
<div class="block-content block-content-full">
|
||||
<!-- DataTables init on table by adding .js-dataTable-buttons class, functionality is initialized in js/pages/tables_datatables.js -->
|
||||
<table class="table table-bordered table-striped table-vcenter js-dataTable-buttons">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center" style="width: 80px;">#</th>
|
||||
<th>Name</th>
|
||||
<th class="d-none d-sm-table-cell" style="width: 30%;">Email</th>
|
||||
<th style="width: 15%;">Registered</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@for ($i = 1; $i < 21; $i++)
|
||||
<tr>
|
||||
<td class="text-center">{{ $i }}</td>
|
||||
<td class="fw-semibold">
|
||||
<a href="javascript:void(0)">John Smith</a>
|
||||
</td>
|
||||
<td class="d-none d-sm-table-cell">
|
||||
client{{ $i }}<span class="text-muted">@example.com</span>
|
||||
</td>
|
||||
<td class="text-muted">
|
||||
{{ rand(2, 10) }} days ago
|
||||
</td>
|
||||
</tr>
|
||||
@endfor
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Dynamic Table with Export Buttons -->
|
||||
</div>
|
||||
<!-- END Page Content -->
|
||||
@endsection
|
||||
84
resources/views/pages/slick.blade.php
Normal file
84
resources/views/pages/slick.blade.php
Normal file
@@ -0,0 +1,84 @@
|
||||
@extends('layouts.backend')
|
||||
|
||||
@section('css')
|
||||
<link rel="stylesheet" href="{{ asset('js/plugins/slick-carousel/slick.css') }}">
|
||||
<link rel="stylesheet" href="{{ asset('js/plugins/slick-carousel/slick-theme.css') }}">
|
||||
@endsection
|
||||
|
||||
@section('js')
|
||||
<!-- jQuery (required for Slick Slider plugin) -->
|
||||
<script src="{{ asset('js/lib/jquery.min.js') }}"></script>
|
||||
|
||||
<!-- Page JS Plugins -->
|
||||
<script src="{{ asset('js/plugins/slick-carousel/slick.min.js') }}"></script>
|
||||
|
||||
<!-- Page JS Code -->
|
||||
<script type="module">
|
||||
// Slick Slider, for more info and examples you can check out http://kenwheeler.github.io/slick/
|
||||
Dashmix.helpersOnLoad(['jq-slick']);
|
||||
</script>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<!-- Hero -->
|
||||
<div class="bg-body-light">
|
||||
<div class="content content-full">
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
|
||||
<h1 class="flex-grow-1 fs-3 fw-semibold my-2 my-sm-3">Slick Slider Example</h1>
|
||||
<nav class="flex-shrink-0 my-2 my-sm-0 ms-sm-3" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">Examples</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Plugin</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Hero -->
|
||||
|
||||
<!-- Page Content -->
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<!-- Info -->
|
||||
<div class="block block-rounded">
|
||||
<div class="block-header block-header-default">
|
||||
<h3 class="block-title">
|
||||
Plugin Example
|
||||
</h3>
|
||||
</div>
|
||||
<div class="block-content">
|
||||
<p>
|
||||
This page showcases how easily you can add a plugin’s JS/CSS assets and init it using a Dashmix JS helper.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Info -->
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<!-- Slider with dots -->
|
||||
<div class="block block-rounded">
|
||||
<div class="block-header block-header-default">
|
||||
<h3 class="block-title">
|
||||
Dots
|
||||
</h3>
|
||||
</div>
|
||||
<div class="js-slider" data-dots="true">
|
||||
<div>
|
||||
<img class="img-fluid" src="{{ asset('media/photos/photo2.jpg') }}" alt="photo">
|
||||
</div>
|
||||
<div>
|
||||
<img class="img-fluid" src="{{ asset('media/photos/photo3.jpg') }}" alt="photo">
|
||||
</div>
|
||||
<div>
|
||||
<img class="img-fluid" src="{{ asset('media/photos/photo4.jpg') }}" alt="photo">
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Slider with dots -->
|
||||
</div>
|
||||
<!-- END Dots -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Page Content -->
|
||||
@endsection
|
||||
Reference in New Issue
Block a user