Commit e335a0a1d2cfece4076230ba5c2d7084499803cb
1 parent
127b2097de
Exists in
master
Задачи 56,57
Showing 3 changed files with 30 additions and 21 deletions Side-by-side Diff
public/css/style_may2024.css
| ... | ... | @@ -9329,3 +9329,12 @@ body .cke_notifications_area{ |
| 9329 | 9329 | .review-image-modal{ |
| 9330 | 9330 | cursor: pointer; |
| 9331 | 9331 | } |
| 9332 | + | |
| 9333 | +.flot-one-ship .flot-label{ | |
| 9334 | + font-weight: bold; | |
| 9335 | + display: flex; | |
| 9336 | +} | |
| 9337 | +.flot-one-ship .flot-label .flot-label-name{ | |
| 9338 | + color: #377d87; | |
| 9339 | + min-width: 120px; | |
| 9340 | +} |
public/js/func.js
| 1 | 1 | $(function(){ |
| 2 | - $('.review-image-modal').click(function(){ | |
| 3 | - cl($(this)); | |
| 4 | - $(this).fancybox({ | |
| 5 | - 'autoScale': true, | |
| 6 | - 'transitionIn': 'elastic', | |
| 7 | - 'transitionOut': 'elastic', | |
| 8 | - 'speedIn': 500, | |
| 9 | - 'speedOut': 300, | |
| 10 | - 'autoDimensions': true, | |
| 11 | - 'centerOnScroll': true | |
| 12 | - }) | |
| 2 | + $(".review-image-modal").fancybox({ | |
| 3 | + buttons: [ | |
| 4 | + "zoom", | |
| 5 | + "fullScreen", | |
| 6 | + "download", | |
| 7 | + "thumbs", | |
| 8 | + "close" | |
| 9 | + ] | |
| 13 | 10 | }); |
| 14 | 11 | }); |
| 15 | 12 |
resources/views/info_company_new.blade.php
| ... | ... | @@ -101,9 +101,13 @@ |
| 101 | 101 | @endif |
| 102 | 102 | |
| 103 | 103 | @if (!empty($company[0]->logo)) |
| 104 | - <img src="{{ asset(Storage::url($company[0]->logo)) }}" alt="{{ $company[0]->name_company }}" class="thing__pic review-image-modal"> | |
| 104 | + <a href="{{ asset(Storage::url($company[0]->logo)) }}" data-fancybox="gallery" class="review-image-modal"> | |
| 105 | + <img src="{{ asset(Storage::url($company[0]->logo)) }}" alt="{{ $company[0]->name_company }}" class="thing__pic"> | |
| 106 | + </a> | |
| 105 | 107 | @else |
| 106 | - <img src="{{ asset('images/logo_emp.png') }}" alt="{{ $company[0]->name_company }}" class="thing__pic"> | |
| 108 | + <a href="{{ asset('images/logo_emp.png') }}" data-fancybox="gallery" class="review-image-modal"> | |
| 109 | + <img src="{{ asset('images/logo_emp.png') }}" alt="{{ $company[0]->name_company }}" class="thing__pic"> | |
| 110 | + </a> | |
| 107 | 111 | @endif |
| 108 | 112 | |
| 109 | 113 | <h1 class="thing__title">{{ $company[0]->name_company }}</h1> |
| ... | ... | @@ -196,19 +200,18 @@ |
| 196 | 200 | <div class="main__employer-page-one"> |
| 197 | 201 | @if ($company[0]->flots->count()) |
| 198 | 202 | @foreach ($company[0]->flots as $flot) |
| 199 | - <a href="" class="main__employer-page-one-item"> | |
| 203 | + <div class="main__employer-page-one-item flot-one-ship"> | |
| 200 | 204 | @if (!empty($flot->image)) |
| 201 | 205 | <img src="{{ asset(Storage::url($flot->image)) }}" alt="{{ $flot->name }}"> |
| 202 | 206 | @else |
| 203 | 207 | <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $flot->name }}"> |
| 204 | 208 | @endif |
| 205 | - <b>{{ $flot->name }}</b> | |
| 206 | - <b>{{ $flot->region }}</b> | |
| 207 | - <span><i>DWT</i> {{ $flot->DWT }}</span> | |
| 208 | - <span><i>Мощность ГД</i> {{ $flot->POWER_GD }}</span> | |
| 209 | - <span><i>IMO</i> {{ $flot->IMO }}</span> | |
| 210 | - <span>{{ $flot->power }}</span> | |
| 211 | - </a> | |
| 209 | + | |
| 210 | + <div class="bold font20">{{ $flot->name }}</div> | |
| 211 | + <div class="flot-label"><div class="flot-label-name">DWT</div> {{ $flot->DWT }}</div> | |
| 212 | + <div class="flot-label"><div class="flot-label-name">Мощность</div> {{ $flot->POWER_GD }}</div> | |
| 213 | + <div class="flot-label"><div class="flot-label-name">IMO</div> {{ $flot->IMO }}</div> | |
| 214 | + </div> | |
| 212 | 215 | @endforeach |
| 213 | 216 | @endif |
| 214 | 217 | </div> |