app.blade.php 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262
  1. <!DOCTYPE html>
  2. <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  6. <meta name="apple-mobile-web-app-title" content="{{ config('meta_application_name') }}"/>
  7. @if($metaViewport = config('meta_viewport'))
  8. <meta name="viewport" content="{{ $metaViewport }}"/>
  9. @else
  10. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  11. @endif
  12. @if($metaRobots = config('meta_robots'))
  13. <meta name="robots" content="{{ $metaRobots }}"/>
  14. @endif
  15. @if($metaAuthor = config('meta_author'))
  16. <meta name="author" content="{{ $metaAuthor }}"/>
  17. @endif
  18. @if($metaKeywords = config('meta_keywords'))
  19. <meta name="keywords" content="{{ $metaKeywords }}"/>
  20. @endif
  21. @if($metaDescription = config('meta_description'))
  22. <meta name="description" content="{{ $metaDescription }}"/>
  23. @endif
  24. {!! config('meta_adds_info') !!}
  25. <!-- CSRF Token -->
  26. <meta name="csrf-token" content="{{ csrf_token() }}"/>
  27. <title>{{ config('site_title', config('app.name')) }}</title>
  28. @if($siteFavicon = config('site_favicon'))
  29. <link rel="icon" type="image/x-icon" href="{{ asset($siteFavicon) }}"/>
  30. <link rel="shortcut icon" type="image/x-icon" href="{{ asset($siteFavicon) }}"/>
  31. @endif
  32. @vite(['resources/sass/app.scss', 'resources/js/app.js'])
  33. <link rel="stylesheet" href="{{ asset('css/mobile/layout.css') }}"/>
  34. @stack('styles')
  35. <script>
  36. // 자바스크립트에서 사용하는 전역변수 선언
  37. var BASE_URL = "{{ BASE_URL }}";
  38. var FULL_URL = "{{ FULL_URL }}";
  39. var ADMIN_URL = "{{ ADMIN_URL }}";
  40. var CHARSET = "{{ CHARSET }}";
  41. var DATE = "{{ DATE }}";
  42. var DATETIME = "{{ DATETIME }}";
  43. var IP_ADDRESS = "{{ IP_ADDRESS }}";
  44. var REFERER = "{{ REFERER }}";
  45. var USER_AGENT = "{{ USER_AGENT }}";
  46. var DEVICE = "{{ DEVICE }}";
  47. var PLATFORM = "{{ PLATFORM }}";
  48. var BROWSER = "{{ BROWSER }}";
  49. var IS_USER = {{ IS_USER }};
  50. var IS_ADMIN = {{ IS_ADMIN }};
  51. var IS_FRONT = 1;
  52. var CSRF = "{{ csrf_token() }}";
  53. </script>
  54. <!--[if lt IE 9]>
  55. <script src="{{ asset('js/common/html5shiv.min.js') }}" defer></script>
  56. <script src="{{ asset('js/common/respond.min.js') }}" defer></script>
  57. <script src="{{ asset('js/common/ie8-responsive-file-warning.js') }}" defer></script>
  58. <![endif]-->
  59. <script src="{{ asset('/js/common/common.js') }}" defer></script>
  60. <script src="{{ asset('/js/common/jquery.validate.extension.js') }}" defer></script>
  61. <script src="{{ asset('/js/front.js') }}" defer></script>
  62. <!-- Google tag (gtag.js) -->
  63. <script async src="https://www.googletagmanager.com/gtag/js?id=G-RPBF1M8JNY"></script>
  64. <script>
  65. window.dataLayer = window.dataLayer || [];
  66. function gtag(){dataLayer.push(arguments);}
  67. gtag('js', new Date());
  68. gtag('config', 'G-RPBF1M8JNY');
  69. </script>
  70. </head>
  71. <body id="app">
  72. {{-- 상단 --}}
  73. <header id="header">
  74. <nav class="navbar">
  75. <div class="container-fluid">
  76. <button type="button" class="navbar-toggler" data-bs-toggle="offcanvas" data-bs-target="#navbarMenu" aria-controls="navbarMenu">
  77. <span class="navbar-toggler-icon"></span>
  78. </button>
  79. <a href="/" class="navbar-brand" target="_self">
  80. {{ config('app.name') }}
  81. </a>
  82. <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarSearch" aria-controls="navbarSearch" aria-expanded="false" aria-label="Toggle search">
  83. <i class="fa-solid fa-magnifying-glass"></i>
  84. </button>
  85. <div id="navbarSearch" class="collapse navbar-collapse">
  86. <form name="f_search" id="fSearch" role="search" method="get" action="{{ route('recently') }}" accept-charset="UTF-8">
  87. <input type="search" name="search" size="10" class="form-control me-2" placeholder="검색어를 입력해주세요." aria-label="Search"/>
  88. <button type="submit" class="btn btn-outline-success">검색</button>
  89. </form>
  90. </div>
  91. </div>
  92. </nav>
  93. {{-- 왼쪽 메뉴 --}}
  94. <div id="navbarMenu" class="offcanvas offcanvas-start" tabindex="-1" aria-labelledby="navbarMenuLabel">
  95. <div class="offcanvas-header">
  96. <h5 id="navbarMenuLabel" class="offcanvas-title">{{ config('app.name') }}</h5>
  97. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  98. </div>
  99. <div class="offcanvas-header gap-2">
  100. @guest
  101. @if (Route::has('login'))
  102. <a href="{{ route('login') }}" class="btn btn-dark btn-sm w-100">{{ __('Login') }}</a>
  103. @endif
  104. @if (Route::has('register'))
  105. <a href="{{ route('register') }}" class="btn btn-dark btn-sm w-100">{{ __('Register') }}</a>
  106. @endif
  107. @else
  108. <div class="dropdown">
  109. <a href="#" id="account" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-bs-offset="-5,1">
  110. {{ $user->nickname ?: $user->name }}님 <span class="caret"></span>
  111. </a>
  112. <div class="dropdown-menu dropdown-menu-right">
  113. @admin
  114. <a href="{{ route('admin.index') }}" class="dropdown-item" target="_blank">관리자</a>
  115. @endadmin
  116. <a href="{{ route('account.profile') }}" class="dropdown-item">내 정보</a>
  117. <div class="dropdown-divider"></div>
  118. <a href="{{ route('logout') }}" class="dropdown-item">{{ __('Logout') }}</a>
  119. <form id="logoutForm" class="hide" action="{{ route('logout') }}" method="POST">@csrf</form>
  120. </div>
  121. </div>
  122. @endguest
  123. </div>
  124. <div class="offcanvas-body">
  125. <nav id="nav">
  126. <div class="nav flex-column mb-auto">
  127. <a href="/recently" class="nav-link">최신글 보기</a>
  128. @if($topMenu)
  129. @php
  130. $buildSubMenu = function ($categories) use (&$buildSubMenu, $subMenu) {
  131. $html = '<ul class="dropdown-menu">';
  132. foreach ($categories as $cate) {
  133. $meta = $subMenu[$cate->id];
  134. $hasClass = "";
  135. if($meta->hasChildren) {
  136. $hasClass = 'class="has-children"';
  137. }
  138. $html .= sprintf('<li %s><a href="%s" class="dropdown-item" target="%s" %s>%s <small>($d)</small></a>', $hasClass, $meta->url, $meta->target, $meta->custom, $meta->name, $meta->postCount);
  139. $html .= $buildSubMenu($cate->children);
  140. $html .= '</li>';
  141. }
  142. $html .= '</ul>';
  143. return $html;
  144. };
  145. @endphp
  146. @foreach($topMenu[0] as $row)
  147. <div class="dropdown">
  148. <a href="{{ $row->url }}" target="{{ $row->target }}" {{ $row->custom }} class="nav-link @if(!$row->isLeaf) dropdown-toggle @endif"
  149. @if(!$row->isLeaf) data-bs-toggle="dropdown" role="button" aria-expanded="false" data-bs-offset="0,-25" @endif>
  150. {{ $row->name }} @if($row->board_id) <small>({{ $row->postCount }})</small> @endif
  151. </a>
  152. @if($row->hasChildren)
  153. <ul class="dropdown-menu">
  154. @foreach($row->children as $mn)
  155. @php $meta = $subMenu[$mn->id]; @endphp
  156. <li @if($meta->hasChildren) class="has-children" @endif>
  157. <a href="{{ $meta->url }}" class="dropdown-item" target="{{ $meta->target }}" {{ $meta->custom }}>{{ $meta->name }}({{ $meta->postCount }})</a>
  158. @if($meta->hasChildren)
  159. @php echo $buildSubMenu($mn->children) @endphp
  160. @endif
  161. </li>
  162. @endforeach
  163. </ul>
  164. @endif
  165. </div>
  166. @endforeach
  167. @endif
  168. <a href="{{ route('tag.index') }}" class="nav-link @if($isTab) active @endif">
  169. 태그
  170. </a>
  171. </div>
  172. </nav>
  173. <!-- 쿠팡 광고 -->
  174. <div class="ad-coupang">
  175. <iframe src="https://coupa.ng/cdvhzK" width="100%" height="75" frameborder="0" scrolling="no" referrerpolicy="unsafe-url"></iframe>
  176. <iframe src="https://ads-partners.coupang.com/widgets.html?id=637907&template=carousel&trackingCode=AF0305179&subId=&width=100&height=140" width="100%" height="140" frameborder="0" scrolling="no" referrerpolicy="unsafe-url"></iframe>
  177. <small>
  178. 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
  179. </small>
  180. </div>
  181. <hr/>
  182. <table>
  183. <caption>방문자 수</caption>
  184. <tr>
  185. <th>오늘</th>
  186. <td>{{ $visitorTodayCount }}</td>
  187. </tr>
  188. <tr>
  189. <th>어제</th>
  190. <td>{{ $visitorYesterdayCount }}</td>
  191. </tr>
  192. <tr>
  193. <th>누적</th>
  194. <td>{{ $visitorTotalCount }}</td>
  195. </tr>
  196. </table>
  197. <address>&copy; 2022~{{ date('Y') }} {{ config('company_name') }}. All rights reserved.</address>
  198. </div>
  199. </div>
  200. </header>
  201. <main id="main">
  202. @yield('content')
  203. </main>
  204. {{-- 하단 --}}
  205. <footer id="footer">
  206. <div class="container-fluid">
  207. <div class="row text-center align-items-center">
  208. <div class="col-sm-12 col-lg-9 col-md-9 p-4 pb-0 p-sm-4 pb-sm-0 p-md-4 p-lg-4 text-md-start">
  209. <ul>
  210. <li>
  211. <a href="{{ route('document', 'privacy') }}">개인정보처리방침</a>
  212. </li>
  213. <li class="divider"></li>
  214. <li>
  215. <a href="{{ route('document', 'refusal') }}">이메일주소무단수집거부</a>
  216. </li>
  217. <li class="divider"></li>
  218. <li>
  219. <a href="{{ route('document', 'proposal') }}">제휴 문의</a>
  220. </li>
  221. </ul>
  222. </div>
  223. <div class="col-sm-12 col-lg-3 col-md-3 p-4 p-md-4 text-md-end">
  224. <a href="https://ccl.cckorea.org/" title="https://ccl.cckorea.org/" target="_blank">
  225. <img src="/images/cc-license.png" alt="BY NC ND EU"/>
  226. </a>
  227. </div>
  228. </div>
  229. <div class="row text-center text-md-start">
  230. <div class="col ps-4 pe-4 pb-4">
  231. <address>
  232. &copy; 2022~{{ date('Y') }} {{ config('company_name') }}. All rights reserved.
  233. </address>
  234. </div>
  235. </div>
  236. </div>
  237. </footer>
  238. @stack('scripts')
  239. @include('component.loading')
  240. @include('component.popup')
  241. @include('component.alert')
  242. </body>
  243. </html>