first init
This commit is contained in:
arifal
34
resources/views/pages/404-alt.blade.php
Executable file
34
resources/views/pages/404-alt.blade.php
Executable file
@@ -0,0 +1,34 @@
|
||||
@extends('layouts.vertical', ['subtitle' => '404'])
|
||||
|
||||
@section('content')
|
||||
|
||||
<!-- Start Container Fluid -->
|
||||
<div class="container-xxl">
|
||||
|
||||
<!-- Start here.... -->
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-5">
|
||||
<div class="card">
|
||||
<div class="card-body px-3 py-5">
|
||||
<div class="p-4">
|
||||
<div class="mx-auto mb-4 text-center">
|
||||
|
||||
<h1 class="mb-3 fw-bold fs-60">404</h1>
|
||||
<h2 class="fs-22 lh-base">Page Not Found !</h2>
|
||||
<p class="text-muted mt-1 mb-4">The page you're trying to reach seems to have gone <br />
|
||||
missing in the digital wilderness.</p>
|
||||
|
||||
<div class="text-center">
|
||||
<a href="{{ route('any', 'index') }}" class="btn btn-success">Back to Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card -->
|
||||
|
||||
</div> <!-- end col -->
|
||||
</div> <!-- end row -->
|
||||
|
||||
</div>
|
||||
@endsection
|
||||
49
resources/views/pages/404.blade.php
Executable file
49
resources/views/pages/404.blade.php
Executable file
@@ -0,0 +1,49 @@
|
||||
@extends('layouts.base', ['subtitle' => 'Page Not Found - 404'])
|
||||
|
||||
@section('body-attribuet')
|
||||
class="authentication-bg"
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="account-pages pt-2 pt-sm-5 pb-4 pb-sm-5">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-6">
|
||||
<div class="card auth-card">
|
||||
<div class="card-body p-0">
|
||||
<div class="row align-items-center g-0">
|
||||
<div class="col">
|
||||
<div class="p-4">
|
||||
<div class="mx-auto mb-4 text-center">
|
||||
<div class="mx-auto text-center auth-logo">
|
||||
<a href="{{ route('any', 'index') }}" class="logo-dark">
|
||||
<img src="/images/logo-dark.png" height="32" alt="logo dark">
|
||||
</a>
|
||||
|
||||
<a href="{{ route('any', 'index') }}" class="logo-light">
|
||||
<img src="/images/logo-light.png" height="28" alt="logo light">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<img src="/images/404.svg" alt="auth" height="250" class="mt-5 mb-3" />
|
||||
|
||||
<h2 class="fs-22 lh-base">Page Not Found !</h2>
|
||||
<p class="text-muted mt-1 mb-4">The page you're trying to reach seems to have gone <br /> missing in the digital wilderness.</p>
|
||||
|
||||
<div class="text-center">
|
||||
<a href="{{ route('any', 'index') }}" class="btn btn-danger">Back to Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end col -->
|
||||
</div> <!-- end row -->
|
||||
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card -->
|
||||
|
||||
</div> <!-- end col -->
|
||||
</div> <!-- end row -->
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
328
resources/views/pages/charts.blade.php
Executable file
328
resources/views/pages/charts.blade.php
Executable file
@@ -0,0 +1,328 @@
|
||||
@extends('layouts.vertical', ['subtitle' => 'Charts'])
|
||||
|
||||
@section('content')
|
||||
|
||||
@include('layouts.partials/page-title', ['title' => 'Darkone', 'subtitle' => 'Chart'])
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Line with Data Labels</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-line-1" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Gradient Line Chart</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-line-2" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
</div>
|
||||
<!-- end row -->
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Stacked Area</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-area" class="apex-charts" ED4DC">
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Basic Column Chart</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-column-1" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
</div>
|
||||
<!-- end row -->
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Column Chart with Datalabels</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-column-2" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Mixed Chart - Line & Area</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
<div dir="ltr">
|
||||
<div id="apex-mixed-1" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
</div>
|
||||
<!-- end row -->
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Basic Bar Chart</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-bar-1" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Bar with Negative Values</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-bar-2" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
</div>
|
||||
<!-- end row -->
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Line, Column & Area Chart</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-mixed-2" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Scatter (XY) Chart</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-scatter-1" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Scatter Chart - Datetime</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-scatter-2" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Simple Candlestick Chart</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-candlestick-1" class="apex-charts" abc9c">
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Combo Candlestick Chart</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div class="pt-3">
|
||||
<div id="apex-candlestick-2" class="apex-charts" 7b84b">
|
||||
</div>
|
||||
<div id="apex-candlestick-3" class="apex-charts" 7cde6">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Simple Pie Chart</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-pie-1" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Gradient Donut Chart</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-pie-2" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Patterned Donut Chart</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-pie-3" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Basic RadialBar Chart</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-radialbar-1" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Multiple RadialBars</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-radialbar-2" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Stroked Circular Guage</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div id="apex-radialbar-3" class="apex-charts"></div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title mb-0">Sparkline Charts</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div dir="ltr">
|
||||
<div class="row pt-3">
|
||||
<div class="col-md-4">
|
||||
<div id="spark1" class="apex-charts mb-sm-0 mb-4" 658dd">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div id="spark2" class="apex-charts mb-sm-0 mb-4" CE6EC">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div id="spark3" class="apex-charts"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end card-body -->
|
||||
</div> <!-- end card-->
|
||||
</div> <!-- end col-->
|
||||
</div>
|
||||
<!-- end row -->
|
||||
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script src="https://apexcharts.com/samples/assets/irregular-data-series.js"></script>
|
||||
<script src="https://apexcharts.com/samples/assets/ohlc.js"></script>
|
||||
@vite(['resources/js/pages/chart.js'])
|
||||
@endsection
|
||||
Reference in New Issue
Block a user