-
Notifications
You must be signed in to change notification settings - Fork 0
/
body.html
129 lines (120 loc) · 6.21 KB
/
body.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<body class="dark-mode">
{{-- #app --}}
<div id="app" class="page-wrapper with-navbar">
<nav class="navbar">
{{-- логотип --}}
<div class="navbar-content">
<img src="{{asset($siteInfo['siteLogo'])}}" width="50px" style="margin-right:10px; padding:5px;" alt="">
</div>
{{-- название сайта --}}
<router-link to="/"><a class="navbar-brand siteTitle">
{{$siteInfo['siteTitle']}}
<b class="beta"> Beta</b>
</a></router-link>
{{-- навигация для больших экранов --}}
<ul class="navbar-nav d-none d-lg-flex">
<li class="nav-item active">
<router-link to="/"><a class="nav-link">Главная</a></router-link>
</li>
<li class="nav-item active">
<router-link to="/about"><a class="nav-link">О проекте</a></router-link>
</li>
{{-- если пользователь залогинен --}}
@if($checkToken != false)
<li class="nav-item active">
<router-link to="/profile"><a class="nav-link">Мой профиль</a></router-link>
</li>
<li class="nav-item active">
<router-link to="/recentTracks"><a class="nav-link">Последние треки</a></router-link>
</li>
@endif
{{-- тесты --}}
{{-- <li class="nav-item active">
<router-link to="/tests"><a class="nav-link">Dev: Tests</a></router-link>
</li> --}}
</ul>
{{-- если пользователь незалогинен --}}
@if($checkToken == false)
{{-- кнопка входа на сайт --}}
<div class="form-inline d-none d-lg-flex ml-auto">
<a href="/spotify_login" class="btn btn-primary-n btn-rounded">Войти через Spotify</a>
</div>
@else
{{-- если залогинен --}}
<div class="form-inline d-none d-lg-flex ml-auto" style="margin-right:1%;">
{{-- юзернейм --}}
<router-link to="/profile" class="">
<a class="nav-link">{{$spotifyProfile['displayName']}}</a>
</router-link>
{{-- юзерпик --}}
<router-link to="/profile">
<img src="{{$spotifyProfile['avatar']}}" alt="Spotify avatar" class="navSpotifyAvatar rounded-circle">
</router-link>
{{-- кнопка выхода --}}
<a class="nav-link" href="/spotify_logout">
<i class="fas fa-sign-out-alt"></i>
</a>
</div>
@endif
{{-- Меню для мобилок --}}
<div class="navbar-content d-lg-none ml-auto">
<div class="dropdown with-arrow">
{{-- кнопка меню --}}
<button class="btn" data-toggle="dropdown" type="button" id="navbar-dropdown-toggle-btn-1">
Меню
<i class="fa fa-angle-down" aria-hidden="true"></i>
</button>
{{-- дропдаун --}}
<div class="dropdown-menu dropdown-menu-right w-200" aria-labelledby="navbar-dropdown-toggle-btn-1">
<router-link to="/">
<a class="dropdown-item">Главная</a>
</router-link>
<router-link to="/about">
<a class="dropdown-item">О проекте</a>
</router-link>
{{-- если пользователь залогинен --}}
@if($checkToken != false)
<router-link to="/profile">
<a class="dropdown-item">Мой профиль</a>
</router-link>
<router-link to="/recentTracks">
<a class="dropdown-item">Последние треки</a>
</router-link>
@endif
{{-- тесты --}}
{{-- <router-link to="/tests">
<a class="dropdown-item">Dev:Tests</a>
</router-link> --}}
<div class="dropdown-divider"></div>
{{-- если пользователь незалогинен --}}
@if($checkToken == false)
<div class="dropdown-content">
<a href="/spotify_login" class="btn btn-primary-n btn-block btn-rounded">Войти через Spotify</a>
</div>
@else
<div class="dropdown-content">
{{-- юзернейм --}}
<router-link to="/profile" class="">
{{$spotifyProfile['displayName']}}
</router-link>
{{-- кнопка выхода --}}
<a href="/spotify_logout" class="" style="margin-left:20px;">
<i class="fas fa-sign-out-alt"></i>
</a>
</div>
@endif
</div>
</div>
</div>
</nav>
<!-- враппер -->
<div class="content-wrapper" style="padding-left:2%; padding-right:2%;">
<div class="container" >
{{-- контент --}}
<main class="py-4">
@yield('content')
</main>
</div>
</div>
</div>
</body>