Skip to content

Commit 670228d

Browse files
author
ahmadhuss
committed
refactor: blade file structure with master children layout
1 parent d5673f2 commit 670228d

File tree

2 files changed

+62
-54
lines changed

2 files changed

+62
-54
lines changed

‎resources/views/home.blade.php‎

Lines changed: 6 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,7 @@
1-
<!DOCTYPE html>
2-
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6-
<meta name="description" content="">
7-
<meta name="author" content="">
8-
9-
<title>{{ config('app.name') }}</title>
10-
11-
<!-- Bootstrap core CSS -->
12-
<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
13-
14-
<!-- Bootstrap core CSS -->
15-
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
16-
</head>
17-
18-
<body style="padding-top: 56px">
19-
20-
<!-- Navigation -->
21-
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
22-
<div class="container">
23-
<a class="navbar-brand" href="/">{{ config('app.name') }}</a>
24-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
25-
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
26-
<span class="navbar-toggler-icon"></span>
27-
</button>
28-
<div class="collapse navbar-collapse" id="navbarResponsive">
29-
</div>
1+
@extends('master')
2+
@section('vue')
3+
{{-- All things happen here. Only this part is dynamic. --}}
4+
<div id="app">
5+
<front-page></front-page>
306
</div>
31-
</nav>
32-
33-
{{-- All things happen here. Only this part is dynamic. --}}
34-
<div id="app">
35-
<front-page></front-page>
36-
</div>
37-
38-
<!-- Footer -->
39-
<footer class="py-5 bg-dark">
40-
<div class="container">
41-
<p class="m-0 text-center text-white">Copyright &copy; {{ config('app.name') }} {{ date('Y') }}</p>
42-
</div>
43-
<!-- /.container -->
44-
</footer>
45-
46-
<!-- Bootstrap core JavaScript -->
47-
<script src="{{ asset('js/jquery.min.js') }}"></script>
48-
<script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
49-
<script src="{{ asset('js/app.js') }}"></script>
50-
51-
52-
</body>
53-
54-
</html>
55-
7+
@endsection

‎resources/views/master.blade.php‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<!DOCTYPE html>
2+
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6+
<meta name="description" content="">
7+
<meta name="author" content="">
8+
9+
<title>{{ config('app.name') }}</title>
10+
11+
<!-- Bootstrap core CSS -->
12+
<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
13+
14+
<!-- Bootstrap core CSS -->
15+
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
16+
</head>
17+
18+
<body style="padding-top: 56px">
19+
20+
<!-- Navigation -->
21+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
22+
<div class="container">
23+
<a class="navbar-brand" href="/">{{ config('app.name') }}</a>
24+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
25+
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
26+
<span class="navbar-toggler-icon"></span>
27+
</button>
28+
<div class="collapse navbar-collapse justify-content-lg-end" id="navbarResponsive">
29+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
30+
<li class="nav-item">
31+
<a class="nav-link" href="{{route('categories.create')}}">Create Category</a>
32+
</li>
33+
</ul>
34+
</div>
35+
</div>
36+
</nav>
37+
38+
@yield('vue')
39+
40+
<!-- Footer -->
41+
<footer class="py-5 bg-dark">
42+
<div class="container">
43+
<p class="m-0 text-center text-white">Copyright &copy; {{ config('app.name') }} {{ date('Y') }}</p>
44+
</div>
45+
<!-- /.container -->
46+
</footer>
47+
48+
<!-- Bootstrap core JavaScript -->
49+
<script src="{{ asset('js/jquery.min.js') }}"></script>
50+
<script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
51+
<script src="{{ asset('js/app.js') }}"></script>
52+
53+
54+
</body>
55+
56+
</html>

0 commit comments

Comments
 (0)